Top

Tarayıcı önbellekleme nasıl yapılır

Celilcan / Wordpress  / Tarayıcı önbellekleme nasıl yapılır
1 Puan2 Puan3 Puan4 Puan5 Puan
59 Kişi oy verdi
Ortalama puan: 4,02.
Bu yazıya oy vermek ister misiniz?
Loading...

Google pagespeed insight ( site hızı analiz etme aracı ) veya Gtmetrix ile sitenizi sorgularken sıkça karşılaşılan sorunlardan biri de. ”Tarayıcı önbellekleme özelliğinden yararlanın” önerisidir. Peki bu işlem nasıl yapılır ve ne işe yarar.

Mobil first index algoritması ile birlikte mobil kullanıcı deneyimi daha da etkili olmaya başlamıştır. Bu yüzden hem desktop hem de mobil cihazlarda sitenin oldukça hızlı yüklenmesi gerekir. Aslına burada temel faktör kullanıcının aygıtında siteyi 4 saniyenin altında yükletmeye çalışmaktır. Yoksa site hızı analiz araçlarında yeşil ışığı yakmak, yüzde doksanı görmek değildir. Zira google botlarını veya gtmetrix botlarını kandırarak oradaki puanlamayı çok rahat bir şekilde manipule edebilirsiniz.

Gzip etkinleştirme nasıl yapılır ?

Her şeyi sıkıştırın siteniz daha çok hızlansın. Hızlı açılan siteler kullanıcı deneyimini daha iyi yaşattığından genellikle SEO ‘dada başarılı olabilir.

Linux sunucularda gzip sıkıştırma için htaccess kodunu buraya tıklayarak alabilirsiniz. Ancak Gzip ‘in ciddi bir sunucu yükü getirdiği de bazı durumlarda görülmektedir. Bu yüzden fayda , zarar maliyeti yaparak kendiniz uygulamayı tercih edebilir yada etmeyebilirsiniz.

Windows ‘ta gzip etkinleştirme için detaylı bilgiyi microsoft yardım sayfası olan https://technet.microsoft.com/en-us/library/30e64245-ec6b-4c4e-891b-b7249e36c0a0 adresinden öğrenebilirsiniz.

Sıkıştırmayı etkinleştirin ve siteniz çok daha hızlı yüklensin. Bunun için Gzip ayrlarını yapmanız yeterli olacaktır. Resim , js , css , pdf gibi dosyaları önbellekleme işlemine tabi tuttuktan sonra sitenizde gözle görülür oranda bir hızlanma olacaktır. Hızlı bir site kullanıcı deneyimini artıracağından arama motorlarında da başarıyı artıran faktörlerdendir. Site hızlandırma ile ilgili detaylı makalemiz için Site hızlandırma teknikleri yazımızı okuyabilirsiniz.

MUTLAKA OKUMALISIN !  Mükemmel wordpress temaları yapmak

Tarayıcı önbellekleme özelliğinden yararlanın nedir ?

“.jpg, .gif, .png, .css .js” gibi dosyaların her seferinde gelen ziyaretçilerinize yeni bir dosya gibi yüklettirmemek böylece site açılışını da hızlandırmaktır. Sitenize iki veya daha üzeri ziyarette bulunan ziyaretçilerin aynı dosyaları tekrar tekrar yükleme sorunundan kurtulursanız.

  • Siteniz hızlı yüklenir.
  • Böylece ziyaretçilerin sitenizde kalma süreleri uzar.
  • Arama sonuçlarında başarınızı yükseltir.
  • Sunucu sistem kaynaklarını az tüketerek trafik için daha çok ücret ödemekten kurtulmuş olursunuz.

tarayıcı önbellekleme

Tarayıcı önbellekleme nasıl yapılır ?

Bu yazımızda hem windows tabanlı sunucularda yayın yapan mvc, asp, asp.net gibi yazılımlar için hemde linux tabanlı sunucularda yayın yapan wordpress, joomla, php siteler için işlemler anlatılmaktadır.

  • WordPress önbellekleme

