Google Page Speed Puanını Arttırmanın Yolları

Mehmet Kaplan
7 yıl önce
1348
4 Dakika

Giriş

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ı 100‘e kadar çıkartabilirsiniz.

Gelişme

HTML’i küçültün: http://htmlcompressor.com adresindeki Html Compressor sayesinde, html dosyalarınızı bozmadan boyutlarını küçültebilirsiniz.

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,

http://optimizilla.com/ adresindeki Online İmage Compressor sayesinde, resimlerinizin boyutlarını küçültmeniz mümkün.

Çerez onayı isteyin : https://cookieconsent.insites.com/download/ adresindeki Sitenizi ziyaret edenler için daha sonraki ziyaretlerinde sitenin hızlı yüklenmesi için çerezleri kabul etmeleriniz sağlayabilirsiniz.

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. Sıkıştırma sorununu tamamen ortadan kaldıracak, birçok sunucuda deneyip sizler için derlediğim .htaccess kodları aşağıdadır.

Aşağıdaki kodları .htaccess dosyasına eklediğinizde, google pagespeed sıkıştırma hatası ve diğer bazı hataları almayacaksınız. Kodlar 2 Aralık 2015 tarihinde güncellenmiştir. Kodların yanında ingilizce açıklamaları mevcuttur.

<IfModule mod_expires.c>

ExpiresActive on

# Perhaps better to whitelist expires rules? Perhaps.

ExpiresDefault “access plus 1 month”

# cache.appcache needs re-requests in FF 3.6 (thx Remy ~Introducing HTML5)

ExpiresByType text/cache–manifest “access plus 0 seconds”

# Your document html

ExpiresByType text/html “access plus 0 seconds”

# Data

ExpiresByType text/xml “access plus 0 seconds”

ExpiresByType application/xml “access plus 0 seconds”

ExpiresByType application/json “access plus 0 seconds”

# RSS feed

ExpiresByType application/rss+xml “access plus 1 hour”

# Favicon (cannot be renamed)

ExpiresByType image/x–icon “access plus 1 week”

# Media: images, video, audio

ExpiresByType image/gif “access plus 1 month”

ExpiresByType image/png “access plus 1 month”

ExpiresByType image/jpg “access plus 1 month”

ExpiresByType image/jpeg “access plus 1 month”

ExpiresByType video/ogg “access plus 1 month”

ExpiresByType audio/ogg “access plus 1 month”

ExpiresByType video/mp4 “access plus 1 month”

ExpiresByType video/webm “access plus 1 month”

# HTC files (css3pie)

ExpiresByType text/x–component “access plus 1 month”

# Webfonts

ExpiresByType font/truetype “access plus 1 month”

ExpiresByType font/opentype “access plus 1 month”

ExpiresByType application/x–font–woff “access plus 1 month”

ExpiresByType image/svg+xml “access plus 1 month”

ExpiresByType application/vnd.ms–fontobject “access plus 1 month”

# CSS and JavaScript

ExpiresByType text/css “access plus 1 year”

ExpiresByType application/javascript “access plus 1 year”

ExpiresByType text/javascript “access plus 1 year”

<IfModule mod_headers.c>

Header append Cache–Control “public”

</IfModule>

</IfModule>

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

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>

İpucu

Yukarıdaki kodu kullanmadan dışarıdan çağırdığınız js dosyalarınızı direk html, php içinde kullanarak kodları en üst satırlarda bile kullansanız hata almazsınız.

arttırın Google page PageSpeed puanını speed