Açılış Sayfalarınızın Ne Kadar Hızlı Yüklendiğini Görmek için 10 Sayfa Hızı Aracı

Çoğu site, bir sayfa yüklenirken ziyaretçilerinin yarısını kaybeder. Bu, inanması zor olan şok edici bir gerçektir, ancak bugün ortalama web sayfasının hemen çıkma oranını hesaba katarsanız, belki de değil. Daha da kötüsü, ortalama tıklama sonrası açılış sayfası hemen çıkma oranı %60 ile %90 arasında değişmektedir.

Mobil sayfalar, yavaş sayfa hızlarından eşit şekilde etkilenir. 2016 Google ve SOASTA araştırması, geri dönen oturumlar için ortalama mobil web sitesi yükleme süresinin, geri dönmeyen oturumlardan yaklaşık 2,5 saniye daha yavaş olduğunu buldu.

Daha hızlı yüklenen web siteleri, daha yüksek SEO sıralamalarına, daha uzun site ziyaretlerine, daha fazla etkileşime ve daha yüksek dönüşüm oranlarına ek olarak genellikle daha düşük hemen çıkma oranları üretir. Yükleme süresi ve hemen çıkma oranı arasında böylesine güçlü bir korelasyon olduğu için, pazarlamacılar maksimum sonuçlar için sayfa hızı araçlarından yararlanmalıdır.

Sayfa hızını test etmek için en güvenilir araçları analiz etmeden önce, onu etkileyen en yaygın faktörlere ve sayfa öğelerine bakalım.

Sayfa hızı nasıl etkilenir?

Bir sayfa isteği yapıldığında, ön uç tarafı ve sunucu tarafı bileşenlerinin her ikisinin de bireysel işlemlerini tamamlaması gerekir. Böylece ön uçunuzu optimize ettikten sonra bile sunucu tarafını (sayfanın sunucunuz tarafından nasıl oluşturulduğu) optimize ederek yükleme süresini daha da hızlandırabilirsiniz:

Her iki taraf da sıralı olduğundan, toplam süreleri toplam sayfa yükleme süresi olarak kabul edilir.

Yukarıdaki resimde bir yerde sayfa hızını yavaşlatan en yaygın faktörlerden bazıları şunlardır:

• Büyük resimler ve metin grafikleri
• Video
• sayfa uzunluğu
• Komut dosyaları, yazı tipleri ve eklentiler (HTML, JavaScript, CSS)
• Gereksiz yönlendirmeler
• Coğrafya (ülke, şehir, kuruluş, ISP, ağ hızı)
• Bant genişliği

Aşağıdaki araçlar, bu sorunların çeşitli olup olmadığını test etmenize yardımcı olarak web sitenizin hızını daha iyi anlamanızı sağlar.

En güvenilir 10 sayfa hızı aracı

Not: Bu araçların her biri kendi benzersiz özelliklerini, raporlamasını ve sonuçlarınızı incelemenin yollarını sunar; bu, farklı sayfa yükleme süresi sonuçları alabileceğiniz anlamına gelir. Test konumu ile web sitenizin barındırıldığı sunucu arasındaki coğrafi mesafe de rol oynar. Ayrıca, bir aracı ilk kez çalıştırmak daha yavaş olabilir, bu nedenle testleri birden çok kez çalıştırmak ve sonuçların ortalamasını almak en iyisidir.

1. GTmetrik

GTmetrix, sitenizi 27 sayfa hızı önerisi (Google hız testi) ve 19 YSlow önerisi (Yahoo hız testi) kullanarak analiz eder. Raporun üst kısmında, yükleme süresi, sayfa boyutu ve istek sayısı gibi sayfa ayrıntılarının yanı sıra A'dan F'ye performans puanları sağlanır.

Yükleme süresi, varsayılan olarak "tam yükleme süresi" olarak sağlanır (ziyaretçinin sayfaya ilk gittiği andan ağ etkinliği olmadığında 2 saniye sonrasına kadar geçen süre). "Açma süresi" isteğe bağlıdır (web sayfasının işlenmesi bittiğinde ve sayfadaki resimler, metinler ve komut dosyaları dahil tüm kaynakların indirilmesi bittiğinde). Raporun geri kalanı altı farklı bölüme ayrılmıştır: PageSpeed, YSlow, şelale, zamanlamalar, video ve geçmiş.

