Sayfa Hızınızı Arttırma İpuçları
|
#7713 |
|
|
Kaan
User is:
Posts: 2772
Meslek: Serbest Meslek
Age: 43
|
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. |
Emlak, Oto Galeri, Rent A Car, ?iir, Edebiyat Script Sipari?lerinizi Verebilirsiniz. Detaylar ??in: kaan@ntka.org Seditio 170 ?ndir Capte M?zik ?ndir Seditio Toolbar ?ndir |













