Website Sayfa hızı için en önemli önbellek türü, tarayıcı önbelleklemesidir. Web sitelerinde kullanılan statik dosyaların çoğu, sonraki oturumlar için ziyaretçilerin tarayıcı önbelleğine kaydedilir. Tarayıcı önbelleğinden yararlanmak için web tarayıcılarının resimleri, fontları, CSS ve JS’yi yerel olarak ne kadar süreyle saklaması gerektiğini .htaccess ile belirtmeniz gerekir. Böylece, kullanıcı tarayıcıları, web site sayfalarınızda gezinirken daha az veri indirir ve bu da web sitenizin yükleme hızını artırır.
Tarayıcı Önbellekleme Özelliği | Browser Caching[
Web sitenizi çeşitli araçlarla test ettiğinizde tarayıcı önbellekleme özelliğinden yararlanın veya leverage browser caching uyarısı görebilirsiniz. Tarayıcı önbelleklemeyi etkinleştirmek için bu aşağıdaki kuralları .htaccess dosyanıza ekleyin:
HTML-Kodu:
# Enable Compression
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
# Leverage Browser Caching
ExpiresActive On
# Images
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/webp "access plus 1 year"
ExpiresByType image/svg+xml "access plus 1 year"
ExpiresByType image/x-icon "access plus 1 year"
# Video
ExpiresByType video/mp4 "access plus 1 year"
ExpiresByType video/mpeg "access plus 1 year"
# CSS, JavaScript
ExpiresByType text/css "access plus 1 month"
ExpiresByType text/javascript "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
# Others
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType text/html "access plus 600 seconds"
# Fonts
ExpiresByType application/vnd.ms-fontobject "access plus 1 year"
ExpiresByType application/x-font-ttf "access plus 1 year"
ExpiresByType application/x-font-opentype "access plus 1 year"
ExpiresByType application/x-font-woff "access plus 1 year"
## EXPIRES CACHING ##
WordPress kullanıcı bu işlemleri genelde eklentilere yaptırmaktadır. Manuel olarak eklentisiz uygulanması site yükümü hafifletecektir.
Htaccess dosyanızı bu şekilde güncellediğinizde, Google PageSpeed Insights aracındaki tarayıcı önbellekleme özelliğinden yararlanın (Leverage Browser Caching) hatasının da önüne geçmiş olursunuz.