GTmetrix, sayfa yükleme hızınızı nasıl etkilediğini görmek için web sitesi performansını çeşitli bağlantı türleriyle test etmenize ve karşılaştırmanıza olanak tanır. Site ziyaretçilerinizin kullanabileceği olası internet bağlantı türlerini simüle etmek için bir bağlantı kısıtlama özelliği sunar: Kablo, DSL, 3G mobil, 2G mobil ve 56K çevirmeli ağ. Ayrıca olası bir tarayıcı olarak Chrome veya Firefox'u da seçebilirsiniz.

Bu aracın 7 test konumu vardır, ancak toplam 28 özel test sunucusu sağlar: 11'i Vancouver, Kanada'da; Dallas, ABD'de 5; 7 Londra, Birleşik Krallık; 2 São Paulo Brezilya'da; 1 Sidney, Avustralya'da; 1 Mumbai, Hindistan'da; ve Hong Kong, Çin'de 1.

GTmetrix, HTTP/1.1'in birçok eksikliğini ve sınırlamasını çözmeye çalışarak web sayfalarını HTTP/1.1'den daha hızlı yükleyen HTTP/2'yi destekler. HTTP/2'nin faydaları şunları içerir:

• Çoğullama ve eşzamanlılık (aynı TCP bağlantısı üzerinde hızlı bir şekilde art arda birkaç istek gönderilebilir)
• Akış bağımlılıkları
• Başlık sıkıştırma
• sunucu itme

Ayrıca GTmetrix, mobil performans testi de sunan birkaç sayfa hızı aracından biridir. İki Samsung Galaxy Nexus telefon kullanır, böylece kullanıcılar bu cihazlardaki gerçek sayfa yüklemelerine dayalı performans raporları oluşturabilir.

2. Pingdom

Pingdom, web sitenizin hızını 3 ana konumdan test etmenizi sağlar:

• Dallas Teksas
• Melbourne, Avustralya
• San Jose, Kaliforniya

Ücretsiz sürüm için Google'ın PageSpeed ​​önerilerine ve ücretli sürüm için YSlow önerilerine dayalı bir performans derecesi sağlar. Pingdom ayrıca yükleme süresini, sayfa boyutunu, istek sayısını ve sitenizin diğer sitelere karşı nasıl test edildiğini gösterir. Ek içgörüler, sayfa boyutunun içerik türüne, sayfa boyutunun etki alanına, isteklerin içerik türüne ve etki alanına göre dökümünü içerir.

Pingdom hız testinin ana faydalarından biri, kullanıcılara iyileştirmelerin yapılabileceği yerleri gösteren performans bilgileri sağlanmasıdır. Ancak, GTmetrix'in aksine, Pingdom yalnızca yükleme süresi sunar (tam yüklenme süresi değil), bağlantı kısıtlaması sunmaz ve HTTP/2'yi desteklemez.

3. Google PageSpeed ​​Insights

PageSpeed ​​Insights, iyileştirmeler için öneriler sunan ve iki parametreye dayalı olarak sayfanızı 0 ile 100 arasında puanlayan bir Google hız testidir:

1. Ekranın üst kısmını yükleme süresi (bir kullanıcı yeni bir sayfa talep ettikten sonra bir sayfanın ekranın üst kısmındaki içeriği görüntülemesi için geçen toplam süre)
2. Tam sayfa yükleme süresi (kullanıcı istedikten sonra tarayıcının bir sayfayı tam olarak oluşturması için geçen süre)

Puanınız ne kadar yüksekse, siteniz o kadar optimize olur ve 85'in üzerindeki herhangi bir değer, sayfanızın iyi performans gösterdiğini gösterir.

PageSpeed ​​Insights, sayfanızın hem masaüstü hem de mobil sürümleri için raporlar sağlar. URL'yi iki kez alır - bir kez mobil kullanıcı aracısıyla ve bir kez masaüstü kullanıcı aracısıyla. Mobil rapor, görünüm alanı yapılandırmanızı, dokunma hedeflerinizin boyutunu (düğmeler ve bağlantılar) ve yazı tipi boyutlarını içeren "Kullanıcı Deneyimi" adlı ek bir kategori içerir.

