Gönderen Konu: Tarayıcı Önbellekleme Nedir, Nasıl Yapılır (Detaylar)  (Okunma sayısı 788 defa)

Çevrimdışı orhan

  • Yönetici
  • Trade Sayısı: (0)
  • *
  • İleti: 384
  • Karma +19/-1
  • Cinsiyet: Bay
    • Profili Görüntüle
    • webtiryaki.com
[h1]Tarayıcı Önbellekleme Nedir
Konuya girmeden önce şunu belirtemeliyimki: Bu konuyu WordPress kategorisinde açtım ama aslında tüm php sitelere uygulanabilecek bir yöntem. Tabi sunucunuzun mod_deflate.c özelliği açıksa.
Birçok seo analiz sitelerinde tarayıcı önbellekleme hatası ile karşı karşıya kalırız.
İyi ama nedir bu tarayıcı önbellekleme dedikleri şey?
Ben size olayı bir örnekle açıklayayım: Mesela bir siteye girdiğinizde temaya ait resim, .js, .css vs. dosyalar sunucudan çekilir ve tarayıcıda görüntülenir. Başka bir sayfaya geçince ise bu dosyalar tekrardan indirilir.
 Ama önbellekleme yaptıysanız, dosyalar tekrardan indirilmez ve sayfa daha çabuk yüklenmiş olur. Bu özelliğin birçok açıdan avantajı var:
 
  • Ziyaretçiler sitede daha hızlı dolaşır.
  • Aylık trafik daha az harcanır.
  • Site daha çabuk açılacağı için Google siteyi sever, yani seo açısından da faydası çoktur.
Tabi bazı dezavantajları da yok değil. Örneğin, temada bir takım değişiklik yapmak istediğimizde, tarayıcı yeni dosyayı indirmek yerine önbellekteki dosyaya göre işlem yapabiliyor. Ama bunun da bir çaresi var. Önce bunu anlatmak yerine önbellekleme nasıl yapılır, onu anlatayım.
 Tarayıcı Önbellekleme Nasıl Yapılır
 Öncelikle .htaccess dosyasının yedeğini alın.
Ne olur, ne olmaz! Sonrasında ise .htaccess dosyasını açın ve aşağıdaki kodu en üste yerleştirin.
Kod: [Seç]
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/gif "access plus 4 weeks"
ExpiresByType image/jpg "access plus 4 weeks"
ExpiresByType image/jpeg "access plus 4 weeks"
ExpiresByType image/png "access plus 4 weeks"
ExpiresByType image/bmp "access plus 4 weeks"
ExpiresByType text/css "access plus 4 weeks"
ExpiresByType application/javascript "access plus 4 weeks"
ExpiresByType application/x-javascript "access plus 4 weeks"
ExpiresByType text/javascript "access plus 4 weeks"
</IfModule>
Sadece bu kodları yerleştirmeniz yeterli.
Kendinize göre düzenlemek isterseniz:
 
  • Bazı satırları kaldırabilirsiniz. Mesela css dosyalarının önbellekleme yapılmasını istemiyorsanız, 8. satırı silebilirsiniz.
  • Verdiğim örnek kodda önbellekleme süresini 4 weeks (4 hafta) olarak ayarladım. Tercihinize göre 1 year, 1 month, 5 days gibi değerler de yazabilirsiniz.
Kodları yerleştirip, seo analiz sitelerinde hala tarayıcı önbellekleme hatası gözüküyor olabilir. Mesela ayrıntılara baktığınız zaman,
Kod: [Seç]
http://www.google-analytics.com/ga.jsgibi bir link görülebilir. Bu durumda yapılacak birşey yok arkadaşlar.
 Çünkü dosya google-analytics.com’dan çekiliyor.
Siteyi Geliştirme Aşamasında Ne Yapmalı
 Önbelleklemeyi yaptık, iyi güzel de sitemizde değişiklik (css dosyalarında falan) yaptığımız zaman ne yapacağız, öyle değil mi? Bunun için birkaç yol var:
 
  • CCleaner ile tarayıcı önbelleği temizlenebilir.
  • Ctrl+F5 ile sayfa yenilenebilir.
  • İlk iki örnek biraz uğraştırıcı olabilir. Bu yüzden yukarıda verdiğim kodda 4 hafta yerine 1 saniye yazabilirsiniz. İlgili yere 1 seconds yazmanız yeterli. Geliştirme aşamasından sonra tekrar eski haline getirmeyi unutmayın.
  • Değişiklik yaptığınız dosyanın adını değiştirebilirsiniz. Yani eski adı image.jpg olan dosyanın yeni adını yeni-image.jpg olarak değiştirebilirsiniz. (Aslında en garantisi bu.)
[/h1]
« Son Düzenleme: 25 Kas 2012, 18:08:39 Gönderen: orhan »