Google PageSpeed ​​Insights Puanınızı Nasıl İyileştirirsiniz?

Sayfa hızı içgörülerinizi artırmanın en kolay yolu ne olabilir ki, dönüşüm oranınızın başlığınızı iyileştirmek veya CTA düğmenizin rengini değiştirmekle hiçbir ilgisi yoktur. Bunun yerine, daha hızlı bir kullanıcı deneyimi sunmakla ilgilidir.

Google'dan yapılan araştırma, dönüşüm oranı ile yükleme süresi arasında bir bağlantı olduğunu ortaya çıkardı. Ayrıca, gecikmeli bir tıklama sonrası açılış sayfasına potansiyel müşterilerinizin yarısını kaybediyor olabileceğinizi de ortaya koyuyor. Neyse ki, onu neyin yavaşlattığını belirlemek için kullanabileceğiniz bir araç var.

Google'ın sayfa hızı araştırması

Google'dan araştırmacılar, 900.000 reklamı tıkladıktan sonra, ortalama mobil tıklama sonrası açılış sayfasının utanç verici bir 22 saniyede yüklendiğini keşfetti. Bu, çoğu sabırsız internet kullanıcısının bir sayfayı terk etmeden önce bekleyeceğinden 7 kat daha uzun - tam olarak %53.

Sayfanızın yüklenmesi 3 saniyeden fazla sürüyorsa, potansiyel müşterilerinizin yarısından fazlası, daha onlar görmeden ayrılıyor. Bu yeterince kötü değilmiş gibi, çalışma, bir sayfanın yüklenmediği her saniyeyle birlikte daha fazla ziyaretçinin geri döndüğünü buldu:

SOASTA'nın makine öğrenimi teknolojisinin yardımıyla, araştırmacılar yükleme süresi, sayfa ağırlığı (verilerdeki boyut) ve dönüşüm oranı arasında bir ilişki buldular. Temel olarak, “ağır” daha yavaş anlamına gelir. Spesifik olarak, bir sayfadaki öğe (metin, resim vb.) sayısı 400'den 6.000'e yükseldiğinde, bir ziyaretçiyi dönüştürme şansınız %95 düşer.

Sayfanız yavaş yükleniyorsa, sorunu tam olarak belirlemek her zaman kolay değildir. Metin miktarı ve resim sayısı bir bakışta fark edilebilir olsa da, aşırı JavaScript ve çok fazla yönlendirme gibi sorunlar fark edilmez.

Neyse ki, sayfanızın yüklenme süresini tam olarak neyin yavaşlattığını bulmak için kullanabileceğiniz ücretsiz bir araç var.

Google PageSpeed ​​Insights nedir?

Google PageSpeed ​​Insights, bir web sayfasının hızını hızlı ve kolay bir şekilde test etmenizi sağlayan bir araçtır.

Bir URL girip "Analiz et"e basmak, iki parametreye dayalı olarak o web sayfasını neyin yavaşlattığına dair ayrıntılı bir rapor ve nasıl düzeltileceğine dair önerilerle birlikte hızlı bir şekilde size ulaştırır.

• Parametre 1: Ekranın üst kısmındaki yüklemeye kadar geçen süre. Bu, bir kullanıcı yeni bir sayfa talep ettikten sonra sayfanın içeriği ekranın üst kısmında görüntülemesi için geçen süredir.

• Parametre 2: Tam sayfa yükleme süresi. Bu, bir kullanıcı istedikten sonra bir tarayıcının bir sayfayı tam olarak oluşturması için geçen süredir.

Google'a göre şöyle çalışıyor:

Page Speed ​​Insights, mobil cihazlar ve masaüstü cihazlar için bir sayfanın performansını ölçer. URL'yi bir kez mobil kullanıcı aracısıyla ve bir kez masaüstü kullanıcı aracısıyla olmak üzere iki kez getirir.

PageSpeed ​​Insights Puanı 0 ile 100 puan arasında değişir. Daha yüksek puan daha iyidir ve 85 veya üzeri puan sayfanın iyi performans gösterdiğini gösterir.

Ancak, insanlar bir sayfanın anında yüklenmesini beklediğinde "iyi" yeterince iyi midir? Her saniyenin önemli olduğu zamanlarda değil. Mümkün olduğunca yüksek puan almak için yapmanız gerekenler:

Yüksek bir Google PageSpeed ​​Insights puanı elde etme

Raporunuzda çok fazla kırmızı ve sarı görüyorsanız, bunun nedeni sayfanızda göze çarpan bazı yükleme sorunları olmasıdır.

Araç bu sorunları size bildirecektir, ancak hata mesajlarını anlamak biraz zor olabilir. Görmeyi bekleyebilecekleriniz ve nasıl düzeltileceği aşağıda açıklanmıştır:

1. Tıklama sonrası açılış sayfası yönlendirmelerinden kaçının

Sayfanız duyarlı bir şekilde tasarlanmadıysa, sonuç, farklı cihazlar için optimize edilmiş sayfalara bir dizi yönlendirme olabilir. Google'a göre bazı yaygın yönlendirme kalıpları:

