TARAYICI ÖNBELLEKLEME NASIL YAPILIR

Tarayıcı önbelleği, tarayıcınız tarafından indirilen dosyaların web sitelerini görüntülemesi için bilgisayarınızda geçici bir depolama alanıdır. Yerel olarak önbelleğe alınan dosyalar, HTML dosyaları, CSS stil sayfaları, JavaScript komut dosyaları, grafik görüntüler ve diğer multimedya içeriği gibi bir web sitesini oluşturan tüm belgeleri içerir.

Dosyaları ziyaretçinin tarayıcısında saklayarak tarayıcı önbellekleme özelliğinden yararlanılabilir. Siteyi ilk kez ziyaret ederken yüklenmesi normal zaman alacaktır. Ancak aynı kullanıcı siteyi tekrar ziyaret ettiğinde, yenilediğinde veya sitenizde başka bir sayfaya gittiğinde dosyalar tarayıcılarında zaten olacağından tekrar indirmeyeceklerdir. Bu da kullanıcının daha az dosya indirmesi ve sunucuya daha az istek yapması gerektiği anlamına gelir. Daha az istek olunca da sayfa yüklenme süresi kısalır.

Bir web sitesini tekrar ziyaret ettiğinizde, tarayıcı bu sırada hangi içeriğin güncellendiğini kontrol eder ve yalnızca güncellenmiş dosyaları indirir veya önbellekte depolanmayanları indirir. Bu, hem kullanıcı hem de sunucu tarafında bant genişliği kullanımını azaltır ve sayfanın daha hızlı yüklenmesini sağlar. Bu nedenle, önbellek özellikle yavaş veya sınırlı bir İnternet bağlantınız olduğunda kullanışlıdır.

Tarayıcı Önbellekleme Bize Ne Fayda Sağlar ?

• Tarayıcı önbellekleme sitenizden yüklenen dosyaları ziyaretçilerin bilgisayarına kaydeder ve her defasında buradan çekerek sunucuyu yormaz.
• Ziyaretçiler sitenizde daha hızlı gezinir.
• Arama motorları sitenizi üst sıralara taşır.
• Aylık transfer kotanızı minimuma indirger.

Tarayıcı Önbellekleme Nasıl Yapılır?

Aşağıdaki kodları .htaccess dosyanıza eklediğinizde tarayıcı önbellekleme özelliğini aktif etmiş olacaksınız.

Açıklamak gerekirse sitenizi ilk defa ziyaret eden biri site dosyalarını indirecek, kullanıcının tarayıcısı bunları aşağıda belirtilen süre kadar önbellekte tutatacak. Örneğin jpg,png gibi resim dosyalarını 1 yıl boyunca bir daha indirilmeyecek önbellekten çağrılacak, 1 ay sonunda html ve css gibi dosyalar önbellekte yenilenecektir. Süreleri siz kendi sitenizin yenilenme sıklığına göre düzenleyebilirsiniz.

.htaccess dosyasına eklenecek kodlar

<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 text/html "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 1 month"
</IfModule>

Tarayıcı ön bellekleme özelliğinden faydalanıp faydalanmadığınızı test etmek için Tıklayın.

Farklı dosya türleri için farklı önbellek süreleri nasıl ayarlanır

Yukarıdaki kodda "1 yıl(year)" veya "1 ay(month)" gibi bir zaman dilimi olduğunu görebilirsiniz. Bunlar dosya türleriyle ilişkilidir, örnek olarak yukarıdaki kod bir .jpg dosyasının (resim) bir yıl boyunca önbelleğe alınması gerektiğini belirtir.

Bunu değiştirmek ve jpg resimlerinizin bir ay boyunca önbelleğe alınmasını istediğinizi söylemek istiyorsanız, "1 yılı" "1 ay" ile değiştirirsiniz. Yukarıdaki değerler çoğu web sayfası ve blog için oldukça optimize edilmiştir.

Dakika olarak düzenleyebilirsiniz "access plus 1 seconds" 1 saat olarak "access plus 3600 seconds" 1 gün olarak "access plus 86400 seconds"

Çok sık güncelenen siteniz varsa şöyle düzenleyebilirsiniz.

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 3 month"
ExpiresByType image/jpeg "access 3 month"
ExpiresByType image/gif "access 3 month"
ExpiresByType image/png "access 3 month"
ExpiresByType text/css "access plus 86400 seconds"
ExpiresByType text/html "access plus 86400 seconds"
ExpiresByType application/pdf "access plus 86400 seconds"
ExpiresByType text/x-javascript "access plus 86400 seconds"
ExpiresByType application/x-shockwave-flash "access plus 86400 seconds"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule>

Bazen, bir web sitesinin önbelleğe alınmış sürümleri, örneğin tarayıcı son önbelleğe alma işleminden bu yana güncellenmiş olsa bile, tarayıcı yeni bir kopya indirmediğinde sorunlara neden olabilir. Önbellek sorunu için başka bir kanıt söylersek, bir web sitesinin yalnızca kısmen yüklendiği veya kötü biçimlendirilmiş gibi göründüğüdür. Önbellek, web sitesi ile ilgili birçok sorunun merkezinde yer aldığından, BT(Bilgi Teknolojisi) desteği, ilgili olayları bildirirken önbelleğinizi temizlemenizi önerir.

Önbelleği Nasıl Kolayca Atlayabilir veya Silerim?

Bazen css komutları yazdığımızda komutlar çalışmaz nedeni tarayıcı önbelleği bunun nedeni olabilir. Genel olarak, [Ctrl] + [F5] klavye kısayolu çalışır. Ama sonuçta, bu hangi tarayıcıyı kullandığınıza bağlı.

Mozilla Firefox

• sayfayı yeniden yükle ve önbelleği atla: [Ctrl] + [F5] veya [Ctrl] + [SHIFT] + [R]
• önbelleği temizle: [Ctrl] + [Shift] + [Del]

Google Chrome

• Sayfayı yeniden yükle: [Ctrl] + [F5] veya [Shift] + [F5] veya [Ctrl] + tarayıcı Yeniden Yükle düğmesi
• sayfayı yeniden yükle ve önbelleği atla: [Ctrl] + [Shift] + [R] veya yukarıdaki sayfayı üst üste iki kez yeniden yükle
• önbelleği temizle: [Ctrl] + [Shift] + [Del]