Sayfa Hızı Neden Kritiktir? Sizinki Nasıl Test Edilir ve Geliştirilir
Çoğu site, yavaş sayfa hızı nedeniyle ziyaretçilerinin yaklaşık yarısını kaybeder. Aslında, ortalama masaüstü web sayfası hemen çıkma oranı% 42, ortalama mobil web sayfasının hemen çıkma oranı% 58'dir ve ortalama tıklama sonrası açılış sayfası hemen çıkma oranı% 60 ile% 90 arasındadır. Rakamları hiçbir şekilde övmemek, özellikle mobil kullanımın artmaya devam ettiğini ve tüketicinin dikkatini çekmek ve sürdürmek gün geçtikçe zorlaştığını düşünürsek.
Google'a göre, sayfanın ortalama sayfa yükleme süresi en iyi açılış sayfalarıhala bir ağır 12.8 saniye. Buna, mobil internet erişiminin yaygın olduğu ve 4G hızlarının dünya çapında en yüksek hızlardan bazıları olduğu yerler dahildir.
Bu ortalama sayfa hızı çok uzun, kullanıcıların% 53'ünün sayfaları yalnızca 3 saniye sonra terk ettiği düşünüldüğünde - ve oradan daha da kötüleşiyor:
İyi bir sayfa yükleme hızı nedir o zaman? Neredeyse anında.
Neyse ki bir çözüm var. Buna geçmeden önce, sayfa hızının önemi hakkında daha fazla bilgi edelim.
Sayfa Hızı Neden Önemlidir?
eMarketer bunu 2019'da gösteriyor küresel dijital reklam harcaması 316 doları aşacak milyar ve sadece öngörülebilir gelecekte artmayı hedefliyor:
Açıkçası, markalar reklamlara büyük miktarlarda para harcıyor ve bütçelerinden en iyi şekilde yararlanmayı bekliyorlar. Ancak, kullanıcılar bir reklamı tıkladığında - ve tıklama sonrası açılış sayfası anında yüklenemez - muhtemelen birkaç saniye içinde tekrar tıklarlar ve sonuç olarak reklamverenlerin bütçesi boşa gider.
Sayfa hızının maliyet etkileri çok büyük ve sayfa hızını kesinlikle ileriye doğru bir öncelik haline getirmelisiniz. Kendi dijital reklam kampanyalarınızı değerlendirirken göz önünde bulundurmanız gereken birkaç ölçüm ve nokta aşağıda verilmiştir:
Kalite Puanları
Yalnızca yavaş sayfa yüklemeleri kullanıcıları sinirlendirmekle kalmaz, aynı zamanda Kalite Puanlarının düşmesine de neden olur. Kalite Puanı doğrudan sizin reklam sıralamasıve nihayetinde her tıklama için ödeyebileceğiniz kadar, yavaş yüklenen bir sayfa doğal olarak puanları düşürür.
dönüşüm Oranları
Sayfanızın yüklenmesini beklerken daha az kişi takılıyorsa, daha az insan dönüşüm şansı yakalar. Teklifinizi, avantajlarınızı, harekete geçirici mesajınızı vb. Görmeden sayfanızı terk ediyorlar.
Perakendede, örneğin, bir bir saniyelik gecikme Mobil yükleme sürelerinde dönüşüm oranlarını% 20'ye kadar etkileyebilir.
Mobil Deneyim
2016 yılının ortalarında, mobil web kullanımı hacim olarak masaüstü trafiğini geçti:
Tüketiciler harcıyor mobilde daha fazla zamanpazarlamacılar ve reklamcılar uyum sağlamaya zorlandı (ve hâlâ da öyledir). Teslim etmenin bir yolu mobil cihazlar için optimize edilmiş kampanyalar hızlı yüklenen sayfalar oluşturmaktır.
Bu da bizi bu sorunların her birini ele alan 1 numaralı sayfa hızı çözümüne getiriyor.
AMP Açılış Sayfaları Sayfa Hızını Artırır
AMP, açık kaynaklı çerçeve 2016'da kullanıma sunulan, reklamverenlere, kullanıcı deneyimine her şeyden önce öncelik veren, ışık hızında, sorunsuz yüklenen mobil web sayfaları oluşturmanın bir yolunu sunuyor.
AMP sayfaları, neredeyse anlık yükleme süreleri sağladıkları ve bazı stil ve marka özelleştirilebilirliğini desteklemeye devam ettikleri için reklamverenler için caziptir. HTML / CSS ve JavaScript'i kısıtladıkları için tıklama sonrası açılış sayfasının daha hızlı oluşturulmasına izin verirler. Ayrıca, geleneksel mobil sayfaların aksine AMP sayfaları, Google aramada daha hızlı yükleme süreleri için Google AMP Önbelleği tarafından otomatik olarak önbelleğe alınır.
Tıklama sonrası optimizasyonda lider olan Instapage, AMP çerçevesini kullanarak tıklama sonrası açılış sayfaları oluşturma olanağı sunar:
İle Instapage AMP oluşturucupazarlamacılar ve reklamverenler şunları yapabilir:
- Geliştirici olmadan doğrudan Instapage platformundan AMP tıklama sonrası açılış sayfaları oluşturun
- Doğrulayın, A / B testi yapın ve AMP sayfalarını WordPress'e veya özel bir alana yayınlayın
- Daha iyi mobil deneyimler sunun, Kalite Puanlarını artırın ve daha fazla dönüşüm sağlayın
Devrim niteliğindeki işitme cihazı şirketi Eargo, tıklama sonrası deneyimine AMP'yi uyguladığından beri inanılmaz sonuçlar elde etti:
Instapage ile AMP Açılış Sayfaları
Instapage ile AMP sayfaları oluşturmanın yanı sıra, sayfa hızını artırmanın başka yolları da vardır. İşte başlamanız için bunlardan üçü.
3 Sayfa Hızını Artırmanın Diğer Yolları
1. Sayfa hızı araçlarından yararlanın
Pagespeed Insights Google'ın sayfanızı 0 ila 100 puan arasında puanlayan hız testidir:
Puanlama iki parametreye dayanmaktadır:
- Ekranın üst kısmına yükleme süresi (bir kullanıcı yeni bir sayfa talep ettikten sonra sayfanın ekranın üst kısmındaki içeriği görüntülemesi için geçen toplam süre)
- Tam sayfa yükleme süresi (bir kullanıcı talep ettikten sonra tarayıcının bir sayfayı tam olarak oluşturması için geçen süre)
Puanınız ne kadar yüksekse, sayfanız o kadar optimize edilmiş demektir. Genel bir kural olarak, 85'in üzerindeki herhangi bir şey, sayfanızın iyi performans gösterdiğini gösterir. 85'ten düşük ve puanınızı yükseltmek için Google tarafından sağlanan önerilere bakmalısınız.
PageSpeed Insights, sayfanızın hem masaüstü hem de mobil sürümleri için raporlar sağlar ve ayrıca iyileştirmeler için öneriler sunar.
Think with Google: Sitemi Test EtPageSpeed Insights ekibi tarafından başlatılan, hem mobil hem de masaüstünün aksine yalnızca mobil sayfa hızlarını test eder. Sayfalarınızın ne kadar hızlı (veya yavaş) yüklendiğinin başka bir göstergesidir:
Bu araç, yükleme sürenizi görüntüler, sitenizdeki her sayfayı hızlandırmak için özel öneriler sunar ve ardından tam bir rapor oluşturma seçeneği sunar.
2. Tamamen Optimize Edilmiş Görüntüler (Sıkıştırma)
Görüntüleri sıkıştırma, yeniden boyutlandırma, yeniden biçimlendirme vb. İle optimize etmek bayt tasarrufu sağlamaya, sayfa yükleme süresini hızlandırmaya ve mobil site performansını iyileştirmeye yardımcı olabilir. Arasında diğer en iyi önerilerGoogle, gereksiz yüksek çözünürlüklü görüntüleri ve GIF'leri kaldırmanızı ve mümkün olduğunda görüntüleri metin veya CSS ile değiştirmenizi söylüyor.
Dahası, sıkıştırılmış ve yeniden boyutlandırılmış görüntüleri sunmak artık her zamankinden daha kolay çünkü bu ayarlar otomatikleştirilebilir. Örneğin, bir komut dosyasıyla otomatik olarak yeniden boyutlandırılan ve sıkıştırılan yüzlerce görüntünüz olabilir, bu da manuel çalışmayı azaltır (AMP sayfaları oluştururken, özel görüntü etiketleri bu aynı optimizasyonların çoğunu otomatik hale getirir).
En uygun görüntü formatını seçmek, mevcut pek çok seçenek varken zor olabilir. Her şey kullanım durumuna bağlıdır, ancak en yaygın olanlardan bazıları şunlardır:
- WebP: Fotoğrafik ve yarı saydam görüntüler
- JPEG: Şeffaf olmayan fotoğraflar
- PNG: Şeffaf arka planlar
- svg: Ölçeklenebilir simgeler ve şekiller
Google, görüntü kalitesinde herhangi bir kayıp olmaksızın JPEG'den% 30 daha fazla sıkıştırmaya izin verdiği için WebP ile başlamayı önerir.
3. Ekranın üst kısmındaki içeriğe öncelik verin
Kullanıcınızın site hızı algısını iyileştirmek, neredeyse site hızının kendisini geliştirmek kadar önemlidir. Bu nedenle, resimleriniz optimize edildiğinde, tam olarak doğru zamanda teslim edildiğinden emin olmalısınız.
Şunu düşünün: Bir mobil cihazda sitenin görünen kısmı küçük bir alanla sınırlıdır, ekranın üst kısmı. Sonuç olarak, o alandaki içeriği hızlı bir şekilde yükleme fırsatınız olurken, arka planda ekranın altındaki diğer öğeler indirilir.
Not: AMP'yi benzersiz kılmaya yardımcı olan şey, yerleşik öncelikli kaynak yüklemesine sahip olması ve ilk önce yalnızca en önemli kaynakların indirilmesini sağlamasıdır.
Bir sitedeki görsellerin sayısını azaltmak zor olabilir - özellikle perakende markaları için, örneğin birçok üründe - ancak bu üç taktikle en azından resimlerin yükleme süresi üzerindeki etkisini en aza indirmek yine de çok önemlidir.
AMP ile sayfa hızınızı artırın
Mobil sayfalarınız, yavaş sayfa yükleme hızı nedeniyle yüksek hemen çıkma oranlarından ve düşük dönüşüm oranlarından muzdaripse, AMP sayfaları tasarruf etmenizi sağlayabilir.
Ziyaretçilerinize hızlı, optimize edilmiş ve alakalı mobil tarama deneyimleri sunmak ve bu süreçte Kalite Puanlarınızı ve dönüşümlerinizi artırmak için tıklama sonrası AMP sayfaları oluşturmaya başlayın.