HTACCESS SİTE PERFORMANSI WEB SİTESİ
access_time
5 Mayıs 2017
hourglass_empty
1dk Okuma Süresi
person_outline
Egehan D.
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:
.htaccessdosyası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ı ön bellekleme özelliğinden faydalandıktan SONRAKi sonuçlar:
Sonuç
Bu kısa rehberde tarayıcı ön bellekleme özelliğinden faydalanarak nasıl site performansını geliştirebileceğimizi öğrendik.
Yazar
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.
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.