SEO

Site Hızı Nasıl Ölçülür ve İyileştirilir?

SEO ve dijital pazarlama alanında değeri gittikçe artan site hızı konusuna dair tüm detayları bu içerikte bulacaksınız.

Site hızı konusu hem e-ticaret hem içerik siteleri açısından neden önemli ve neden detaylı hız analizleri yapılmalı her şeyi bu içerik sayesinde öğreneceksiniz.

Öncelikle, site hızının önemi konusunu Google dönüşüm optimizasyon kursları ve ipuçları paylaştığı sayfalarında çok daha net görebiliyoruz.

Bu konuyla ilgili Google analizleri bize, web sitelerinde 3 saniyeden daha yavaş açılan sayfalarda kullanıcıların %53’ü diğer sayfalara geçmeden siteyi terkettiğini söylüyor.

Kısacası iyi bir SEO ve ücretli trafik yani reklam performansı yakalamak istiyorsanız dikkat etmeniz gereken en önemli faktör kesinlikle site hızınız olmalıdır.

Site Hızı Nasıl Ölçülür?

Site hızını nasıl iyileştirmemiz gerektiğinden önce site hızımızı doğru ölçebilmemiz gerekir.

Öncelikle site hızı websitenin tüm sayfalarının hızıdır ancak sayfa hızı tek bir sayfanın hızıdır.

Çünkü site hızı veya sayfa yüklenme hızı tamamen stabil ve her kullanıcı için eşit olmayabilir.

Nasıl yani?
Sitenizde birden fazla sayfa varsa ve her sayfanın boyutu birbirinden farklıysa bu, her sayfa için farklı hız metrikleri alabileceğinizi gösterir.

Kullanıcı açısından eşit olmama nedeni ise, herkesin aynı internet alt yapısı veya teknolojisine sahip olmadığını düşündüğümüzde, herkesin sayfanın yüklenmesi için beklediği süreyi değiştirecektir.

Bunlara ek olarak, bir websitesinin teknik alt yapısı, sunucu yanıt süreleri ve kodlandığı dile kadar birçok çeşitli faktör site hızını etkileyebilir.

Aslında bu gibi nedenlerden dolayı net bir sayfa hızı ölçümü yapabilmek çok mümkün değil diyebiliriz.

Ancak sitedeki her sayfayı optimize etmeye çalışarak kullanıcılar için iyi bir deneyim oluşturabiliriz.

Site hızı ölçerken öncelikle genel bir değerlendirme yapabilmek için doğrudan anasayfanızın alan adıyla bir ölçüm yapabilirsiniz.

Site Hızı Ölçme Araçları

Site hızı ölçmek için birçok araç kullanabilirsiniz.

Ancak hedefimiz günün sonunda SEO performansımızı arttırmak ise yani başka bir deyişle Google arama sonuçlarında yükselmek ise her zaman Google site hızı ölçme araçlarına göre hareket etmek daha etkili olacaktır.

Fakat her site hızı aracını etkili şekilde kullanmak da gerekir. Bu yüzden kullanabileceğimiz site hızı ölçme araçlarını mutlaka incelemelisiniz.

En iyi site hızı ölçme araçları:

Şimdi bunları kısaca inceleyelim ve bu araçlar sayesinde neler öğrenebileceğimizi görelim.

1.Test My Site

Test My Site aracı ile mobil site hızını ölçebilir ve rakip sitelerinizle karşılaştırma yapabilirsiniz.

Ayrıca eğer bir e-ticaret sitesine sahipseniz site hızını, ziyaretçi sayısını, ortalama sepet tutarını ve ortalama dönüşüm oranını belirterek site hızına göre ne kadarlık kayıp yaşadığımızı görebiliriz.

google test my site aracı
Google Test My Site

Google Test My Site aracına girip alan adınızı yazdığınız zaman ilk ölçüm olarak size anasayfa hızınızı gösterir ve nasıl iyileştirmeniz gerektiğine dair ipuçları çıkarır.

site hızı ölçme araçları
Google Test My Site

Sitenizdeki farklı sayfaları da bu araçla test etmek isterseniz bu bölümdeki boşluğa sayfa adresini ekleyerek o sayfaların hızlarını ve ipuçlarını görebilirsiniz.

site hızı ölçme araçları
Google Test My Site

Bu aracın en güzel özelliklerinden biri de en fazla 10 rakibinizin site hızı değerlerini gösteren ve kendi sitenizle kıyaslayabildiğiniz bölümüdür.

Buna göre rakiplerinize göre site hızınızı öğrenerek aksiyon alabilirsiniz.