PageSpeed ​​Insights ekibi ayrıca kısa süre önce listede bir sonraki "Think with Google" üzerinde yeni bir sayfa hızı aracı başlattı.

4. Think with Google: Sitemi Test Edin

Bunun farkı, yalnızca mobil sayfa hızlarını test etmesidir.

Sonuçlar sayfasının üst kısmında, yükleme süresi ve tahmini ziyaretçi kaybı (yükleme süresi nedeniyle sayfanızdan kaybolan ziyaretçilerin yüzdesini temsil eder) bulunur:

"Yükleme süresi", bir 3G ağı içindeki bir Moto G4 cihazında Chrome kullanılarak görünen sayfa içeriğinin ne kadar sürede göründüğünü ölçen bir Hız Endeksidir (tam dolu bir süre değil). (Not: Test için bir 3G ağı kullanılır, çünkü küresel olarak hücresel ağ bağlantılarının %70'i 2020'ye kadar 3G veya daha düşük hızlarda gerçekleşecektir.)

Sonuçların orta bölümü, Google'ın 5 milyondan fazla web sayfası üzerinde yaptığı dahili bir araştırmadan hesaplanan bir sektör karşılaştırmasıdır:

Son olarak, Sitemi Test Et aracı, PageSpeed ​​Insights tarafından önerilen düzeltmelerin ayrıntılı bir raporuyla birlikte sayfanızda birkaç düzeltme yaparak ne kadar zaman kazanılabileceğini gösterir:

5. Google Hız Puan Kartı

Hız Puan Kartı, veritabanında 12 farklı ülkede binlerce site içerir ve mobil sitenizin nasıl biriktiğini görmek için 10'a kadar alan adını karşılaştırmanıza olanak tanır. Ayrıca sayfa yükleme hızınızı hem 3G hem de 4G bağlantılarında karşılaştırabilirsiniz.

Yavaş sayfa yükleme hızlarının hemen çıkma oranlarını ve dönüşüm oranlarını nasıl etkileyebileceğini tartıştığımız için, peki ya gelir? Size bir fikir vermek için Google, yavaş yüklenen sayfalarda markaların kaybedebileceği potansiyel gelir miktarını tahmin etmek için bir Etki Hesaplayıcı da ekledi:

Tahmini kayıplarınızı görmek için hesap makinesinin alanlarını doldurun: alan, mevcut hız, ortalama aylık ziyaretçiler, ortalama sipariş değeri ve dönüşüm oranı (bunların çoğu Google Analytics panosunda bulunabilir).

6. AnahtarCDN

KeyCDN, mobil cihazlarda iyi çalışan başka bir sayfa hızı aracıdır. KeyCDN, test sonuçlarını özel hale getirme veya başkalarıyla herkese açık olarak paylaşma seçeneği ile dünyanın dört bir yanından seçebileceğiniz 16 test konumu sunar.

Sonuçlar, altta bir web sitesi önizlemesi ile bir şelale dökümü içerir. Sonuçlar içerisinde kaç tane HTTP isteği yapıldığını, talep edilen sayfanın tam boyutunu ve yükleme süresini görebilirsiniz.

7. Web Sayfası testi

WebPagetest, aralarından seçim yapabileceğiniz 40'tan fazla farklı test konumu ve 14 mobil cihaz dahil olmak üzere 25'ten fazla tarayıcı içerir. Minimum sistem gereksinimlerini karşıladıkları sürece herkes WebPagetest için bir test konumu barındırabileceğinden, pek çok test konumu mevcuttur.

Testler, site ziyaretçilerinin kullanabileceği potansiyel internet bağlantılarını simüle etmek için bir bağlantı azaltma özelliği ile çalıştırılabilir: Kablo, DSL, 3G Yavaş, 3G, 3G Hızlı, 4G, LTE, Mobil Kenar, 2G, 56K çevirmeli ağ, FIOS, Yerel Bağlantı , ve özel hızlar.

