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

Bu Reklam Alanı Esnektir.

Bu Reklam Alanı Esnektir.

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

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

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/cachemanifest “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/xicon “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/xcomponent “access plus 1 month”
# Webfonts
ExpiresByType font/truetype “access plus 1 month”
ExpiresByType font/opentype “access plus 1 month”
ExpiresByType application/xfontwoff “access plus 1 month”
ExpiresByType image/svg+xml “access plus 1 month”
ExpiresByType application/vnd.msfontobject “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 CacheControl “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.

Bu Reklam Alanı Esnektir.

  • Paylaş
  • 0
gravatar

mehmetkpln18

Architect, Graphic Designer and Website Developer

Mehmet Kaplan, yeni mezun bir mimar, web ve grafik tasarımcısı, araştırmacı. Tasarım, programlama ve kodlama konusunda tutkusu olan biri.

Yorumlar Yorum Yok

Bilgi :Bu yazıya henüz yorum yapılmamıştır, yazı hakkındaki düşüncelerinizi paylaşmaktan çekinmeyin.

Bu Reklam Alanı Esnektir.

Bu Reklam Alanı Esnektir.