Tarayıcı Önbellekleme Özelliğinden Yararlanarak Site Hızlandırma

Tarayıcı önbellekleme özelliğinden yararlanın, Pagespeed sorgu sonuçlarında ekseriyetle bütün site sorgularında karşılaştığımız bir uyarı bu. Peki ne demek istiyor Google Pagespeed bize "Tarayıcı önbellekleme özelliğinden yararlanın" şeklinde bir ileti ile ?

Çok açık. Geçtiğimiz günlerde yaptığım paylaşımlarda Google yönergelerine uygun, Kalite Kurallarını dikkate alan web siteleri hazırlamanın ne denli önemli olduğunu ve sıralama konusunda çok ciddi katkıları olduğunu anlatmıştım.

Css Sprite konusundan sonra gün be gün önem kazandığına itimat ettiğim Tarayıcı önbellekleme özelliğini nasıl kullanacaksınız ve ne anlama geliyor?

Tarayıcı önbellekleme özelliği ; Cache sisteminin aktif olmasından başka bir şey değil aslında. Kullanıcılarınız sitenize her yeni giriş yaptıklarında, sayfanızda bulunan "image, swf, js" gibi dosyalarınızın "reload" tekrar yüklenmemesini sağlayacak ve sayfa açılış zamanınızı arttırmış olacaksınız. Sanırım en net şekli ile anlatımı bu olur. (:

Bu özelliği aktif hale getirebilmek için bir .htaccess dosyasına ihtiyacınız var. .htaccess ne işe yarar ya da nasıl yaratılır ilgili konuda ufak bir araştırma ile bilgi sahibi olabilirsiniz.
htaccess dosyasına entegre etmeniz gereken kod betiği :



ExpiresActive on
ExpiresDefault "access plus 1 year"



İlgili bağlantıda (betik.txt) yer alan "js, jpg, png, css, gif, php" gibi dosyalarınızın önbellekleme süresini uzattık. "Return User" yani sitenizin stabil kullanıcıları 2. kez sitenizi açtıklarında bu tarz dosyalarınız "reload" olmayacak ve sayfa açılış zamanınızı minimize etmiş olacaksınız.

Makaleyi dilediğiniz kadar kullanabilirsiniz (; insanların işine yarasın ki yeni yetme "SEO Uzmanları", "Hacı, hocalar", milletten analiz ayağına para çarpmasın. ^^

Arkadaşlar bu günlerde kendimi site optimizasyonuna adadım :) Yukarıda ki makalede anlatılmak istenen kısaca şu, Verilen kodları .htacess'e eklerseniz bu kodları sitenize her girildiğinde bilgisayarınıza veri indirmek yerine var olan verileri çalıştırarak hızlandırmaya yarar ben denedim gayet başarılı denemenizi tavsiye ederim :cool:

Ayrıca WP Super Cache eklentisiyle daha detaylı ayarlamalar yapabilirsiniz. Teşekkürler, sadece .htacces ile yapılabildiğini bilmiyordum :)

Bu nimetten sadece wp yararlanmasın dimi :)

Peki birşey soracağım.
Mesela ben siteme dün bir .jpg dosyası yükledim ve tarayıcı bunu yükledi, bugün ise yeni bir .jpg yükledim, tarayıcı yeni .jpg dosyasını yüklemeyecek mi? :confused:

sık sık değiştirecekseniz bu kodları kullanmayın çerezler silinene kadar yeni jpg görünmez maalesef

Eğer dosya dün yüklediğin jpg ile aynı isimde olursa arkadaşın da dediği gibi çerezleri silmeden görünmez.

Aslında buna bi ayar çekilip belli bir saat sonra çerezleri yenilese harika olur. Ama nasıl yapılır hiçbir fikrim yok. :)

Saat değilde hafta yapılsa daha bereketli olur :)

Öyle Olsa Süper Olur :)

kodun daha detaylısı .htaccess in sonuna ekleyebilirsiniz.

# Enable GZIP

AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html


# Expires Headers - 2678400s = 31 days

ExpiresActive On
ExpiresDefault "access plus 2678400 seconds"
ExpiresByType text/html "access plus 7200 seconds"
ExpiresByType image/gif "access plus 2678400 seconds"
ExpiresByType image/jpeg "access plus 2678400 seconds"
ExpiresByType image/png "access plus 2678400 seconds"
ExpiresByType text/css "access plus 750000 seconds"
ExpiresByType text/javascript "access plus 2678400 seconds"
ExpiresByType application/x-javascript "access plus 2678400 seconds"


# Cache Headers

# Cache specified files for 31 days

Header set Cache-Control "max-age=2678400, public"

# Cache HTML files for a couple hours

Header set Cache-Control "max-age=7200, private, must-revalidate"

# Cache PDFs for a day

Header set Cache-Control "max-age=86400, public"

# Cache Javascripts for 31 days

Header set Cache-Control "max-age=2678400, private"