22 Aralık 2017 Cuma

Web Sitesi Hızlandırma Teknikleri - Teknoloji Haberleri


Google amcaya sorup ta doyurucu bir cevap alamadığı bir konuyu ihtiyacı olan arkadaşlarla paylaşmak istiyorum. Google Page Speed Test Tavsiyeleri.İster bir blog sahibi olun, ister kendi sunucu alanıyla çalışan bir site sahibi olun google nin son güncellemelerinden sonra sitenizin açılış hızı çok önemli bir hal aldı. Google artık sıralamalarında başlık-içerik uyumunu, özgün-kopya içerik ayrımını, açılış hızı değerini, domain yaşını, backlink değerini kriter olarak önemsiyor.Bu yazımızda baştan sona google speed page değerini arttıracak ipuçlarından bahsedeceğim.
Google Page Speed Hızını Arttırma Tavsiyeleri, Blogger Tarayıcı Önbellekleme, blogger site hızlandırma, Teknoloji Haberleri, Blogger Tarayıcı önbellekleme özelliğinden yararlanın, 
Sitenizi ya da bloğunuzun Google Speed Page değerini buradan sorgulayabilirsiniz.

Sorguladınız mobil ve masaüstü olarak değerlendirildi."Poor" değeri çıktı ise sıralamada üstlere çıkmanız zor.Peki ne yapmalıyız?

Google Page Speed Test Tavsiye 1 : Oluşturmayı önleyen JavaScript ve CSS kodlarını ekranın üst kısmındaki içerikten kaldırın


Uyarının hemen altında bulunan javascript dosyasını html de satıriçi yapmayı deneyin.Bu javascript dosyası başka bir kaynaktan çağırıldığı için açılış hızını olumsuz etkiliyor.

Nasıl Yapılır ? 

Google Page Speed Test Tavsiyede belirtilen javascript bağlantısını adres çubuğuna yazın ve Git'i tıklayın.Açılan sayfadaki script kodlarını kopyalayın ve html de aşağıdaki gibi uygun bir yere yapıştırın.

<html>
<head>
<title>Merhaba Dünya!</title>
<script>
kopyaladığınız javascript kodlarını yapıştırın
</script>
</head>

<script src='Google Speed Test Tavsiyede belirtilen adres'>
</script> şeklinde bulanan belirtilen dosyanın çağrıldığı kodu bulun ve silin..

Google Page Speed Hızını Arttırma Tavsiyeleri, Blogger Tarayıcı Önbellekleme, blogger site hızlandırma, Teknoloji Haberleri, Blogger Tarayıcı önbellekleme özelliğinden yararlanın, 
Google Page Speed Test Tavsiyede eğer .css uzantılı bir dosya ise yine adres çubuğuna belirtilen adresi yazın Git'i tıklayın.Açılan sayfadaki kodları kopyalayın ve aşağıdaki gibi uygun bir yere yapıştırın.

<html>
<head>
<meta charset="utf-8">
<title>Using inline CSS styles</title>
<style>
kopyaladığınız kodları buraya yapıştırın
</style>
</head>
<body>

<link rel =' Google Speed Test Tavsiyede belirtilen adres ' ></link> kodunu bulun ve silin.

Google Page Speed Test Tavsiye 2 : Resimleri optimize edin


Görseller önemlidir ancak minimum boyutta olmalıdır.Google Page Speed Test e de en çok etki eden kavramdır.
Resimlerinizi Fireworks,Photoshop, Paint gibi programlarla yeniden boyutlandırın. Sayfanız için en iyi boyutta ve minimum kapasiteli olmalı.
Daha sonra http://compressjpeg.com/tr/ adresinden optimize edin.Kullanımı gayet basit yükleme linkine tıklayın ve resmi seçin. Optimize edilen resmi indirin. İsterseniz resim üzerindeki ayarlar linkine tıklayarak kaliteyi biraz daha düşürerek dosya boyutunu küçültebilirsiniz.

Blogger da resimlerin daha hızlı yüklenmesi için aşağıdaki kodu da sayfada </body> kodunun bir satır üzerine aşağıdaki kodu ekleyin ve temayı kaydeti tıklayın.

<script src='https://cdn.rawgit.com/jquerycods/javascript/9bcf7a98/loaded.js' tipi='text/javascript'></script>

Google Page Speed Test Tavsiye 3 : Tarayıcı önbellekleme özelliğinden yararlanın


Bu kendi alanına sahip sitelerde ;

Sunucu ya da hosting hesabınızda .htaccess dosyanıza aşağıdaki kodu eklemeniz sayfanızdaki görsel ve kod içeriklerinin tarayıcı tarafından hatırlanmasını sağlayacaktır.

## EXPIRES CACHING ##

ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"

Blogger da html içerisine <head> kodunun hemen altına aşağıdaki kodları ekleyin.

<include expiration='7d' path='*.css'/>
<include expiration='7d' path='*.js'/>
<include expiration='3d' path='*.gif'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>
<meta content='tue, 02 jun 2020 00:00:00 GMT' http-equiv='expires'/>

Google Page Speed Hızını Arttırma Tavsiyeleri, Blogger Tarayıcı Önbellekleme, blogger site hızlandırma, Teknoloji Haberleri, Blogger Tarayıcı önbellekleme özelliğinden yararlanın, 

Google Page Speed Test Tavsiye 4 : JavaScript'i küçültün ya da CSS 'i Küçültün


Javascript ya da css dosyamızda gereksiz kullanılan alanlar olabilir.Css ya da Javascript küçültün tavsiyesinde bulunulan kodları html içerisinden bulup kopyalıyoruz.

Javascript için https://jscompress.com/

siteleri üzerinden sıkıştırma işlemini yapıyoruz.
Kullanımı basit ; kopyaladığınız kodu yapıştırın ve Compress i tıklayın.Oluşan yeni kodu kopyalayıp sitenizdeki kodların yerine yapıştırın.

Umarım faydalı bir yazı olur ve işinize yarar.Her alanda bilgi deposu olmak üzere belirlediğimiz misyonumuz gereği yayınlarımıza devam ediyoruz.
Google Page Speed Hızını Arttırma Tavsiyeleri, Blogger Tarayıcı Önbellekleme, blogger site hızlandırma, Teknoloji Haberleri, Blogger Tarayıcı önbellekleme özelliğinden yararlanın,