WordPress sitelerde tarayıcı önbellekleme .htaccess dosyasına aşağıdaki kodları eklemektir. Bu işlemi yapmadan önce htaccess dosyanızın yedeğini almayı unutmayın. Siteniz internal server error verirse bu dosyadan yedeği geri yüklersiniz. Hata almanız durumunda bakmanız gereken ilk şey apache ‘ya mod expires modülünün yüklü olup olmadığını kontrol etmektir.

<ifmodule mod_expires.c>
<filesmatch "\.(png|jpg|gif|svg|css|js)$"> ExpiresActive on ExpiresDefault "access plus 1 year" </filesmatch> </ifmodule>

Yukarıdaki kodu eklemenize rağmen pagespeed aracında hala olmadıysa aşağıdaki kodu kullanın.

  • PHP önbellekleme

Linux tabanlı joomla, opencart, zencart yüklü sitelerde veya  normal php sitelerde .htaccess dosyasına aşağıdaki kodu ekleyebilirsiniz. Linux sunucularda sorunsuz bir şekilde çalışacaktır.

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"
</IfModule>
## EXPIRES CACHING ##
  • Asp.net , Mvc, Asp tarayıcı önbellekleme

IIS kurulu Windows sunucularda .net. asp ve mvc için leverage browser caching ( tarayıcı önbellekleme ) nasıl yapılır. HTTP Sıkıştırmayı etkinleştirme işlemleri için aşağıdaki kodu kullanmanız yeterlidir.

<staticContent>
<clientCache cacheControlCustom="public" cacheControlMode="UseMaxAge" cacheControlMaxAge="500.00:00:00" />
</staticContent>

Yukarıda yer alan hem windows hem de linux için verilmiş kodları deneyerek hangisinin sisteminiz ile uyumlu olup almadığını kendiniz tespit edebilirsiniz. Çünkü bazı kodlar wordpress ile tam uyumlu olarak çalışmayabilir. Veya sunucu ayarları ile ilgili değişiklikler kodların çalışmamasına neden olabilir.

  • Cpanel gzip sıkıştırmayı aktif etme

Eğer hosting paneliniz cPanel ise panelde yer alan Web Sitesi Optimize Et bölümünü kullanarak reseller yada sunucu altında bulunan tüm sitelerde gzip sıkıştırmayı tek tıkla etkinleştirebilirsiniz.

MUTLAKA OKUMALISIN !  Temayı otomatik Türkçeye çevirmek

Lütfen karşılaştığınız sorunları yorum olarak yazın biz de size yardımcı olalım.

Bonus site hızlandırma bilgisi : Png , jpg uzantılı tüm resim dosyalarını online olarak mükemmel bir şekilde sıkıştıran ve boyutunu küçülten böylelikle internet sitesinin daha hızlı yüklenmesini sağlayan https://tinypng.com/ aracını öneriyoruz.