site hızı ölçme araçları
Google Test My Site

Yine Test My Site aracında e-ticaret sitesi sahipleri bu bölümde çeşitli ortalama metrikleri girerek, site hızını ne kadar iyileştirdiğinde bunun potansiyel gelirine etkisinin nasıl olacağını da rahatlıkla analiz edebilir.

2.PageSpeed Insights

PageSpeed Insights, bir başka Google site hızı ölçme aracıdır.

Türkçesi sayfa hızı istatistikleri olan bu araçla detaylı bir hız analizi ve nasıl iyileştirmeler yapılması gerektiği bilgilerini bulabilirsiniz.

Bu araçta test my site aracına göre daha fazla teknik detaya erişebilirsiniz.

Bu yüzden bu listedeki tüm araçları beraber kullanarak iyileştirmeler yapmak en iyi çözüm olacaktır.

page speed insights
PageSpeed Insights

Girişte karşılaştığımız bölümde hızını ölçtüğümüz sayfa için bu araç puan belirliyor.

Bu puan aralığının iyi ve kötü olduğunu aşağıdaki metriklerden ve renklerden anlayabiliyoruz. Ne kadar düşükse o kadar kötü demektir.

Ayrıca sol üstte mobil ve masaüstü hızını ayrı ayrı analiz edebileceğiniz sekmeler bulunuyor.

Buna göre farklı cihazlarda da yapabileceğiniz iyileştirmeleri ve puanları görebilirsiniz.

page speed insights site hızı ölçme aracı
PageSpeed Insights

Bu bölümde ise FCP ve FID için nelerin iyi olduğunu, nelerin ortalama puanlara sahip olduğunu ve nelerin kesinlikle iyileştirilmesi gerektiğini görebiliyoruz.

page speed insights
PageSpeed Insights

PageSpeed Insights aracının Lab Data bölümünde neleri iyileştirirseniz ne kadar hız kazanabileceğinize dair detayları görebilirsiniz.

Burada bir detay vermek gerekirse, First Contentful Paint (FCP) ve Time to Interactive bölümlerini iyileştirmeye çalışmak yani bu metriklere odaklanmak sayfa hızınızı arttırmak için etkili sonuçlar verecektir.

Çünkü aradaki Speed Index bölümü aslında bunların arasındaki bir ölçümdür her ne kadar Google bu metriği bir hız gibi ölçse de daha detaylı açıkladığı yazılarda bunun bir hız metriği olmadığını gösteriyor.

page speed insights
PageSpeed Insights

Bu araçta “Passed audits” bölümünde sitemizdeki iyi olan kısımları görebiliyoruz.

Bu da aslında bize buralardaki iyi olan şeyleri belki bu verilerin kötü olduğu sayfalarda nasıl uygulayabileceğimizi gösterecektir.

3.Lighthouse

Lighthouse aracı bir Chrome aracıdır esasen. Bu yüzden kullanmak için öncelikle sitenizi Chrome tarayıcıda açmanız gerekir.

Daha sonra sitenizdeki herhangi bir sayfanın içerisinde sağ tıklayarak çıkan “İncele ya da Inspect” bölümünden açılan bölümdeki “Audits” bölümünde çeşitli metrikleri seçerek hız ölçümü yapabilirsiniz.

Ayrıca bu aracı https://web.dev/measure/ adresinden de kullanabilirsiniz.

lighthouse site hızı aracı
Lighthouse

Bu aracın verilerinin çok büyük kısmı PageSpeed Insights aracındaki verilerle benzeşir ancak Lighthouse’da çok detaylı olarak sayfa performansına dair bilgileri ölçebilirsiniz.

lighthouse site hızı aracı
Lighthouse

Bu bölüme geldiğinizde SEO, erişebilirlik, en iyi uygulananlar, performans ve kullanıyorsanız PWA verilerini denetleyebiliyorsunuz.

Run Audits butonuna tıklayarak bir süre bekledikten sonra bu ölçümlere erişebilirsiniz.

lighthouse site hızı aracı
Lighthouse

Performans ölçümü sitede denetim yaptığınız sayfanın hız performansıdır.

lighthouse site hızı aracı
Lighthouse

Audits sekmesinden biraz daha solda bulunan Performans sekmesine geçtiğinizde ise sayfanın nasıl açıldığını ve kullanıcının sayfadaki ögeleri ne zaman nasıl gördüğünü analiz edebiliyorsunuz.

Buradaki FP, FCP gibi verilerinde iyi veya kötü olduğunu yine anlayabilirsiniz.

lighthouse site hızı aracı
Lighthouse