“İlk görünüm” ve “tekrar görünüm” çalıştıran benzersiz bir test yaklaşımı sunar. Ayrıca video yakalama, çok adımlı işlemler, içerik engelleme, JavaScript'i devre dışı bırakma, SSL sertifikalarını yok sayma ve kullanıcı aracısı dizelerini yanıltma gibi daha gelişmiş özellikler sağlar.

WebPagetest sonuçlarını sunduğunda, sitenize varsayılan olarak tam yükleme süresine bağlı olarak, yükleme süresi isteğe bağlı olarak A'dan F'ye bir harf notu atar. Diğer puanlama parametreleri arasında FTTB, sıkıştırma, önbelleğe alma, bir CDN'nin etkin kullanımı ve daha fazlası bulunur. Rapor altı bölüme ayrılmıştır - özet, ayrıntılar, performans incelemesi, içerik dökümü ve ekran görüntüleri - şelale çizelgeleri, Sayfa Hızı optimizasyon kontrolleri ve iyileştirme önerileriyle zengin tanılama bilgileri sağlar.

Son bir not, HTTP/2'nin WebPagetest tarafından desteklenmesidir.

8. Dotcom-Monitör

Dotcom-Monitor, dünya çapında 20 farklı test konumu ve mobil ve bulut tabanlı olmak üzere yedi tarayıcı sunar. Bu aracın benzersiz yanı, tüm coğrafi testleri aynı anda çalıştırabilmeniz ve ardından onlar hakkında daha fazla bilgi edinmek için her bir raporu tıklayabilmenizdir.

Raporlar, aşağıda bulabileceğiniz özet, performans, şelale dökümü, ana bilgisayar ve hatalar olmak üzere beş bölüme ayrılmıştır:

• Konuma göre özet
• Tüm sayfa öğelerinin tarayıcı tabanlı yükleme süresi testi
• Yavaş/eksik elemanların tespiti
• En hızlı elementlerin %10'u
• En yavaş elementlerin %10'u
• Kapsamlı bir şelale tablosu
• Ana bilgisayar öğesine göre döküm (DNS, bağlantı, SSL, istek, ilk paket ve indirme dahil)
• Hata kontrolü ve teşhis

9. Sayfa konumu

Pagelocity aracı hem masaüstü hem de mobil cihazlarda kullanılabilir ve duyarlıdır. İçerik durumu, sayfa yapısı ve kodlama gibi bileşenlere göre kullanıcılara 100 üzerinden toplam puan verir. Rapor şunları içerir:

• İçerik özeti: Sayfanızın metin içeriği hakkında değerli bilgiler (anahtar kelimeler, başlık bağlantıları, görseller için alternatif metinler vb.)
• Kaynak dökümü: Sayfa yapınızla ilgili bilgiler - kaç tane resim, komut dosyası veya stil dosyası olduğu ve ayrıca oluşturmayı engelleyen içerik ve bu faktörlerin sayfa yükleme sürenizi nasıl etkileyebileceği
• Kod ipuçları ve içgörüler: İşaretlemenizle ilgili yararlı verilerle (sınıflar/Kimlikler, etiketler, Google Sayfa Hızı, İlk Bayt Süresi, vb.)

Pagelocity'nin benzersiz bir özelliği, sağladığı yan yana metriklerle rekabet analizi, rakiplerinize göre avantajlarınızı ve sahip oldukları görünen zayıflıkları göstermesidir.

10. YSyavaş

YSlow, Yahoo!'nun yüksek performanslı web siteleri için 34 kuralından 23'ünü temel alarak web sayfalarını analiz eden açık kaynaklı bir projedir. Performans testi sonuçlarını oluşturmak için üç adımı takip eder:

• Tüm bileşenleri (resim, komut dosyaları vb.) bulmak için DOM'yi tarar.
• Her bileşen boyutu hakkında bilgi alır (gzip, son kullanma başlıkları vb.)
• Her kural için bir not oluşturmak için verileri kullanır ve size genel bir not verir

YSlow ayrıca istatistikler, iyileştirme önerileri ve performans analizi için araçlar (Smush.it ve JSLint dahil) içeren bir sayfa özeti sunar.

YSlow sayfa hızı aracını çalıştırmak için YSlow krom uzantısını kullanabilir veya YSlow sonuçlarını GTMetrix'ten alabilirsiniz.