• example.com duyarlı web tasarımı kullanır, yönlendirme gerekmez - hızlı ve optimum!
• example.com → m.example.com/home – mobil kullanıcılar için çoklu gidiş-dönüş cezası.
• example.com → www.example.com → m.example.com – çok yavaş mobil deneyim.

Bir kullanıcının her yeniden yönlendirilmesi gerektiğinde, sayfa oluşturma durur ve bu da sayfanızın yükleme süresine değerli saniyeler ekler. Sayfalarınızı duyarlı tasarımla oluşturarak yeniden yönlendirmelerden tamamen kaçının - potansiyel müşteriniz hangi cihazda olursa olsun kaliteli kullanıcı deneyimi sağlayan bir yöntem.

(Tüm Instapage şablonları duyarlıdır, bu nedenle kullanıcınızın yakınlaştırmak için hiçbir zaman çimdiklemesi gerekmez.)

2. Sıkıştırmayı etkinleştir

Günümüz tarayıcıları, internet kullanıcılarına bir sayfanın daha küçük bir alternatif versiyonunu sunabilmektedir. Sıkıştırıcı gzip etkinleştirildiğinde, bu sayfaların boyutu %90 küçülebilir.

Daha İyi Açıklama adlı web sitesinde Khalid Azad, gzip'in HTTP istek ve yanıt sürecini nasıl optimize ettiğini açıklamak için harika bir iş çıkarıyor:

Sıkıştırma etkinleştirildiğinde, süreç daha çok şöyle görünür:

Tarayıcı, kullanıcıya tam sayfa sunmak yerine, zamanın çok kısa bir sürede yüklenen katlanarak daha küçük sıkıştırılmış bir sürüm getirebilir. Burada gzip ile optimizasyon hakkında daha fazla bilgi edinin.

3. CSS, HTML, JavaScript'i küçültün

"Küçültme", sayfanın tarayıcı tarafından nasıl işlendiğini etkilemeden gereksiz veya gereksiz verilerin kaldırılması anlamına gelir. Kötü kodlama bu sorunun nedeni olabilir ve birkaç farklı şekilde düzeltilebilir.

Google, sayfanızın kaynak kodunu manuel olarak incelemenin dışında aşağıdaki kaynakları denemenizi önerir:

• HTML'yi küçültmek için HTML küçültücü.
• CSS'yi küçültmek için CSSNano ve csso.
• JavaScript'i küçültmek için UglifyJS2 ve Kapatma Derleyicisi.

Diğer bir seçenek de, elbette, reklam çerçeveleri için Google'ın AMP ve AMP'sinden yararlanmaktır. Her iki program da geliştiricilerin HTML, CSS ve JavaScript'in sadeleştirilmiş bir sürümüyle sayfalar oluşturmasına olanak tanır. Sonuç, saniyenin çok kısa bir bölümünde yüklenen sayfalar ve reklamlardır.

4. Ekranın üst kısmındaki içeriğe öncelik verin

Bu garip görünse de, sayfa yükleme süresi yalnızca sayfanızın ne kadar hızlı yüklendiğiyle ilgili değildir. Aynı zamanda “algılanan performans” ile de ilgilidir. KeyCDN'den Brian Jackson şöyle açıklıyor:

Algılanan performans, basitçe “web siteniz yüklendiğinde ne kadar hızlı hissediyor?” şeklinde tanımlanabilir. Bu, web sitenizin gerçekte ne kadar hızlı yüklendiğinden biraz farklı olabilir. Algılanan performans, bir web sitesi hız testi aracından değil, kullanıcının bakış açısındandır.

Algılanan performansı artırmak için, kullanıcı için önemli olan içeriğin yüklenmesine öncelik vermek çok önemlidir. Örneğin, bir sayfanın ekranın üst kısmındaki metni, üçüncü taraf widget'larından önce yüklenmelidir.

Ancak kod yanlış yapılandırıldığında, sonuç, kullanıcının zihninde algılanan performans düşebilir. Sayfanızda yüklenecek son öğeler, kullanıcının görmek için tıkladığı öğelerse, sayfa daha uzun yükleniyormuş gibi hissedecektir .

5. Sunucu yanıt süresini hızlandırın

Sunucu yanıt süresi - sunucunuzun bir kullanıcı için bir sayfanın içeriğini yüklemeye başlaması için geçen süre - Google'a göre bir dizi faktöre göre yavaşlayabilir:

• Veritabanı sorguları
• Yavaş yönlendirme
• çerçeveler
• Kütüphaneler
• Kaynak CPU açlığı
• hafıza açlığı

Raelene Morey'nin web sitesi için kötü barındırma, büyük bir hız katiliydi. Okuyucuları uyarıyor:

Sınırsız sayfa görüntüleme ve sınırsız alana sahip, aylık 3,95 ABD dolarına planlar sunan ucuz bir web barındırma, pazarlık gibi görünebilir, ancak takas genellikle düşük site hızları ve yüksek trafik dönemlerinde sık sık kapalı kalma süresidir.