Burada Performans sekmesinin biraz solunda bulunan Kaynaklar (sources) bölümünde direkt olarak kullanılmayan kodları görebilirsiniz.

Kırmızıyla işaretli kod parçaları kullanılmayan kodları belirtiyor.

Bu sayede sitenizi hızlandırmak için bu kodları çıkarmayı düşünebilirsiniz.

Bu konu hakkında herhangi bilgiye sahip değilseniz bilen birilerine danışmanızda fayda olacaktır.

4.GTmetrix

GTmetrix aracı da en bilinen ve en çok kullanılan site hızı performans ölçümleme araçlarındandır.

GTmetrix aracının handikaplarından biri ne yazık ki Türkiye sunucusu olmamasıdır. Bu da aslında tam performans raporuna ulaşamadığımızı gösteriyor.

Türkiye’ye en yakın olan Londra sunucusunu kullanarak hız testi yaptığımız için her ölçüm doğru sonuç veremeyebilir.

Ancak GTmetrix ve listedeki diğer araçları kombine bir şekilde kullanırsak en iyi sonucu alabiliriz.

Öncelikle GTmetrix ölçümü yaparken çeşitli opsiyonları değiştirebilmemiz için bir üyelik oluşturmamız gerekir.

gtmetrix site hızı ölçme aracı
GTmetrix

Görseldeki websitesini Kanada sunucusu üzerinden test ettiğimde çıkan sonuç bu şekildedir.

Ayrıca üyeliksiz test yaptığınızda sunucu seçemiyor ve sağ taraftaki üç özelliği kullanamıyorsunuz.

Ancak bu raporu da PDF dosyası olarak indirebilirsiniz.

gtmetrix site hızı ölçme aracı
GTmetrix

Görseldeki siteyi tekrar üyelik girişi yapıp, sunucu lokasyonunu değiştirdiğimizde farklı sonuçlar elde edebiliyoruz.

Ayrıca Test My Site aracındaki gibi rakip bir site ile “Compare” özelliğini kullanarak karşılaştırma yapabiliyoruz.

gtmetrix site hızı ölçme aracı
GTmetrix

Üyelik kaydı oluşturup giriş yaptığınızda analiz yapmadan önce birçok ayarlama opsiyonunu kullanabiliyorsunuz.

Bu sayede websiteniz için daha doğru sonuçlara yaklaşabilirsiniz.

Diğer araçlarla karşılaştırma yaptığınızda sapma paylarınız arasında uçurum çıkmaması açısından bu alanı kullanmak oldukça önemlidir.

gtmetrix site hızı ölçme aracı
GTmetrix

Raporun son bölümünde ise GTmetrix site hızını iyileştirmek için çeşitli önerilerde bulunuyor.

Buradaki önerileri sitelerinizde uygulayarak performansını arttırabilirsiniz.

5.Pingdom

Pingdom, bir diğer en çok tercih edilen site hızı ölçme araçlarındandır.

site hızı ölçme pingdom
Pingdom

Pingdom aracı da aynı GTmetrix gibi Türkiye’de sunucusu olmadığı için kesin bir sonuç elde edemesek de kullanmamız gereken bir araçtır.

Türkiye’ye en yakın sunucu olarak Almanya veya Londra sunucularını seçerek hız ölçümlerini yapabiliriz.

site hızı ölçme pingdom
Pingdom

Pingdom genel sonuç ekranında performans skoru, sayfa boyutu, bekleme süresi ve sorgular gibi raporlarla karşılaşırız.

Buradaki D harfi ve 69 puanı iyileştirmemiz gereken birçok nokta olduğunu gösterir.

site hızı ölçme pingdom
Pingdom

Raporun biraz daha alt bölümlerine indiğimizde Pingdom site hızı için iyileştirme önerileri sunar.

Ayrıca burada acil iyileştirilmesi gerekenleri F (kırmızı) şekilde gösterir.

2xx ve 3xx durum kodlarını da yine burada görebiliriz.

site hızı ölçme pingdom
Pingdom

Pingdom performans sayfasının bu bölümünde ise sayfamızdaki içeriklerden ve çeşitli kodlardan ne kadarlık bölümünün performansımızı etkilediğini görebiliriz.

6.Google Analytics

Google Analytics, her ne kadar çoğu kişi tarafından site hızı ölçme aracı gibi değerlendirilmese de, sitedeki hız raporlarını öğrenebileceğimiz en iyi araçlardandır.

Ayrıca Google Analytics etkili kullanıldığında site ve sayfa hızlarını çok derin analiz edebiliriz.

site hızı ölçme aracı google analytics
Google Analytics

