Son Yıllarda yapılan çeşitli Google Updateleri ile birlikte artık Web Sitelerimizin açılış hızı doğal arama sonuçlarında üst sıralarda bulunmamazı sağlayan faktörlerden biridir.Sahip olduğunuz web sitesinin açılış hızı ziyaretçilerinizi arttırcağı gibi aynı zamanda Seo durumunuzuda olumlu yönte etkilemektedir.Google Her algorimtasını ve update yapmasının yegane en büyük sebebi son kullanıcılar en iyi sonuçları sunmaktır.Bu konuda Google Analytics firmanın kullandığını en büyük silahlardan biridir.Web siteniz ne kadar hızlı ise,sitenize gelen yeni ziyaretçiler sitenizde başka sayfalarda hızlı bir şekilde dolaşıcaktır.Bu sebeple sitenizde vakit geçiren ziyaretçilerin ortalaması arttıkça Alexa ve diğer Google Analytics gibi analiz sistemlerinde “Hemen Çıkma Oranları” düşüş görüceksiniz..
Bütün web site sahipleri kendi sektörlerinde Müşteri odaklı belirledikleri anahtar kelimelerde üst sıralarda sitelerini görmek istemektedirler.Sitenize Kendi belirlediğiniz anahtar kelimelerden giren kullanıcıların sitenizde geçirdiği süre en az sitenize gelen Backlinkler kadar önemlidir.Bunu olayı Google Botları tarafında şöyle kurguluycak olursak;
Siteniz Kendi belirlediğiniz anahtar kelimede 1.Sayfanın 5.Sırasında olduğunu düşünelim;
Belirlediğiniz anahtar kelimeden günlük düzenli olarak trafik alıyorsunuz ve bu kelimede ortama ziyaretçilerin geçirdiği vakit 3 dk iken 1.Sıradaki rakibiniz sizden daha fazla trafik alıyor ve ziyaretçiler ise sitede 6 dk süre kalmaktadır.Google botları bu olayı şöyle yorumlamaktadır;1.Sıradaki siteyi insanlar beğenmiş,aradıkları ürün veya bilgiyi bulmuş vakit geçirmiş ama diğer sitelere bakıldığında ise ziyaretçiler bu siteyi beğenmemiş olucak ki giren 3dk kalmış ve hemen çıkmış halbuki 1.sıradaki web sitesine giren kullanıcılar gayet memnun gözükyorlar.Her Daim son kullanıcıyı düşünen google Bu siteyi insanların daha çok sevdiğini benimser ve hedef anahtar kelimenizde en süt sıralara koyar web sitenizi
Tüm Bu sebepler ile Web Sitenizin Hızı sitenize gelen trafiğin artmasını böylece Sitenizde kalma süresinide paralel olarak arttırıcaktır.
İlk olarak Google Page Speed ve Yahoo YSlow parametrelerine göre sitenin yüklenme hızına bakacağız.Düzeltilmesi gereken noktalar varsa bunları görmüş olacağız.
Bu iş GTmetrix (gtmetrix.com) sitesinden yararlanacağız.Sitedeki adres kutucuğuna analiz edeceğimiz sitenin analiz etmek istediğiniz sayfanın URL adresini yazarak testi başlatıyoruz.Test sonucunda ilk işimiz sonuçları incelemek ve eksiklikleri anlamak olmalıdır.
YSLOW PARAMETRELERİ
Resimde de gördüğünüz gibi incelediğimiz site hem Google Page Speed hemde Yahoo Yslow parametrelerine göre %92 oranında bir performansla A Seviyesi notu almış durumda.Bu da sitenizin çok hızlı bir site olduğunu ama hala düzeltmeniz gereken bir kaç durum olduğunu göstermektedir.Burada öncelikle yukarıdaki resimde gördüğünüz üçüncü sekme olan TimeLine sekmesine bakacağız
Bu sekmede sitede tüm dosyaların yüklenme hızları ile ilgili hem rakamsal hemde grafiksel olarak çok detaylı bilgiler mevcuttur.Fare ile grafik sütunundaki bir barın üstüne geldiğinizde bardaki renklerin anlamları be ilgili dosyanın yüklenme süreleri ile ilgili detaylı bir açılır pencere ile karşılaşacağız.
Buradaki değerler ve anlamlarına kısaca bakacak olursak ;Connecting dosyaya bağlatantı sağlamak için geçen zamanı,Waiting bağlantı isteiğine sunucunun cevap vermeye başladığı ana kadar geçen süreyi,Receiving ise dosyanın indirilme süresini idade etmektedir.
Şimdi Tekrar ilk sekmeye (Yslow) dönelim ve sitemizde düzeltilmesi gereken parametreleri inceleyelim.
Add Expires Headers
İşin Teknik detaylarına girmeden bu hatadan dosyaların önbelleklenebilir olmasının sağlayarak kurtulabileceğimizi belirtelim.Burada yapılan,header fonksiyonu ile tarayıcının dosyaları ön bellek tutması sağlamaktır.Bu sunucuya bir süre gereksiz istek göderilmesinin de önüne geçecektir.Bu işlememi .htacees dosyası ile de yapabilirsiniz.
Örnek: .htaccess dosyasına eklenecek kodlar:
#Expire Header
<FilesMatch “\.(ico|jpg|jpeg|png|gif|js|css|swf)$”>
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault “access plus 1 moths”
</IfModule>
</FilesMatch>
Burada süre olarak dakika,saat,gün,ay ya da yıl kullabilirsiniz.
Make Fewer HTTP Request
Ayrıca Çoğu Zaman Css Sprite uyarını görmeniz mümkündür.Bu uyarı bize çok sayıda arkaplan resmimiz olduğunu ve bunların css sprite tekniği ile birleştirmemiz gerektiğini söylüyor.
Sitenizde bir çok css ve Javascript dosyası olduğunda bunlar aynı anda değil sırayla yüklecektir.Ayrıca sunucunuzda aynı anda yapabilecek istek sayısı da yüklenecektir.Bu sebeple sorgu sayısının azaltmak için css ve javascript dosyalarını tek bir dosyada toplayın.En ideal sitenizde bir css ve javascript dosyası olmalıdır.Çünkü 100 kb bir dosya her biri 50 kb olan iki dosyadan daha hızlı yüklenecektir.Zira böylece sunucuda iki değil bir sorgu gönderilmiş olcaktır.Her zaman dosyaları teke indirmek teknik olarak mimkin olmayabilir.Bu durumda da dosyaların sayısının mümkün olduğunca az olmasını sağlamay çalışmalısınız.
Şimdi bunu yapabilmek için kullanmamız gereken bu teknikten bahsedelim.Css sprite bir çok resmi tek bir resim olarak birleştirmek ve ardından da css kodları ile hangi durumda resim olarak birleştirmek ve ardından da css kodları ile herhangi durumda resmin hangi bölgesinin gösterileceğini belirlemektir.
Bu tekniği denemek için https://spritegen.website-performance.org adresindeki Css Sprite üretecinden yararlanabilirsiniz.Birleştirilecek resimleri zip formatında siteye yükleyin ve resimde gördüğünüz gibi site önyüzünden birkaç basit ayarı yapın.Site size hem birleştirilmiş resmi hem de css kodlarını verecektir.
Compress Components with gzip
Burada ise bize,gzip tekniği ile dosyalarımızı sıkıştırmamızı tavsiye ediyor.Bu teknik dosyalar %60-%70 oranında sıkıştırabilir.Bu sitenizin hızını arttıracaktır.
<?php ob_start(“ob_gzhandler”); ?>
Yukarıdaki kodu sıkıştırılmak istediğiniz sayfanın başına eklemelisiniz.Diğer sistemlerde de bu tekniği kullanmak için değişik yöntemler mevcuttur.
Minify JavaScript and Css
Burada ise bize tavsiye ettiği,kodların ile çalışması ile doğrudan alakası olamayn açıklama satırları,boşluklar vb. unsurları silerek dosyalarımızın boyutları küçültmemizdir.Bu uygulamanın dezavantajı,kosların iç içe girecek olması nedeniyle özellikle bir çok kişinin üzerinde çalıştığı ortak projelerde kodların anlaşılmasını zorlaştıracak olmasıdır.Fakar tüm geliştirme işlemleri sona erdiğinde dosyayı sunucuya atmadan önce ya da sucuda bazı kodlar kullarak bu işlemi uygulayabilirsiniz.Hazır sitemlerde bu işlemi kolaylıkla yapmanızı sağlayacak eklentiler (Örn: WordPress’de W3 Total Cache Eklentisinde) mevcuttur.
PageSpeed’deki bir çok parametre YSlow ile aynı.Biz sadece Specify image dimensions konusunda değinerek toparlıyacağız.
Specify İmage Dimensions
Bazen sitemizde kullandığımız resimlerin ebatlarını girmeden hızlı bir şekilde ekleriz.Ebatların girilmemiş resimler boyutlandırma işleminden geçecekleri için daha geç açılırlar.Dha önce incelediğimiz igibi yükseklik ve genişlik değerlerini girdiğimizde (Örn:height=”200″ width=”400″) tarayıcı doğrudan verilen değerleri kullanır.Bu fark resim başına çok küçük de olsa bütün resimler hesaba katıldığında kayda değer bir sonuç ortaya çıkacaktır.
Konunun başından beri yaptığımız incelemelerde sizin de gördüğünüz gibi hız konusunda bir çok faktör rol oynamaktadır ve bu faktörler tek başlarına çok büyük fara sebebiyet vermiyorlarmış gibi gözükselerde de toplamda çıplak gözle fark edilir derecede hız farkları ortaya çıkmaktadır.Eğer başarılı bir iş çıkardaıysanız Puanınız A-A YADA B-B seviyesine çıkarabilirsiniz.Bu size yol su elektrik olarak değil ama hızlı yüklenen bir site olarak dönecektir.Bu da seo açısından çok önemli bir artı kazandıracaktır.