23 yorum yazılmış
  • orhan sözen
    22 Şubat 2018 at 20:48

    merhaba hocam newspaper theme kullanıyorum. sayfam önbellek yapıyor açılış hızım 2. seferde mobil %94 masa üstü %87
    şimdi şöyle bir sorun ile karşı karşıyayım.

    Bu dosyalar halen görünmekte.

    1-Tarayıcı önbellekleme özelliğinden yararlanın
    Statik kaynaklar için HTTP üstbilgilerinde bir süre sonu tarihi veya maksimum ömür ayarlamak, tarayıcıya, ağ üzerindeki kaynakları değil yerel diskte önceden indirilmiş olanları yüklemesini söyler.
    Aşağıdaki önbelleğe alınabilir kaynaklar için tarayıcı önbelleği özelliğinden yararlanın:
    http:// 1.gravatar .com/avatar/?s=160&d=blank&r=g (5 dakika)
    http:// pagead2.googlesyndication .com/pagead/js/adsbygoogle.js (60 dakika)
    https:// google-analytics .com/analytics.js (2 saat)

    Bunların çok sorun teşkil edip etmeyeceğini bilmiyorum ancak siteye tarayıcıdan girmek istediğimde sayfanın görünmesi çok uzun sürmektedir. Eğer mümkün ise lütfen bana bu konuda yardımcı olur musunuz.

  • yahya zorlu
    5 Şubat 2018 at 21:23

    merhaba ben WordPress kullanıyorum .htaccess dosyasına ilkini koydum çalışmadı ikincisini de ekledim yine çalışmadı bana yardımcı olur musunuz

  • yasin Aydın
    31 Ocak 2018 at 16:56

    teşekkürler

  • Arif
    5 Kasım 2017 at 10:55

    Merhaba Celilcan Bey,

    Makalenizi okudum öncelikle makaleniz için çok teşekkür ederim.

    Apache server desteklemeyen windows hosting paketlerinde ..htaccess dosyası çalışıyor mu ? Yok ise bunun dışında önbellekleme için yapabileceğim başka bir yol var mıdır.

    Yardımcı olursanız çok sevinirim.

  • İmsan Metal
    29 Eylül 2017 at 08:35

    1. yöntemi denedim sitem 500 hatası verdi hocam

  • Murat
    18 Eylül 2017 at 13:08

    Önbellekleme sitede anlık tasarım değişikliği yapıldığı zamanlarda çok faydalı olmuyor.Evet site hızlı açılıyor belki ama bunu siteniz tam oturduğunda ve çok fazla yazılımsal değişiklik yapılmadığında kullanmakta fayda var.

  • adam
    14 Ağustos 2017 at 18:29

    savul gardaş :)

  • Tayfun
    6 Temmuz 2017 at 15:27

    Blog adresim windows üzerinde çalışıyor ve kodlarınızı koyduysam da gtmetrix de Leverage browser caching i aktif edemedim. Ayrıca sormak istediğim en üstte yazılan kod ile en alttakini alttakini birlikte mi kullanabiliyormuyuz.

  • Anonim
    11 Mayıs 2017 at 22:50

    Kodları ekleyince hız puanı daha da düştü?

  • cevdet aykan demir
    11 Mayıs 2017 at 14:07

    Merhaba; Blogger için bir öneriniz var mı? Teşekkürler

  • Mustafa Zahid Efe
    8 Mayıs 2017 at 19:42

    Teşekkür ederim kardeşim, kolay gelsin.

  • Ferhat Yılmaz
    4 Mayıs 2017 at 20:28

    1. kodu eklediğimde intrernal server hatası alıyorum. Site wordpress, server linux. Ne yapabilirim?

  • Anonim
    7 Ocak 2017 at 13:20

    bu kodları attım ama sorguda bir değişiklik olmadı linux kullanıyorum wordpress

  • Meraklı
    16 Ağustos 2016 at 23:27

    Blogger tabanlı bloglar için hangisini kullanmalıyız acaba yardımcı olabilir misiniz?

  • Kadir Karabulut
    20 Haziran 2016 at 10:18

    Celilcan hocam, 1. tarayıcı önbellekleme kodunu .htaccess’e eklediğimde internal server hatası alıyorum. 2. kodu eklediğimde ise tarayıcı önbellekleme hatasını almaya devam ediyorum. Bir fikriniz var mı? Teşekkürler.

  • Ehliyet Soruları
    27 Nisan 2015 at 00:50

    Celilcan Allah senden razı olsun…
    joomla htaccess olayı işe yaradı site hızı %5 masaüstü, %10 mobilde hızlanma konusunda artış sağladım.

Yorum yaz

Önceki yazıyı okuyun:
Web tasarım araçları

Web tasarım 'ı bir meslek olarak tercih edecek genç arkadaşlara yol göstermek ve yeni tasarımcılar 'ın kullanabileceği ve pratik araçları sizler için...

Kapat