Google Analytics site hızı performans raporlarına erişmek için Davranış -> Site Hızı -> Genel Bakış bölümüne giriş yapıyoruz.

site hızı ölçme aracı google analytics
Google Analytics

Genel bakış bölümünde Analytics, sayfa görüntülemelerinden analiz yaparak, ortalama değerleri, tarayıcı, ülke ve sayfa bazlı genel bir değerlendirme raporu paylaşır. Bu rapor mutlaka herkesin işine yarayacaktır.

site hızı ölçme aracı google analytics
Google Analytics

Sayfa zamanlamaları bölümünde ise, websiteye ait sayfaların ortalama hıza göre iyi veya kötü performans sergilediklerini hızlıca görebiliriz.

Ayrıca bu verileri dışa aktar yaparak, bir excel veya google spreadsheet dosyasına aktarabiliriz.

site hızı ölçme aracı google analytics
Google Analytics

Analytics hız önerileri bölümünde ise, her sayfanın görüntülenme sayısı ve ortalama yüklenme süresini görerek önerileri direkt olarak görebiliriz.

Bu aslında PageSpeed Insights aracı ile koordine bir raporlamadır ancak her sayfayı tek tek PageSpeed Insights aracı ile analiz edemeyeceğimiz için bu bölümden kolaylıkla sayfalarımızın performansını ve önerileri görebiliriz.

Google Analytics etkili kullanıldığında işletmenizi ölçeklendirebileceğiniz ve gerçekten birçok veriyi doğru analiz ettiğiniz zaman websitenize çok fayda sağlayacak ücretsiz bir analiz aracıdır.

Google Analytics’te yalnızca bu bölümdeki sayfa ve site hızı metriklerinden başka çeşitli .json kodları sayesinde daha detaylı kullanıcı bazlı sayfa hızı ölçebilirsiniz.

Bununla ilgili daha önce paylaştığım Google Analytics ile Sayfa Hızı Ölçme Etkinlikleri Oluşturma yazımı okuyarak websitenizde uygulayabilirsiniz.

Site Hızı Nasıl İyileştirilir?

Site hızı ve sayfa hızını nasıl ölçmemiz gerektiğini, hangi araçları kullanmamız gerektiğini öğrendiğimize göre iyileştirmek için neler yapabiliriz onlara bakalım.

Aslında her aracı detaylı olarak anlatırken iyileştirme ile de küçük bilgiler verdim.

Sonuçta bu araçların raporlarında iyileştirme önerilerini görüyoruz.

Fakat bu iyileştirme önerileri dışında neler yapabiliriz onlara da bakalım.

Site hızı konusunda her ne kadar teknik olarak iyileştirmeler yapmaya çalışsak da bazen sitemizde kullandığımız script kodlar ve çeşitli eklentiler bunu maksimize etmeyi engelleyebilir.

Peki buna rağmen neler yapabiliriz?

PWA Kullanmak

Websitemiz için PWA ya da Progressive Web Apps kullanabiliriz. PWA bir websitesini uygulama gibi çalıştırmaya yarayan bir özelliktir.

Özellikle mobil cihazlar için günümüzde ve ilerde çokça tercih edilecek bir uygulamadır.

Çünkü herhangi bir mobil uygulama maliyetine girmeden doğrudan websitenizi bir mobil uygulama gibi kullanıcının ekranına ekletebiliyorsunuz.

Ayrıca çevrimdışı çalışabilme ve çevrimdışı etkinlikleri analiz edebilme özellikleriyle de bir hayli iyi bir yöntem olduğunu söyleyebilirim.

PWA artık masaüstünü de desteklediği için, sıkı takipçilerinizin masaüstüne de eklenebilir ve çok hızlı bir deneyim sunabilirsiniz.

Bununla ilgili detaylı Google içeriğine https://developers.google.com/web/progressive-web-apps adresten ulaşabilirsiniz.

AMP Kullanmak

AMP yine bir kısaltma olup Accelerated Mobile Pages yani Hızlandırılmış Mobil Sayfalardır.

Google’ın websitelerin hızlı açılması için kullandığı bir önbellek hizmetidir.

AMP kullanmak websitelerinizi 0.5 saniye altında açmanızı sağlayacaktır. Ancak AMP’nin bazı dezavantajlarından dolayı bunu kullanmak istemeyebilirsiniz.

AMP’yi ayrıca Google önbellek hizmeti dışında kendinizde hem masaüstü hem mobil siteleriniz için kullanabilirsiniz.

Nihayetinde AMP bir frameworktür yani bir iskelet yapısıdır diyebiliriz.

