Kaan - 2012-09-11 12:48 GMT -
Browser Caching?i G??lendirmek
Sadece dosyalar?n?z? k???lterek de?il ancak her seferinde onlar? tekrar y?klemek yerine kullan?c?lar?n dosyalar?n?z? browser cachlemesine izin verebilirsiniz (ya da yerel bir kopya y?kleyip kullan). Bu, isteklerin azalmas?na ve geri gelen ziyaret?ilerin daha az beklemesine yard?mc? olur.
Cachingle ilgili Google??n ?u sitesine bir g?z at?n: https://code.google.com/speed/pag.....hing.html
Y?nlendirmeleri (Redirects) Azaltmak
Y?nlendirmeler zaman al?r. Ne kadar ?ok varsa, kullan?c?lar? y?nlendirdi?iniz sitelere girmeleri de o kadar yava? olur.
Bunlar? olabildi?ince az kullanmaya ?al???n.
Resimleri ?yile?tirme
Genel olarak g?zden ka??r?la bir di?er unsur da resimlerdir. E?er sitenizde ?ok fazla veya b?y?k resimler varsa, bu sitenizi yava?lat?r. Resimlerinizi hangi dosya t?r?nde kaydedece?inizi bilirseniz, olay?n yar?s?n? bitirmi?isnizdir. Photoshop ya da Fireworks?de resimler i?in ??kan sihirbaz, resimlerinizin ka? byte ya da kilobyte oldu?unu size s?yleyecektir.
Basit resimler PNG format?nda daha k???kken daha karma??k resimler JPG format?nda daha iyi olur. ?una da dikkat etmek gerekir. Mesela boyut olarak ?ok bir fark olmayan 2 resmin kalitesi daha y?ksek olan? se?mek daha mant?kl? olacakt?r.
?nceden var olan resminizin ?zerinden ge?mek biraz vaktinizi alabilir ama ?ok bo? alan kurtar?r. ?zellikle pop?ler bir siteniz varsa ve bant geni?li?i paras? ?d?yorsan?z.
Ayr?ca Fireworks kullanman?n Photoshop?a g?re daha avantajl? oldu?u ?u makalede anlat?lmaktad?r. http://webdesignerwall.com/gener.....mpression
Bunu ?u ?ekilde ?zetleyebiliriz:
?E?er Fireworks kullanarak Backgroundumu d?zeltirsem, dosya boyutunu 20 kb azaltabilirim. G?nde yakla??k 16,000 ziyaret?im var. 20 kb*16,000=320,000 kb. Yani her g?n ba??na 320 megabyte avantajl?y?m!?
CSS ??renmek kolayd?r ama ?st?nde uzmanla?mak zordur. Daha iyi CSS?in nas?l yaz?ld???n? ??renmek i?in ?ok g?zel siteler bulabilirsiniz.
Google?da arad???n?z zaman kar??n?za CSS ilgili bir?ok site ??kacakt?r.
S?k??t?rma Uygulamak
Gzip?i a?abilirsiniz. Bu, ziyaret?ilerinize g?nderilen html dosyalar?n?z?n, CSS?in vs. boyutlar?n? azaltacakt?r. Yine hat?rlatmal?y?m ki daha k???k dosya boyutlar?=daha h?zl? y?klenme s?resi.
S?k??t?rmayla ilgili daha fazla bilgiyi ?u adresten edinebilirsiniz: https://code.google.com/speed/pag.....mpression
Bir CDN(Content Distribution Network-??erik Teslim A??) Kullan
Sitenize medya sergilemenin an etkili ve ucuz yolu CDN?dir. Mesela ziyaret?ilerinize web sitenizden resim g?ndermek yerine, resimleri CDN?den y?kleyebiliyorlar, Amazon?un S3 servisi gibi. Sunucunuzun y?k?n? azalt?p daha ?ok kullan?c?ya hizmet veriyor. CDN?ler daha ?ok orta veya b?y?k boyutlu sitelere hizmet eder.
Caching Sistemi (?nbellek) Kullanmak
G?n?m?zde hemen hemen b?t?n web siteleri veri taban? kullanmaktad?r. E-ticaret siteleri ve bloglar bunun en belirgin ?rnekleridir. sunucunuza yapt???n?z her istek, sayfan?z? yava?lat?r. Ve bu durum kesinlikle veritabanlar? i?in de ayn?d?r. Sayfay? her y?kledi?inizde, bilgi veritaban? taraf?ndan istenilir sonra da ziyaret?iye sunulur.
Sunucular, herkesin istedi?i bilgiyi vermek i?in saniye ba?? ?abalarken ??ker. ??te bu durumda devreye caching sistemi girer.
Her ki?i sayfay? her a?t???nda bilgi istemek yerine, cachin sistemi bilgiyi saatte bir (?rnek) al?r ve sonu?lar? ?kaydeder?. Her ziyaret?i g?ncellenene kadar kaydedilmi? versiyonu g?r?r. Bu, Facebook gibi sitelerin milyonlarca insanla nas?l ba? etti?inin bir yoludur.
Bu taktik, orta ve b?y?k web sitelerinde gerek duyulan bir ?eydir.
CSS Ba??ms?z G?r?nt?lerini Kullanmak
CSS ba??ms?z g?r?nt?leri, sadece yapt???n?z resim isteklerini kesmekle kalmaz ayn? zamanda resimlerin b?t?n boyutlar?n? azalt?r. Konsept olduk?a basit ve ho?tur. Bir resmi ??ablon? olarak kullan?n, sonra da ?ablonun k???k bir b?l?m?n? se?in.
Yukar?da g?rm?? oldu?unu resim bir CSS ba??ms?z g?r?nt?d?r. Bu bir resim sitedeki bir?ok buton, ba?l?k, ikon, vs. g?revi g?r?r. Bu ba??ms?z g?r?nt?y? kullanarak, bir?ok iste?i ve b?ylece dosya boyutunu azaltm?? olacaks?n?z.
Bu resimde, CSS ba??ms?z g?r?nt?lerinin kullan?ld???n? (k?rm?z? daire i?inde olanlar) g?rebilirsiniz.
?yi Kod Yazmak
Kendini tekrar etmeyen a??k ve net kodlar kullan?lmas?, sitenizi daha h?zl? yapar. Altyap?da zay?f ?ekilde d?zenlenmi? kodlar, siz ne yaparsan?z yap?n sitenizi yava?latacakt?r.
Browser Caching?i G??lendirmek
Sadece dosyalar?n?z? k???lterek de?il ancak her seferinde onlar? tekrar y?klemek yerine kullan?c?lar?n dosyalar?n?z? browser cachlemesine izin verebilirsiniz (ya da yerel bir kopya y?kleyip kullan). Bu, isteklerin azalmas?na ve geri gelen ziyaret?ilerin daha az beklemesine yard?mc? olur.
Cachingle ilgili Google??n ?u sitesine bir g?z at?n: https://code.google.com/speed/pag.....hing.html
Y?nlendirmeleri (Redirects) Azaltmak
Y?nlendirmeler zaman al?r. Ne kadar ?ok varsa, kullan?c?lar? y?nlendirdi?iniz sitelere girmeleri de o kadar yava? olur.
Bunlar? olabildi?ince az kullanmaya ?al???n.
Resimleri ?yile?tirme
Genel olarak g?zden ka??r?la bir di?er unsur da resimlerdir. E?er sitenizde ?ok fazla veya b?y?k resimler varsa, bu sitenizi yava?lat?r. Resimlerinizi hangi dosya t?r?nde kaydedece?inizi bilirseniz, olay?n yar?s?n? bitirmi?isnizdir. Photoshop ya da Fireworks?de resimler i?in ??kan sihirbaz, resimlerinizin ka? byte ya da kilobyte oldu?unu size s?yleyecektir.
Basit resimler PNG format?nda daha k???kken daha karma??k resimler JPG format?nda daha iyi olur. ?una da dikkat etmek gerekir. Mesela boyut olarak ?ok bir fark olmayan 2 resmin kalitesi daha y?ksek olan? se?mek daha mant?kl? olacakt?r.
?nceden var olan resminizin ?zerinden ge?mek biraz vaktinizi alabilir ama ?ok bo? alan kurtar?r. ?zellikle pop?ler bir siteniz varsa ve bant geni?li?i paras? ?d?yorsan?z.
Ayr?ca Fireworks kullanman?n Photoshop?a g?re daha avantajl? oldu?u ?u makalede anlat?lmaktad?r. http://webdesignerwall.com/gener.....mpression
Bunu ?u ?ekilde ?zetleyebiliriz:
?E?er Fireworks kullanarak Backgroundumu d?zeltirsem, dosya boyutunu 20 kb azaltabilirim. G?nde yakla??k 16,000 ziyaret?im var. 20 kb*16,000=320,000 kb. Yani her g?n ba??na 320 megabyte avantajl?y?m!?
CSS ??renmek kolayd?r ama ?st?nde uzmanla?mak zordur. Daha iyi CSS?in nas?l yaz?ld???n? ??renmek i?in ?ok g?zel siteler bulabilirsiniz.
Google?da arad???n?z zaman kar??n?za CSS ilgili bir?ok site ??kacakt?r.
S?k??t?rma Uygulamak
Gzip?i a?abilirsiniz. Bu, ziyaret?ilerinize g?nderilen html dosyalar?n?z?n, CSS?in vs. boyutlar?n? azaltacakt?r. Yine hat?rlatmal?y?m ki daha k???k dosya boyutlar?=daha h?zl? y?klenme s?resi.
S?k??t?rmayla ilgili daha fazla bilgiyi ?u adresten edinebilirsiniz: https://code.google.com/speed/pag.....mpression
Bir CDN(Content Distribution Network-??erik Teslim A??) Kullan
Sitenize medya sergilemenin an etkili ve ucuz yolu CDN?dir. Mesela ziyaret?ilerinize web sitenizden resim g?ndermek yerine, resimleri CDN?den y?kleyebiliyorlar, Amazon?un S3 servisi gibi. Sunucunuzun y?k?n? azalt?p daha ?ok kullan?c?ya hizmet veriyor. CDN?ler daha ?ok orta veya b?y?k boyutlu sitelere hizmet eder.
Caching Sistemi (?nbellek) Kullanmak
G?n?m?zde hemen hemen b?t?n web siteleri veri taban? kullanmaktad?r. E-ticaret siteleri ve bloglar bunun en belirgin ?rnekleridir. sunucunuza yapt???n?z her istek, sayfan?z? yava?lat?r. Ve bu durum kesinlikle veritabanlar? i?in de ayn?d?r. Sayfay? her y?kledi?inizde, bilgi veritaban? taraf?ndan istenilir sonra da ziyaret?iye sunulur.
Sunucular, herkesin istedi?i bilgiyi vermek i?in saniye ba?? ?abalarken ??ker. ??te bu durumda devreye caching sistemi girer.
Her ki?i sayfay? her a?t???nda bilgi istemek yerine, cachin sistemi bilgiyi saatte bir (?rnek) al?r ve sonu?lar? ?kaydeder?. Her ziyaret?i g?ncellenene kadar kaydedilmi? versiyonu g?r?r. Bu, Facebook gibi sitelerin milyonlarca insanla nas?l ba? etti?inin bir yoludur.
Bu taktik, orta ve b?y?k web sitelerinde gerek duyulan bir ?eydir.
CSS Ba??ms?z G?r?nt?lerini Kullanmak
CSS ba??ms?z g?r?nt?leri, sadece yapt???n?z resim isteklerini kesmekle kalmaz ayn? zamanda resimlerin b?t?n boyutlar?n? azalt?r. Konsept olduk?a basit ve ho?tur. Bir resmi ??ablon? olarak kullan?n, sonra da ?ablonun k???k bir b?l?m?n? se?in.
Yukar?da g?rm?? oldu?unu resim bir CSS ba??ms?z g?r?nt?d?r. Bu bir resim sitedeki bir?ok buton, ba?l?k, ikon, vs. g?revi g?r?r. Bu ba??ms?z g?r?nt?y? kullanarak, bir?ok iste?i ve b?ylece dosya boyutunu azaltm?? olacaks?n?z.
Bu resimde, CSS ba??ms?z g?r?nt?lerinin kullan?ld???n? (k?rm?z? daire i?inde olanlar) g?rebilirsiniz.
?yi Kod Yazmak
Kendini tekrar etmeyen a??k ve net kodlar kullan?lmas?, sitenizi daha h?zl? yapar. Altyap?da zay?f ?ekilde d?zenlenmi? kodlar, siz ne yaparsan?z yap?n sitenizi yava?latacakt?r.