.htaccess ile Tarayıcı Önbellekleme İşlemi

Narhost
Kategoriler: Web HostingWordPress HostingKurumsal HostingWindows HostingLinux HostingReseller Hosting

Tarayıcı önbellekleme, kullanıcıların web sitenize tekrar geldiğinde daha hızlı bir deneyim yaşamalarını sağlar. Dosyaların (resimler, CSS, JavaScript gibi) belirli bir süre boyunca tarayıcıda saklanmasını sağlayarak, her sayfa ziyaretinde tekrar yüklenmelerine gerek kalmaz. Bunun için Expires Caching özelliğini etkinleştirebilirsiniz.

Aşağıdaki kodları .htaccess dosyanıza ekleyerek tarayıcı önbelleklemeyi devreye alabilirsiniz:

## EXPIRES CACHING ##
# 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 ##

Bu kodlar ile CSS, JavaScript, Resimler gibi dosyaların ne kadar süreyle tarayıcıda önbellekte tutulacağını belirlemiş olduk. Ayrıca, sık kullanılan dosya türlerine gzip sıkıştırması da eklenmiştir.


GZIP Sıkıştırmasını Etkinleştirme

GZIP sıkıştırması, sayfalarınızın boyutunu küçültür ve sayfa yükleme süresini azaltır. Bu sıkıştırma, sayfa içeriğini daha hızlı bir şekilde sunucudan kullanıcının tarayıcısına aktarır. Bu sayede, hem sunucunun yükü azalır hem de kullanıcı deneyimi hızlanır.

Aşağıdaki GZIP sıkıştırma kurallarını .htaccess dosyanıza ekleyerek etkinleştirebilirsiniz:

# GZIP Sıkıştırma
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*

Bu ayar, HTML, CSS, JavaScript gibi dosyaların sıkıştırılmasını sağlayacaktır. Ayrıca görsellerin sıkıştırılmaması için de ayar yapılmıştır.


Tarayıcı Önbellek Kontrolü

Tarayıcı önbellekleme, belirli dosyaların tarayıcıda ne kadar süreyle saklanacağını kontrol etmenize olanak sağlar. Web sitenizin performansını iyileştirmek için Cache-Control başlıklarını kullanarak dosya türlerine göre önbellek sürelerini belirleyebilirsiniz.

Aşağıdaki Cache-Control kuralları ile önbellek sürelerini kontrol edebilirsiniz:

# This sets up browser cache control

<filesmatch “\.(ico|flv|jpg|jpeg|png|gif|css|swf)$”>
Header set Cache-Control “max-age=2678400, public”

<filesmatch “\.(html|htm)$”>
Header set Cache-Control “max-age=7200, private, must-revalidate”

<filesmatch “\.(pdf)$”>
Header set Cache-Control “max-age=86400, public”

<filesmatch “\.(js)$”>
Header set Cache-Control “max-age=2678400, private”

# END Cache-Control Headers

Bu ayar, belirli dosya türlerinin tarayıcıda ne kadar süreyle saklanacağını belirler. Örneğin, resimler ve videolar 1 yıl boyunca saklanacak, HTML dosyaları ise 2 saat süreyle saklanacaktır.


ℹ️ Bu çözüm adımları işe yaramadıysa, Narhost’un uzman teknik ekibi size yardımcı olabilir.
Hemen destek talebi oluşturun
Etiketler: hosting.htaccess