Sayfa Yükleme Hızı Site Görünürlüğünü Nasıl Etkiler ve Artırma İpuçları

Anahtar kelimeleriniz ve sayfa tasarımınız gibi arama motoru optimizasyonu (SEO) stratejinizin "somut" yönlerine mi odaklanıyorsunuz? Sayfa yükleme süreniz ne durumda? Google'ın web sitesi yükleme hızını önemli bir sıralama faktörü olarak gördüğünü biliyor muydunuz?

Yavaş yükleme hızı, işletmenizi çeşitli şekillerde etkileyebilir. En önemli olanlardan ikisi, sıralamanız ve dönüştürme yeteneğinizdir. Site sunucunuzun yanıt süresi iki saniyeden daha yavaş olduğunda, Google sitenizi ziyaret eden tarayıcıların sayısını azaltır .

Bundan yola çıkarak, sayfa yükleme hızının farklı site parametrelerini nasıl etkilediğine daha yakından bakalım.

Sayfa Yükleme Hızının Görünürlüğünüzü Etkileyen 5 Yolu

1. Kullanıcı Deneyimini Etkiler

Bugün, kullanıcılar kötü web sitesi performansı için hiçbir mazereti kabul etmeyecekler. Ve bir sitenin yükleme hızı konusunda son derece titizdirler.

Gerçeklere inanılacak olursa, kullanıcıların yüzde 47'si bir sayfanın iki saniye içinde yüklenmesini bekliyor. Bu arada raporlar, yükleme süresi üç saniyeyi aşarsa ziyaretçilerin yüzde 75'inin hemen çıktığını (sayfadan ayrıldığını) gösteriyor.

Bu da bize sayfa yükleme süresindeki her saniye gecikmenin önemli bir müşteri kaybına neden olduğunu söyler.

Bir Think With Google araştırması, hemen çıkma oranının (siteyi yalnızca bir sayfaya ulaştıktan sonra terk eden ziyaretçilerin yüzdesi) sayfa yükleme süresindeki artışla birlikte arttığını gösteriyor. Artan hemen çıkma oranı, genel kullanıcı katılımını ve etkileşim metriklerini de etkiler.

2. Çevrimiçi Görünürlük ve SEO Üzerinde Doğrudan Etkisi Vardır

2018'de mobil cihazlar, toplam web sitesi trafiğinin yüzde 53'ünden fazlasını oluşturuyordu. Ve aynı yıl, Google resmi olarak mobil sayfa hızını bir sıralama faktörü olarak tanıttı. O zamandan beri, sayfa yükleme hızı çok daha önemli hale geldi.