Bu araçların her birinin sağladığı puanların, içgörülerin ve geri bildirimlerin öneriler olduğunu - zor, uyulması gereken kurallar veya gereksinimler değil - not etmek önemlidir. Ayrıca, bir raporun önerdiğini zaten yapıyor olabileceğinizi ve belki de aracın onu yakalamadığını anlayın.

Web sayfalarınızın daha hızlı yüklenmesini sağlamak ve daha iyi bir kullanıcı deneyimi sağlamak için bir değişiklik yapmanız gerektiğine karar verirseniz, bazı yaygın yollar vardır.

Markalar web sayfalarını nasıl hızlandırabilir?

Yukarıdaki araçlar, kolayca düzeltilebilecek ana sayfa sorunlarını kontrol etmek için çok kullanışlıdır. Öyleyse, bu düzeltmelerden birkaçını burada ele almak için bir dakikanızı ayıralım.

Görüntüleri optimize edin

Görüntülerin olması gerekenden daha büyük olmadığından, doğru dosya biçiminde olduklarından ve web için sıkıştırılmış olduklarından emin olun. Sayfaların %25'i, resimleri ve metni sıkıştırarak 250 KB'den fazla ve %10'u 1MB'den fazla tasarruf sağlayabilir. Videoyla ilgili olarak, onu dışarıda bırakın veya dosyayı sunucularınız yerine başka bir platformda (YouTube veya Vimeo gibi) barındırın.

Eşzamansız olarak yükle

Eşzamansız yüklemeyi seçmek, sayfa yükleme hızında herhangi bir gecikmeyi önlemek için öğelerin sırayla değil aynı anda yüklenmesine olanak tanır.

CSS, JavaScript ve HTML'yi küçültün

Boşlukları, virgülleri ve diğer gereksiz karakterleri ortadan kaldırarak, kod yorumlarını kaldırarak ve biçimlendirmeyi en aza indirerek kodunuzu optimize edin.

Yönlendirmeleri azalt

Yönlendirmeleri azaltmak büyük bir fark yaratır, çünkü bir sayfa başka bir sayfaya her yönlendirildiğinde, ziyaretçinin HTTP istek-yanıt döngüsünün tamamlanması için daha uzun süre beklemesi gerekir.

Sayfalarınızı önbelleğe alın

Tarayıcı önbelleğe alma, birisi sitenizi tekrar ziyaret ettiğinde tarayıcının tüm sayfanızı yeniden yüklemesi gerekmediği anlamına gelir. Stil sayfaları, resimler ve JavaScript dosyaları gibi bilgileri önbelleğe alarak, sunucunuza gelen istek sayısını azaltır ve sayfa yükleme süresini önemli ölçüde hızlandırırsınız.

Sunucu yanıt süresini iyileştirin

Sunucu yanıt süresi çeşitli faktörlerden etkilenir: trafik miktarı, her sayfanın kullandığı kaynaklar, sunucu tarafından kullanılan yazılım ve barındırma çözümü. Sunucu yanıt süresini iyileştirmek için, yavaş veritabanı sorguları ve yönlendirmesi ve yeterli bellek eksikliği gibi performans darboğazlarına bakın.

İhtiyaçlarınıza uygun bir sayfa hızı aracı seçin

Hangi aracı kullanacağınıza karar vermek, nihayetinde siteniz için izlemek ve ölçmek istediğiniz metriklere bağlıdır. İşlevsel farklılıklara rağmen, her biri sitenizin yavaş olabileceği alanları belirlemede ve sitenizi hızlandırmak için içgörüler ve öneriler sağlamada büyük değer sağlar.

Hızlı yüklenen tıklama sonrası açılış sayfaları tasarlarken hiçbir şey AMP ile karşılaştırılamaz. Benzersiz bir çerçeve ve minimum HTML ile, AMP tıklama sonrası açılış sayfaları anında yüklenebilir ve bu da harika bir kullanıcı deneyimi sağlar. Instapage AMP oluşturucunun, dijital pazarlamacıların bugün bir demo talep ederek hızlı ve kolay bir şekilde hızlı yükleme oluşturmasına ve yayınlamasına nasıl olanak tanıdığını görün.