Sitenizin ışık hızında olmasını ve sitenizin iyi performans göstermesini istiyorsanız, iyi bir web barındırıcısına yatırım yapmanız gerekir. Sitenizin gerçekten hızlı olmasını istiyorsanız, paylaşılan bir sunucuda olmayan barındırma paketlerine bakmak isteyebilirsiniz.

WP Engine'e karar vermeden önce çok sayıda ana bilgisayarı test etti ve bu, Google'ın önerdiği 200 ms'nin altındaki sunucu yanıt süresine ulaşmasına yardımcı oldu. Aynısını yapmayı veya mevcut web barındırma paketinizi daha yetenekli bir plana yükseltmeyi düşünün.

6. Oluşturmayı engelleyen JavaScript'i kaldırın

JavaScript, diğer şeylerin yanı sıra bazı güçlü üçüncü taraf araçlara ve etkileşimli sayfa öğelerine olanak tanır. Bununla ilgili sorun, HTML kodunun ayrıştırılmasını da durdurmasıdır.

"Oluşturmayı engelleyen JavaScript'i ortadan kaldır" şeklinde bir hata mesajı görmeniz, sayfanızın üst kısmındaki bölümü için yükleme işlemini duraklatan bir JavaScript kodu parçası olduğu anlamına gelir. Özellikle üçüncü taraf komut dosyalarının bu sorundan sorumlu olması muhtemeldir. Bunu üç şekilde ele alın:

• Yükleme işlemi için çok önemli olmayan komut dosyaları bilerek geciktirilmelidir - sayfa tamamen oluşturulduktan sonra getirilmeli ve yürütülmelidir.

• Eşzamansız olarak yüklenen komut dosyaları, eşzamanlı olarak yüklenenler yerine kullanılmalıdır. Eşzamanlı komut dosyaları, sayfa oluşturma işlemini duraklatır, eşzamansız olanlar, bir tarayıcının aynı anda diğer öğeleri yüklemesine izin verir.

• Tarayıcınızın yapması gereken istek sayısını azaltmak için komut dosyasını satır içine almayı düşünün - küçük harici JavaScript kaynaklarını doğrudan HTML belgenize ekleyin -.

7. Tarayıcı önbelleğinden yararlanın

Bir kullanıcı için bir sayfa tamamen yüklenmeden önce bir sunucu ve tarayıcı arasında birden çok istek alabilir. Zaman söz konusu olduğunda, her biri toplanır.

Önbelleğe alma, tarayıcınızın bir bakıma, son yüklenen belirli öğeleri (başlık, gezinme, logo vb.) "hatırlamasına" olanak tanır. Tarayıcı ne kadar çok öğe önbelleğe alabilirse, kullanıcı yaptığı anda yüklemesi gereken öğe o kadar az olur. istek ve sonuç olarak, bir sayfa daha hızlı yüklenir.

Google, minimum bir haftalık önbelleğe alma politikası önerir ve büyük ölçüde değişmeyen öğeler için bir yıl tercih edilir.

8. Görüntüleri optimize edin

Bir blog gönderisinde, Google test kullanıcıları, resimlerin sayfa hızına yönelik oluşturduğu tehdit konusunda özellikle uyardı. "Favicons, logolar ve ürün resimleri gibi grafik öğeler, bir sayfanın toplam ağırlığının üçte ikisini kolayca oluşturabilir" dediler.

Bu olduğunda, sayfa yükleme süresi ve özellikle dönüşüm oranı üzerindeki etkisi çok büyüktür. Araştırmaya göre, ziyaretçileri dönüştüren sayfalar, yapmayanlara göre %38 daha az resim içeriyordu:

Neyse ki, görüntüleri optimize etmek kolaydır. PNG'nin bir JPEG resim dosyasıyla değiştirilmesi, sayfa boyutunuzu ve yükleme sürenizi kolayca kaydedebilir. Google'ın Guetzli ve Zopfli gibi görüntü sıkıştırıcıları da öyle.

Ancak bunları kullanmadan önce, sayfanıza eklediğiniz tüm resimlere gerçekten ihtiyacınız olup olmadığını kendinize sorun. Gerçekten değer katıyorlar mı yoksa onlarsız yapabilir miydiniz? Cevap ikincisiyse, veriden ve zamandan tasarruf etmek için bunları tamamen atın.

Google PageSpeed ​​Insights ile nerede olduğunuzu görün

Google PageSpeed ​​Insights puanınız nedir? Önerilen 85+'a ulaştınız mı?

Bu eşiğe ulaşmak için, tıklama sonrası açılış sayfası deneyimini optimize etme kılavuzumuza bakmanızı öneririz:

Ardından, daha iyi bir kullanıcı deneyimi sunmaya ve tıklama sonrası açılış sayfasını iyileştirmeye başlayın.

Bugün bir Instapage Enterprise demosu için kaydolun.