Google Page Speed Puanını Arttırın

Daha önce Google Page Speed puanınızı arttırmak için bir kaç ipucu vermiştim, şimdi daha detaylı olarak anlatacağım.

Google Page Speed, birçok algoritmayı kullanarak sitenize 100 üzerinden hız puanı veren Google servisidir. Aşağıdaki anlatımları uygulayarak site hızını 95‘e kadar çıkartabilirsiniz.

JavaScript’i küçültün:  http://jscompress.com adresindeki Online JavaScript Tool sayesinde, javascript dosyalarınızı bozmadan boyutlarını küçültebilirsiniz.

CSS’i küçültün: http://www.csscompressor.com adresindeki Online CSS Compressor sayesinde, css dosyalarınızı bozmadan boyutlarını küçültebilirsiniz.

Resimleri optimize edin : Resimlerinizi optimize etmek için en başta PhotoShop olmak üzere birçok optimize programı mevcuttur, fakat yüzlerce resim bulunan bir websiteniz varsa bu işlem çok uzun ve yorucu olabilir.

Yahoo’nun sizi bu dertten kurtaran bir servisi var. Tüm resimlerinizi bir defada küçülten ve klasör yapıcısını bozmayan, inanılmaz derece pratik bir servis.

http://www.smushit.com/ysmush.it/ adresinden tüm resimlerinizi optimize edebilirsiniz.

Sıkıştırmayı etkinleştirin : Google Page Speed sıkıştırma sorunu ile ilgili sağlıklı Türkçe kaynaklar mevcut değil. Sizlere sıkıştırma sorununu tamamen ortadan kaldıracak .htaccess eklemesi vereceğim.

Aşağıdaki kodları sitenizin .htaccess dosyasının en altına eklediğinizde, birdaha sıkıştırma hatası almayacaksınız. Bu kodları bir çok sitede ve farklı hostlarda denedim, bir problem oluşmadı. Zaten kodlar desteklenmeyen özellikleri görmezden geliyor.

# 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 1 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 518400 seconds"
 ExpiresByType text/javascript "access plus 2678400 seconds"
 ExpiresByType application/x-javascript "access plus 2678400 seconds"

# Cache Headers

 # Cache specified files for 31 days
 <filesmatch "\.(ico|flv|jpg|jpeg|png|gif|css|swf)$">
 Header set Cache-Control "max-age=2678400, public"

 # Cache HTML files for a couple hours
 <filesmatch "\.(html|htm)$">
 Header set Cache-Control "max-age=7200, private, must-revalidate"

 # Cache PDFs for a day
 <filesmatch "\.(pdf)$">
 Header set Cache-Control "max-age=86400, public"

 # Cache Javascripts for 31 days
 <filesmatch "\.(js)$">
 Header set Cache-Control "max-age=2678400, private"

HTML’yi küçültün : Bu sorunuda çözmek html dosyanızdaki boş satırları ve gereksiz boşlukları temizlemeniz yeterlidir.

JavaScript kodlarını ayrıştırmayı sonraya bırakın : JavaScript kodlarını ayrıştırmayı sonraya bırakmak için .js dosyalarınızı aşağıdaki biçimde değiştirmeniz bu sorunu çözecektir.

<script type=”text/javascript”>/*<![CDATA[*/function downloadJSAtOnload(){var a=document.createElement("script");a.src="http://www.siteniz.com/javascriptdosyaniz.js";document.body.appendChild(a)}if(window.addEventListener){window.addEventListener("load",downloadJSAtOnload,false)}else{if(window.attachEvent){window.attachEvent("onload",downloadJSAtOnload)}else{window.onload=downloadJSAtOnload}};/*]]>*/</script>

Sadece yukarıdaki ayarları kullanarak oguzturk.net Google Page Speed hızını 95 yapmayı başardım.

İnceleyebilirsiniz : PageSpeed Score of 95 (out of 100)

Google Page Speed Puanını Arttırın