Google birkaç yıl önce mobil öncelikli dizine eklemeye odaklanacağını açıkladığında, işletmelerin sitelerini mobil cihazlar için optimize etmekten başka seçeneği yoktu. Zayıf mobil performansa sahip siteler o zamandan beri arama motoru sonuç sayfasında (SERP'ler) aşağı indi.

Basitçe söylemek gerekirse, mobil sayfa hızınız standart değilse, üst sıralara çıkmanız neredeyse imkansızdır.

3. Satış ve Dönüşümlerde Düşüşe veya Artışa Neden Olur

Sayfa yükleme sürenizdeki bir saniyelik gecikmenin dönüşümleri yüzde 7 oranında azalttığını biliyor muydunuz?

Siteniz düşük performansla boğuşuyorsa, bundan kurtulmanın bir yolu yoktur – önemli miktarda satış kaybedersiniz. Düşük site hızı nedeniyle artan hemen çıkma oranı, zaten çok sayıda potansiyel müşteriyi uzaklaştırır ve ziyaretçileri dönüştürme şansınızı en aza indirir.

Amazon, sayfa yükleme hızının satışları üzerindeki etkisini araştırdı. Sitelerinin yükleme süresinin bir saniye artması durumunda şirketin yılda 1,6 milyar gelir kaybedebileceğini belirledi. Search Engine Journal'dan alınan veriler ayrıca tüketicilerin yüzde 70'inin site hızının satın alma kararları üzerinde önemli bir etkiye sahip olduğuna inandığını bildiriyor.

Bu nedenle, sitenizin hızını optimize ederek sıralamalarda, dönüşümlerde ve nihayetinde satışlarda makul bir büyüme bekleyebilirsiniz.

4. Müşteri Sadakatini Riske Atıyor

Yukarıda altını çizdiğimiz noktaları yeniden ele alalım: Yavaş sayfa yükleme hızı tüketicileri uzaklaştırır ve dönüşüm oranlarının düşmesine neden olur.

Bunlara ek olarak, müşterilerin kötü bir kullanıcı deneyimi (UX) sunan bir siteyi tekrar ziyaret etme olasılığı daha düşüktür. Bu nedenle, yavaş bir web sitesi hızı, müşteri sadakatini de etkiler.

Aslında HubSpot , bir sitenin düşük performansından memnun olmayan müşterilerin yüzde 80'inin o siteden bir daha alışveriş yapmayacağını söylüyor, bu da yavaş yüklenen sayfaların tekrarlanan siparişlerinizi önemli ölçüde azalttığını kanıtlıyor. Yavaş bir sayfa, geliri büyük ölçüde tekrarlanan satışlara bağlı olan e-ticaret siteleri için özellikle zor bir kayıptır.

Ayrıca, Akamai tarafından yapılan araştırma, işletmeler için önemli bir endişeyi daha ortaya çıkardı: Memnun olmayan ziyaretçilerin yüzde 40'ı, olumsuz deneyimlerini ilgili kişilerle paylaşıyor. Bu olumsuz sosyal kanıtın genel dönüşümleri ve müşteri sadakatini etkilemesi muhtemeldir.

5. Sitedeki Organik Trafiği Etkiler

Düşük bir site hızı yalnızca SERP'lerde daha düşük sıralamalara yol açar. Bu aynı zamanda sitenize daha az organik trafik anlamına gelir. Google'daki ilk beş sıralamanın toplam organik tıklamaların yüzde 67,6'sını aldığını biliyor muydunuz ?

Yüklemeniz idealden azsa, zaten önemli miktarda organik trafik kaybediyorsunuz demektir. Bu arada, mobil sayfa hızı optimize edilmezse, potansiyel müşterilerinizin yüzde 50'sini oluşturan mobil trafiği kaybedersiniz.

İdeal Sayfa Yükleme Hızı Nedir?

2015'te Mobilegeddon Güncellemesinin kullanıma sunulmasından bu yana, işletmeler odak noktalarını sayfa yükleme süresine çeviriyor. Ayrıca, mobil uyumluluğa ve mobil sayfa hızına daha fazla zaman ve çaba harcıyorlar .

Ancak soru şu: İdeal sayfa yükleme hızı nedir veya ne kadar hızlı yeterince hızlıdır?

Google'a göre, hem masaüstü hem de mobil cihazlar için önerilen sayfa yükleme süresi üç saniyeden azdır . Ancak mobil cihazlardaki tüm sitelerde ortalama sayfa yüklenme süresi şu anda 22 saniyedir. Screaming Frog, Google'ın PageSpeed ​​değerlendirmesini geçip geçmediklerini kontrol etmek için 20.000 URL'yi inceledi . Mobil sonuçların yalnızca yüzde 12'sinin ve masaüstü sonuçlarının yüzde 13'ünün testi geçtiğini buldu.

Ayrıca, kullanıcıların e-ticaret web sitelerinden daha hızlı yükleme süresi beklediğini de göz önünde bulundurmalısınız. Google'dan Maile Ohye, bir Google Web Yöneticisi videosunda e-Ticaret sayfasının yüklenme hızından bahsediyor . “E-Ticaret web sitesinin kabul edilebilirliği için iki saniye eşiktir. Google'da yarım saniyenin altında hedefliyoruz."

Şimdi, yarım saniye gerçekçi görünmeyebilir. Ancak, bir e-Ticaret sitesi sahibiyseniz, en fazla üç saniyenin altında bir sayfa yükleme hızı hedeflemelisiniz. Bu kıyaslama hem mobil hem de web cihazları içindir.

En Son Güncelleme: Önemli Web Verileri

Google, UX söz konusu olduğunda çevrilmemiş hiçbir taş bırakmak istemez. İşte bu yüzden yakın zamanda Önemli Web Verilerini önemli bir sıralama faktörü olarak kaydetti .

Diğer önemli UX sinyalleriyle uyumlu olan bu Önemli Web Verileri artık sıralamayı etkiliyor. En Büyük İçerikli Boyama (LCP) adı verilen ölçümlerden biri de sayfa yükleme hızıyla ilgilidir.

LCP, bir sayfadaki en büyük içerik öğesini oluşturmak için geçen süreyi ifade eder. Bu bir resim, video veya başka herhangi bir öğe olabilir.

Google'a göre, bir sayfadaki ideal En Büyük İçerikli Boyama 2,5 saniyeden az veya en fazla 2,5 saniyedir. 2,5 ila 4 saniye arasındaki her şey iyileştirme gerektirir ve bunun ötesindeki herhangi bir şey zayıf olarak kabul edilir.

Sayfa Yükleme Hızını Artırmak İçin Teknik İpuçları

Bir İçerik Dağıtım Ağı Kullanın

Web sitesi yükleme süresini azaltmak için en iyi uygulamalardan biri, bir içerik dağıtım ağı (CDN) kullanmaktır. Bir CDN, site yükleme süresini yüzde 20'den yüzde 51'e düşürmenize yardımcı olabilir .

Geleneksel bir kurulumda, tüm web sitenizi tek bir sunucuda barındırırsınız. Ve bu sunucu, site kullanıcılarının tüm isteklerini işler. Artık siteniz yüksek trafik aldığında, istek sayısı önemli ölçüde artar. Bu da sunucunuzdaki yükü artırır. Sonuç olarak, istek işleme süresi artar, dolayısıyla sayfa yükleme süresi gecikir.

Ayrıca, bir kullanıcı fiziksel olarak sunucu konumundan uzakta olduğunda, daha yüksek bir sayfa yükleme süresi yaşar. Bunun nedeni, verilerin yükleme süresini artırarak daha büyük bir mesafe kat etmesi gerektiğidir.

Bir CDN bu zorlukları çözebilir. CDN'ler, web sitenizi küresel bir sunucu ağında barındırarak çalışır. Artık bir kullanıcı bir istek gönderdiğinde, veriler bulundukları yere en yakın sunucudan yönlendiriliyor.

Ayrıca, dosyalarınız birkaç sunucuda önbelleğe alındığından, bu, bant genişliğinden yüzde 60'a kadar tasarruf sağlar. Artık tek bir sunucunun tüm istekleri işlemesi gerekmiyor.

HTTP İsteklerinin Sayısını Azaltın

Bir kullanıcı bir sayfa istediğinde, her sayfa bileşeni için bir HTTP isteği gönderilir. Yahoo , web sunucularının bu bileşenleri indirirken sayfa yükleme süresinin yüzde 80'ini kullandığını bildiriyor. Bunlar, sayfa resimlerinizi, komut dosyalarınızı, medyanızı, stil sayfalarınızı vb. içerir. Bu nedenle, çok sayıda sayfada bileşen varsa sayfa oluşturma süresi artar.

Peki, sayfa bileşenlerinin sayısını ve her birinin yüklenmesi için geçen süreyi nasıl kontrol edebilirsiniz?

Chrome kullanıcıları şu adımları izleyebilir:

Not: HTTP isteklerinin sayısını kontrol etmek için Chrome tarayıcının Geliştirici Araçlarını kullanın.

• Sayfanıza sağ tıklayarak “İncele” sekmesini takip edin.
• Sol kenarlığı sürükledikten sonra bulacağınız "Ağ" sekmesine tıklayın.
• Burada, "Ad" sütunu tüm sayfa bileşenlerini gösterir.
• "Boyut" sütunu, ilgili her bir bileşenin boyutunu listeler.
• Her yükleme için geçen süreyi "Zaman" sütunundan da kontrol edebilirsiniz.
• Toplam istek sayısı sol alt köşede görünür.

Artık kullanışlı olmayan öğeleri ve yüklenme sürelerini kontrol edebilirsiniz.

Ayrıca HTTP isteklerinin sayısını da azaltmanız gerekir. Bunu yapmanın bir yolu, web sayfası dosyalarını küçültüp birleştirmektir. Bir sonraki noktada nasıl olduğunu öğrenin.

HTML, CSS ve JavaScript'i Küçültün ve Birleştirin

HTML, CSS ve JavaScript dosyalarınız, sitenizin görünümünü ve işlevselliğini oluşturur. Ve bu dosyalar HTTP isteklerinin önemli bir bölümünü oluşturur. Bu nedenle, HTTP isteklerinin sayısını azaltmak istediğinizde, sayfa dosyalarını küçültmeniz gerekir.

HTML, CSS ve JavaScript dosyalarını küçültmek, boyutlarını önemli ölçüde azaltır. Bu işlem, bu dosyaların daha hızlı yüklenmesini sağlar. Ayrıca, kodda fazladan beyaz boşluklar, girintiler ve biçimlendirmeler var, bu da sayfayı ağırlaştırıyor.

Sayfanızı küçültmek, tüm bu gereksiz öğeleri kaldırmanıza ve sayfayı daha yalın hale getirmenize yardımcı olur.

Şablon tabanlı bir web siteniz olduğunda daha da önemli hale gelir. Şablon tabanlı web sitelerinin geliştirilmesi daha kolaydır, ancak site performansını yavaşlatan dağınık kod parçaları sunabilirler.

Küçültme, bu sorunları çözmenin ve kod dosyası boyutunu küçültmenin doğru yoludur. Küçültmenin yanı sıra, toplam dosya sayısını azaltmak için bu dosyaları birleştirmeniz de gerekir. Dolayısıyla, birden fazla CSS ve JavaScript dosyanız varsa, bunları tek bir dosyada birleştirebilirsiniz. WordPress sitenize güç veriyorsa, WP Minify eklentisini veya WP Rocket eklentisini kullanabilirsiniz.

Tüm bu araçlar, HTML, CSS ve JavaScript dosyalarını kolaylıkla küçültmenize ve birleştirmenize yardımcı olacaktır.

Tarayıcı Önbelleğe Alma İçin Expires Header Eklemeyi Unutmayın

Tarayıcılar, sayfa dosyalarınızın önemli bir bölümünü önbelleğe alabilir. Bunlar, resimlerinizi, JavaScript dosyalarınızı, dinamik öğelerinizi vb. içerir.

Tarayıcı önbelleğini etkinleştirerek, tarayıcınızın önbellekte bir sayfa depolamasına izin vermiş olursunuz. Böylece bu sayfayı tekrar ziyaret ettiğinizde, HTTP istekleri göndermeden önbellekten yüklenir.

Siteniz için tarayıcı önbelleğinden yararlanmanın bir yolu, "süre sona eriyor" başlığını eklemektir.

"Expires" başlığı, web tarayıcısına önbellekten bir sayfa yüklemesini söyler. Bu nedenle, "sona erme" başlığı yalnızca sitenizi daha önce ziyaret etmiş kullanıcılar için çalışır. Ayrıca sayfanızın önbelleklerinde saklanması gerekir.

Bu kullanıcı sitenizi tekrar ziyaret ettiğinde, "süresi doluyor" başlığı, tarayıcıya sayfanın önbelleğe alınmış sürümünü yüklemesi talimatını verir.

Artık birçok sayfa bileşeni önbellekte olduğundan daha hızlı yüklenir. Ve tarayıcı yalnızca birkaç sayfa bileşeni talep ederek sayfa yükleme süresinin kısalmasına neden olur.

Tarayıcı önbelleğe alma, sayfa yükleme hızını daha da artıran HTTP isteklerinin sayısını azaltır.

Eşzamansız Yükleme Kullanın

CSS ve JavaScript dosyalarının yüklenme şeklini seçerek sayfa yükleme hızınızı artırabilirsiniz. CSS ve JavaScript dosyaları eşzamanlı ve eşzamansız olarak yüklenir ve web sayfalarınıza nasıl yüklenmelerini istediğinize karar verebilirsiniz.

Kelimeden de anlaşılacağı gibi, betikler eşzamanlı olarak yüklendiğinde birbiri ardına yüklenirler. Ve her komut dosyası, sayfadaki konumuna göre bir yükleme sırasını takip eder. Öte yandan, eşzamansız olarak yüklenirken birden çok komut dosyası aynı anda yüklenebilir.

Tarayıcınız bir sayfa yüklediğinde, yukarıdan aşağıya bir yükleme modeli izler.

Örneğin:

• Tarayıcı senkronize bir CSS veya JavaScript dosyasıyla karşılaşırsa, daha fazla ilerlemeden önce dosyayı tamamen yükler. Bu sıra, yükleme sürecini yavaşlatır.
• Bu sırada eşzamansız bir dosyayla karşılaşırsa, aynı anda başka bir öğeyi yüklemeye başlar. Bu nedenle, bir öğenin daha fazla ilerlemeden önce yüklenmesini beklemesi gerekmez.

Bu bize, daha hızlı yükleme süreleri elde etmek için zaman uyumsuz olarak yüklemek üzere CSS ve JavaScript dosyalarınızı seçmeniz gerektiğini söyler. Bir WordPress siteniz varsa, WP Rocket eşzamansız yüklemeyi etkinleştirmenize yardımcı olacaktır.

Site Resminizi Sıkıştırmak İçin WP Smush Kullanın

Görüntü optimizasyonu veya sıkıştırma, sayfa yükleme süresini azaltmak için çok önemlidir. Genellikle resim dosyaları büyüktür ve sayfa yükleme süresini geciktirirler. Ancak, görüntülerin kullanımını sınırlayamaz veya ortadan kaldıramazsınız. Resimler, özellikle bir e-ticaret sitesi için sitenizin kullanıcı deneyimi için çok önemlidir. Bir ankete göre, tüketicilerin yüzde 66'sı ürünü satın almadan önce en az üç ürün görseline ihtiyaç duyuyor.

WordPress web siteleri için site resimlerini sıkıştırmanın basit bir yolu, WP Smush eklentisini kullanmaktır . Bu eklenti, görüntüleri yüklerken sıkıştırmak için arka planda çalışır. Sonuç, kaliteden ödün vermeden azaltılmış görüntü boyutudur.

Sayfa Yüklenirken JavaScript Dosyalarını Ertele

JavaSscript dosyalarını ertelemek, sitenizdeki hemen çıkma oranını düşürmenin iyi bir yoludur. Diğer sayfa öğeleri yüklenene kadar JavaScript dosyalarının yüklenmesine öncelik verme işlemidir. JavaScript dosyaları genellikle büyüktür ve yüklenmeleri daha uzun sürer. Bunları erteleyerek, diğer sayfa öğelerinin herhangi bir gecikme olmaksızın daha hızlı yüklenmesini sağlarsınız.

WordPress site sahipleri , WP Rocket eklentisini kullanarak ertelemeyi kolayca etkinleştirebilir . "JS dosyalarını yükle ertelendi" seçeneğini işaretlemeniz ve değişiklikleri kaydetmeniz yeterlidir.

Bir HTML sitesi için, </body> etiketinin üzerinde harici bir JavaScript dosyası çağırın.

İşte burada! Sayfa hızınızı artırmak ve arama motorlarındaki görünürlüğünüzü artırmak için web siteniz için bu ipuçlarını uygulayın.