Etag özelliği ile sitenizi hızlandırın

Etag özelliği ile sitenizi hızlandırın

09 Mayıs 2014

Htaccess dosyanıza ekleyeceğiniz küçük bir komutla sitenizin tarayıcı tarafından cache edilip hızlı açılmasını sağlaya bilirsiniz.

Peki tam olarak nasıl çalışıyor?

Aslında çok basit bir mantığı var. Bu özelliği htaccess dosyanıza eklediğinizde dosyalarınızdaki header başlıklarına bir parametre daha ekleniyor ve tarayıcıya şunu demek istiyor. Bu dosyayı kendi belleğinde tut. Bu kadar basit tarayıcı bunu görünce sizin css resim html dosyanızı kendi belleğinde tutuyor. Böylece sayfa yenilendiğinde veya başka bir sayfaya geçildiğinde aynı dosya yükleniyorsa tarayıcı kendi belleğinden okuyor ve sitenizin daha hızlı açılmasını sağlıyor.

#etag özelliği <FilesMatch "\.(gif|jpe?g|png|html|css|js)$"> FileETag INode MTime Size </FilesMatch> #etag özelliği 

Yukarıdaki kod ile çerezler silinene kadar tarayıcı belleğinde tutmayı yapabilirsiniz fakat sizin dosyalarınız güncellenme süresi varsa o zaman süreli cachleme yöntemine başvurabilirsiniz. Onun komutları da şu şekilde

30 dk lık cacheleme

#30 dklık cachleme <FilesMatch "\.(gif|jpe?g|png|html|css|js)$"> Header set Cache-Control "max-age=1800, private, proxy-revalidate" ExpiresDefault "access plus 30 minutes" </FilesMatch> 

Çalıştığının teyitini şu şekilde yapabilirsiniz. Chrome de sitenizi açtıktan sonra f12 ye basarak web aracını açın.
google chrome network etag özelliği
Resimdeki gibi “Save as HAR with content” menüsünü seçip dosyayı indirin ve metin belgesi ile açın.

Etag kontrol - control
Resimdeki gibi sizde de çıkıyorsa etag özelliği aktif demektir. 🙂

Bunu anlamadıysanız 2. yöntem ise firefox”a “live header” eklentisini kurup kontrol edebilirsiniz.

Etag live header

WEB DÜNYASI İLE İLGİLİ GÜNCEL BİLGİLER İÇİN ABONE OLUN!