Tarayıcı Önbellekleme Özelliğinden Yararlanın – Site Performansını Geliştirme
access_time
hourglass_empty
person_outline

Tarayıcı Önbellekleme Özelliğinden Yararlanın – Site Performansını Geliştirme

Giriş

Bir siteyi açtığınızda öncelikle tarayıcı tüm dosyaları (HTML, CSS, Javascript, resimler) indirmesi gerekir. Eğer yavaş bir internet ağındaysanız (veya cep telefonundaysanız) büyük siteleri yüklemek zorlu bir deneyim olabilir. Her dosya için sunucuya ayrı bir istek yapılır. Sunucu aynı anda ne kadar fazla istek alırsa, o kadar fazla çalışması gerekir ve bu da yavaş sayfa yüklenme hızına neden olur.

Doyaları 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.

Nelere ihtiyacınız olacak?

Bu rehbere başlamadan önce aşağıdakilere ihtiyacınız var:

  • .htaccess dosyasına erişim

Adım 1 — .htaccess dosyasını düzenleme

İşlem gerçekten çok basittir. Aşağıdaki kod satırları .htaccess dosyanıza eklenmelidir. .htaccess dosyanızı nasıl bulacağınızla ilgili bir rehber burada bulunabilir.

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 7 days"
</IfModule>
## EXPIRES CACHING ##

Değişiklikler kaydedildiğinde web siteniz tarayıcı önbellekleme özelliğinden faydalanmaya başlamış olacaktır.

Adım 2 — Tarayıcı ön bellekleme özelliğinden faydalanıp faydalanmadığınızı test etmek

Tarayıcı ön bellekleme WebPageTest veya GTMetrix gibi çeşitli araçlarla test edilebilir.

Tarayıcı ön bellekleme özelliğinden faydalanmadan ÖNCEKİ sonuçlar:

tarayıcı önbellekleme özelliğinden yararlanın analizi

Tarayıcı ön bellekleme özelliğinden faydalandıktan SONRAKi sonuçlar:

tarayıcı önbellekleme özelliğinden yararlanın analizi

Sonuç

Bu kısa rehberde tarayıcı ön bellekleme özelliğinden faydalanarak nasıl site performansını geliştirebileceğimizi öğrendik.

Yazar

Author

Egehan D. / @egehandulger

Egehan Hostinger'da ML ve NN ile denetimsiz öğrenme üzerinde çalışıyor. Veri analizi hakkında büyük bir tutkuya sahiptir. İşi her ne kadar hobi gibi olsa da, çeşitli aktivitelerde gönüllü olmaktan ve ormanda kamp yapmaktan da büyük oranda zevk alıyor.

İlgili Rehberler

Author

Paykasa Yanıt

Ekim 15 2017

Peki windows sunucular için olan ayarlar nelerdir? Windows sunucusu kullanıyoruz fakat bu önbelleklemeden bir türlü yararlanamadık.

    Author

    Egehan D.

    Yanıt tarihi Ekim 16 2017

    Windows sunucunuzda web.config dosyanıza aşağıdaki kod parçasını ekleyebilirsiniz. <system.webServer> <staticContent> <clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="30.00:00:00" /> </staticContent> </system.webServer> Bu kod parçası sitenizden yüklenen tüm statik kaynakları önbelleğe aldırtacaktır. Önbellek süresini cacheControlMaxAge ile belirleyebilirsiniz. Bu şekilde 30 gün olarak ayarlanmıştır.

      Author

      Ufuk

      Yanıt tarihi Ağustos 09 2018

      Bu kodları nereye ekleyeceğiz ? [Plesk]

Author

Mustafa Yanıt

Aralık 26 2017

Dışarıdan zorunlu olarak çektiğimiz jquery dosyaları için ne yapabiliriz? Onlar malasef yinede düzelmiyor, örnek olarak google adsense in ve google tag manager kodları ve facebook girişi yapıldığın için facebook jsi gibi

    Author

    Egehan D.

    Yanıt tarihi Aralık 26 2017

    Yalnızca kendi sitenizin önbellekleme özelliğini kontrol edebilirsiniz. Diğer siteler (Google, Facebook vb.) de kendi özelliklerini kontrol ederler. Dışarıdan aldığınız dosyayı eğer dışarıdan almanız gerekmiyorsa, dosyanın bir kopyasını sitenizde barındırabilirsiniz. Böylece sizin belirlediğiniz önbellekleme kuralları dosya için geçerli olacaktır.

Author

Enes Yanıt

Ekim 27 2018

merhaba vps de veya vds de kullansak işe yarar mı? yani ön belleğe almasını pleksden alan adı seçip bir site için geçerli yaptığımızda webconfige de belirttiğiniz dosyayı eklediğimizde fayda sağlamış olur muyuz?

Bir yanıt bırakın

Yorum*

İsim*

Eposta*

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Şimdi Hostinger'ın bir parçası olun!