AMP framework kullanarak da sitenizi hızlandırabilirsiniz. Bununla ilgili takip etmeniz gereken bilgiler https://amp.dev/documentation/guides-and-tutorials/ adresinde yer alıyor.

Scriptleri Sayfa Yüklendikten Sonra Aktifleştirmek

Google Tag Manager kullanarak bazı scriptleri ve izleme kodlarını sayfalar yüklendikten sonra aktifleştirmek için ayarlayabiliriz.

Bu sayede kullandığımız javascript kodları veya diğer kodlar sayfa yüklenene kadar aktifleştirilmez.

Bu sayede önce sayfa yüklenir ve kullanıcı için hızlı bir açılış olur, bu aşamadan sonra diğer kodları çalıştırarak kullanıcının deneyimi açısından kötü bir deneyim oluşturmamış oluruz.

Görsel Optimizasyonu Yapmak

Görsel optimizasyonu konusu da gittikçe zorlaşıyor. Çünkü Google kaliteli ve orijinal görselleri SEO açısından daha çok önemsiyor.

Ama büyük boyutlu görseller kullanmak sayfa boyutunu arttırdığı için hızımızı da düşürüyor.

En iyi görsel sıkıştırma programı olarak size Google’ın sunduğu https://squoosh.app/editor aracını öneriyorum.

site hızı görsel optimizasyonu
Squoosh

Bu uygulamada görseli istediğiniz format ve ölçülerde sıkıştırabilir ve kalitesini orijinal görselle karşılaştırabilirsiniz.

Ayrıca görsel optimizasyonu için alternatif bir araç tercih etmek isterseniz https://imagecompressor.com/ kullanabilirsiniz.

Görsel optimizasyonu konusunda bir diğer yapabilecekleriniz ise CDN (content delivery network) yani içerik dağıtım ağı kullanmanız.

Bu ağ size görsellerinizi kullanıcıların bulunduğu konuma en yakın sunucuda açabilme olanağı sunar.

Bu da yanıt süresini kısaltacağından hızlı bir deneyim sunar.

Doğru Font (Yazı Tipi) Seçimleri Yapmak

Chrome, Opera, Safari, Firefox ve Internet Explorer tarayıcıları font dosyalarına farklı şekillerde davranış gösteriyor.

Örneğin, Google Chrome tarayıcısı 3 saniye içerisinde sitenizin font dosyasını bulmaya çalışıyor ancak getiremezse kendi varsayılan yazı tipini göstermeye başlıyor.

Direkt websitenin fontunu getiren tarayıcı Internet Explorer.

Burada css kodlarında font-display kullanabilirsiniz.

Burada yapabileceğiniz bazı şeyler, bir websitesi içerisinde 2’den fazla font kullanmamaya çalışmak olabilir.

Ayrıca tüm tarayıcılarda açılabilecek font seçimi yapmak da iyi sonuç verecektir.

Site Hızı Neden Bu Kadar Önemli?

Site hızının önemini kendi internet kullanımınızdan düşünerek anlayabilirsiniz aslında.

Şöyle düşünün ki, Google’da bir arama yaptınız ve sonuçlardan bir siteye tıkladınız ancak bu sitenin açılmasını 5 veya 10 saniye bekliyorsunuz.

Sizce bu iyi bir deneyim mi?

Değil, hatta araştırmalar 10 saniyeden geç açılan websitelerinin kullanıcıları anksiyeteye sürüklediğini bile söylüyor.

Arama motorları açısından ise, sitenizi daha kolay ve hızlı tarayabilmesi için önemlidir.

Örneğin Google Bot sitenize geldi ve tarama yapmak istiyor ancak sayfalar çok yavaş açıldığı için tarama hızı düşecektir.

Bu da sayfalarınızın sıralama almasını ve dizine eklenmesini engelleyebilir.

Google tarama bütçesini en az harcayan ve en iyi sonucu veren sitelere dağıtmak istiyor.

Bunu sağlayabilirseniz ve diğer faktörleri de doğru tanımladığınızda organik trafik artışınızı görebilirsiniz.

Önemli bir site içi SEO faktörü olan site hızı konusunun önemini anladığımıza göre bu konu hakkındaki fikirlerinizi duymak isterim.

Kursad Sualp

Profesyonel SEO Uzmanı Kürşad Sualp, 7 farklı 250’den fazla SEO projesini yönetmiş ve halen orta ve büyük ölçekli projelerde yer almaktadır.

İlgili Makaleler

Bir cevap yazın

E-posta hesabınız yayımlanmayacak.

Başa dön tuşu