Online İşletmeler İçin Site Hızının Artan Önemi

Bu makalede, web siteniz ile ilgili sayfa hızı hakkında bilmeniz gereken her şeyi öğreneceksiniz:

  • Sayfa/site hızı nedir?
  • Sayfa/site hızı neden önemli?
  • Önemli sayfa hızı metrikleri
  • Sitenizin hızını nasıl ölçersiniz?
  • İyi bir sayfa yükleme hızı nedir?
  • Hız optimizasyonu için en iyi uygulamalar
  • Kısaca site hızı

Aşağıdaki bölümlerde bahsedilen bilgi ve stratejiler, TurboPak olarak bir ayda yüzlerce siteyi optimize etmemize yardımcı oluyor.

Hadi, başlayalım!

Sayfa Hızı Nedir

Sayfa Hızı Nedir?

Başka bir şeyle devam etmeden önce, genellikle birbirinin yerine kullanılan iki terimi açıklığa kavuşturmalıyım – “sayfa hızı” ve “site hızı”.

Sayfa hızı, tek bir sayfanın içeriğinin ne kadar hızlı yüklendiğinin ve etkileşimli hale geldiğinin bir ölçüsüdür.

Sayfa hızını ve nasıl ölçüldüğünü tam olarak anlamak için birkaç farklı durumu hesaba katmalıyız:

  • Birincisi, sunucunun tarayıcıya veri göndermesinin ne kadar sürdüğüdür. Bu adım çok uzun sürerse, bundan sonraki her şey olumsuz etkilenecektir. (İlk Bayta Kadar Geçen Süre)
  • İkincisi, tarayıcının bir sayfanın içeriğini istemci cihazlarda ne kadar hızlı işlediğidir. (İşleme Süresi)
  • Üçüncüsü, bir sayfanın ne kadar hızlı etkileşimli hale geldiğini izlemek önemlidir. (Etkileşim Zamanı)

Site hızı (“web sitesi hızı” olarak da bilinir), bir web sayfası koleksiyonunun hızını ifade eder.

Kısa not: Bu makale boyunca, her iki terimi de birbirinin yerine kullanacağım. Bilgiler ve önerilen uygulamalar, sayfa hızı optimizasyonuna odaklanmıştır; ancak bunlar tüm web sitenizi olumlu yönde etkileyecektir.

Web sitenizin tamamında harika bir kullanıcı deneyimi ve hızlı yükleme süreleri sağlamak önemlidir.

Ancak belirli sayfaları geliştirmeye odaklanmak hem müşteri hem de SEO açısından faydalı olacaktır.

Artık temel bilgileri öğrendiğinize göre, izlemeniz gereken en önemli sayfa hızı ölçümlerine geçelim.

Sayfa Hızı Site Hızı Neden Önemli

Sayfa Hızı / Site Hızı Neden Önemli?

Web sitenizin hızı, birçok insanın markanız hakkında “hissettiği” ilk şeydir.

Ve onlarla yavaş ve yanıt vermeyen bir web sitesiyle tanışırsanız, oradan sonra her şey yokuş aşağı gider.

İnsanlar ya hemen kaçacaklardır ya da daha uzun süre kalmayacaklardır.

Ama daha da büyük bir sorun var.

İlk kez gelen ziyaretçileri etkilemek için ikinci bir şansınız olmayacak. Bu sadece web’in doğasıdır.

İnsanların sürekli dikkati dağılmakla kalmaz, aynı zamanda başka seçenekleri de vardır.

Bir an sitenizdelerdir ve bir bakmışsınız Instagram’dalar.

İnternette potansiyel bir müşteriyi kaybetmek işte bu kadar kolay.

Ancak tüm bunlar size çok soyut geliyorsa, yavaş site hızının rakamlarla etkisine bir göz atalım:

  • Amazon, her 100 ms’lik gecikme için 141 milyar dolarlık çevrimiçi satışlarının %1’ini kaybeder.
  • BBC, her ek yükleme süresi için web sitelerinin ziyaretçilerinin %10’unu riske atar.
  • Ve Google, 0,5 saniyelik bir site hızı gecikmesinin %20 trafik düşüşüne neden olabileceğini söylemektedir.

Sayfa hızının ne kadar büyük bir etkisi olduğu neredeyse korkutucu bir şey.

Ancak hız ve dönüşüm oranı arasındaki ilişki birazdan tartışılacak önemli bir konudur.

Şimdi, site hızını artırmanın ne gibi faydaları olduğunu görelim.

En yanlış anlaşılanla başlayalım.

Site Hızı ve Arama Motoru Optimizasyonu (SEO)

Site hızı doğrudan bir sıralama faktörüdür. Bununla ilgili bir soru yok.

Fakat:

Bu, ilk önemli sıralama faktörü değil.

Web sitenizin organik sıralamasını kesinlikle iyileştirmek istiyorsanız, başlangıç noktası hız değildir.

Harika içerikle arama amacını karşılayın, harika sayfa içi SEO temellerine sahip olun ve kaliteli geri bağlantılar oluşturun.

Ancak o zaman SEO açısından site hızı konusunda endişelenmelisiniz.

Daha önemli sıralama faktörleri olsa da, hızın öneminin arttığı da inkar edilemez.

Son yıllarda Google, sıralama algoritmasına yeni kullanıcı deneyimi UX sinyalleri ekledi.

Ve Önemli Web Verileri’nin de eklenmesi, bu yönde bir başka önemli adımdır.

yavaş web sitesi daha kötü kullanıcı deneyimi ve Google sıralamaları anlamına gelir

Google’ın Önemli Web Verileri güncellemesini kullanıma sunma sürecini tamamladık (Ağustos 2021 sonu).

Bu, web sitenizi optimize etmeyi henüz düşünmediyseniz, bunu yapmanın zamanı geldiği anlamına geliyor.

Özetlemek gerekirse:

Site hızı, oradaki en önemli SEO faktörü değildir. Son derece hızlı bir web sitesine sahip olmak, SERP’de (Arama Motoru Sonuçları Sayfası) en üst sıralarda yer almanızı garanti etmez.

Ancak hızın organik sıralama değeri, Temel Web Verileri metriklerinden ikisi onu ölçtüğü için büyümekte.

Site Hızı ve Kullanıcı Deneyimi (UX)

Web sitenizi geliştirmek için bir şey seçmeniz gerekiyorsa, bu UX olmalıdır.

Dürüst olmak gerekirse, tüm gün SEO hakkında konuşabiliriz; ancak gerçek şu ki:

Kullanıcılar web sitenizi faydalı / ilgi çekici bulmuyorsa, hiçbir optimizasyon sizi kurtaramaz. Tüm kaynaklardan tonlarca trafik getirebilirsiniz ve yine de bu önemli değildir.

Olay şöyle:

Harika bir UX size yalnızca daha fazla dönüşüm sağlamaz. Bu günlerde gelmesi inanılmaz derecede zor olan marka sadakati de kazandırmakta.

Bu nedenle, UX’inizi geliştirmek, rakiplerinize karşı üstünlük kazanmanın kesin yoludur.

SEO’dan farklı olarak site hızı, ziyaretçilerinizin deneyimine önemli ölçüde katkıda bulunur. Aslında, eğlenceli bir web sitesi ile korkunç bir web sitesi arasındaki tek fark bu olabilir.

Bu durum yıllardır böyle.

Örneğin, 2017’de Google, mobil yükleme sürelerini araştırırken aşağıdaki sonuçları gördü:

google mobil web site ve hızı verisi

Bu sadece hemen çıkma oranları için geçerli değildir.

Ziyaretçilerinize harika bir kullanıcı deneyimi ve daha hızlı yükleme süreleri sağlamak, çoğu etkileşim metriğini iyileştirecektir – sayfa görüntülemeleri, sayfada geçirilen süre, ortalama oturum süresi, oturum başına sayfa sayısı, sayfa kaydırma/derinliği vb.

Ve ziyaretçileriniz web sitenizde ne kadar çok zaman harcarlarsa, müşteriye dönüşme şansları da o kadar yüksek olur.

Site Hızı ve Dönüşüm Oranları

Olay şu ki:

Site hızı, dönüşüm oranlarını etkilemeseydi, kimsenin umurunda olmazdı.

Google, Lighthouse ve PSI’ye milyonlar harcamazdı. Ve TurboPak himetimizi başlatmazdık.

Ancak site hızını artırmanın dönüşüm oranlarını hızla artırabileceği inkar edilemez. Ve bu hiç de abartı değil.

Tonlarca araştırma makalesi, A/B testi ve deneyler bu etkiyi yıllar içinde göstermiştir.

Ayrıca, sayfa hızının daha büyük oyuncular üzerindeki etkisini muhtemelen okumuşsunuzdur:

  • 2009’da Google ve Bing, bir saniyenin altındaki gecikmelerin arama sayısını ve kullanıcı başına geliri azalttığını bildirdi.
  • Aynı zamanda Amazon, her 100 ms’lik gecikmenin onlara satışlarda %1’e mal olduğunu söyledi.

Bugün web siteleri 2009’dakinden çok daha hızlı değil. Aslında, site hızının her yerde daha da kötüye gittiğini bile iddia edebilirsiniz.

Sebebi şu:

İnternet bağlantı hızları son birkaç yılda çok daha hızlı arttı. Ancak web sitesi yükleme süreleri iyileşmiyor.

Örneğin, son dört yıldaki ortalama onLoad süresi:

onload_time

Kaynak – HTTP Arşivi

Ve ortalama FCP:

first_contentful_paint

Gördüğünüz gibi, bağlantı hızlarının önemli ölçüde artmasına rağmen, ikisi de pek değişmedi.

Bu nedenle, site hızı ve dönüşümler hakkında her zaman daha fazla veri ortaya çıkıyor. Bu çok büyük bir sorun ve çoğu web sitesi bunu çözemez. Aslında, hala bir sorun olduğunun farkında bile değiller.

Ve işte umut ışığı:

Çoğu insan bunu görmezden geldiği için, hız sorununu çözen web sitesi sahipleri çok büyük sonuçlar alıyor.

Örneğin, bir müşterimiz web sitesini TurboPak ile hızlandırma hakkında şunları söyledi:

“Dönüşüm oranlarımızı önce ve sonra ölçtük ve birkaç hafta içinde artan kârlarla ilk hizmet yılını ödediğimiz sonucuna vardık. Bu, geliştirme ekibimizdeki tasarrufları bile kapsamıyor.”

İşte başka bir örnek:

NCC Grubu, müşterilerinden birinin ortalama sayfa yükleme süresini 850 ms azalttığında, aşağıdaki sonuçları gördü:

ncc group test sonuçları

Birçok çevrimiçi işletme için %7, kolayca kâr ve zarar arasındaki farktır.

Özellikle de rekabetin her zamankinden daha yüksek olduğu bir e-ticaret işletmesi için. Web sitenizi hızlandırmak, kesinlikle size önemli karlarla sonuçlanabilecek bir rekabet avantajı sağlayacaktır.

Kısacası, daha hızlı bir web sitesi = daha fazla dönüşüm. Bu kadar basit.

Önemli Sayfa Hızı Metrikleri

Önemli Sayfa Hızı Metrikleri

Web sitenizin hızını ölçmek için kullanabileceğiniz birçok ölçüm vardır.

İşte başlamanıza yardımcı olacak kontrol listesi.

Yükleme Hızı:

  • İlk Bayta Kadar Geçen Süre (TTFB), bir istemcinin tarayıcısının web sunucusundan yanıtın ilk baytını alması için geçen milisaniye sayısını ölçer.
  • İlk Boya (FP), tarayıcının sayfada herhangi bir şey oluşturmasının ne kadar sürdüğünü ölçer.
  • İlk Zengin İçerikli Boya (FCP), tarayıcının bir sayfadaki ilk DOM içeriği parçasını görselleştirmesi için geçen süreyi ölçer.
first contentful paint - FCP
  • En Geniş Zengin İçerikli Boya (LCP), ekranın üst kısmındaki en büyük içerik öğesinin yüklenmesi için geçen süreyi ölçer
largest contentful paint -LCP

Etkileşim & Kullanılabilirlik:

  • Etkileşim Süresi (TTI), bir kullanıcı geldikten sonra bir sayfanın tamamen etkileşimli hale gelmesi için geçen süredir.
  • Toplam Engelleme Süresi (TBT), Uzun Görevlerin (50 ms’den uzun tüm görevlerin) ana iş parçacığını engellediği süredir. Bir sayfanın tamamen duyarlı hale gelmeden önce ne kadar tepkisiz olduğunu gösterir.
  • İlk Giriş Gecikmesi (FID), tarayıcının bir sayfadaki ilk kullanıcı etkileşimine yanıt vermesi için geçen süredir. FID, tıklamalar veya dokunmalar gibi farklı eylemlerden sonraki gecikmeyi ölçer.

Tekrardan, bunlar web performansını izlemek için kullanabileceğiniz tek metrik değildir.

Ama yeni başlıyorsanız, fazlasıyla yeterli.

Site Hızınızı Nasıl Ölçersiniz

Site Hızınızı Nasıl Ölçersiniz?

Yeni başlıyorsanız, mevcut tüm araçlarla kafanız karışmak kolaydır.

Her biri size web performansınız hakkında benzersiz bir bakış açısı verebilir.

Ancak yeni başlayanlar için şu üç aracı tavsiye ederim:

  • PageSpeed Insights (PSI)
  • GTmetrix
  • WebPageTest

PSI, Temel Web Verileriniz hakkında size bilgi verir ve performansınızı iyileştirmeye yönelik bazı önerilerde bulunur.

turbopak web site hızlandırma

Ayrıca, Google’ın web sitenizi nasıl gördüğüne dair bir ön gösterimdir.

Özellikle Önemli Web Verileri sıralama faktörleri haline geldiğinde, kesinlikle gözünüz üzerinde olsun.

Ardından GTmetrix, PSI’da olmayan bir çok kullanışlı özellik ile birlikte gelir.

Örneğin, site hızınızı test etmek için bir sunucu bölgesi seçebilirsiniz. Ayrıca bir şelale grafiği ve sayfa yükleme videosu vardır.

turbopak web site hız artır

Tek dezavantajı, bazı harika özelliklerin ödeme gerektirmesidir.

Ancak ücretsiz sürüm o kadar çok şey yapar ki ücretli sürüme ihtiyacınız olmaz.

Son olarak, WebPageTest, bazı muhteşem özelliklere sahip başka bir harika araçtır.

En önemlisi, farklı bölgelerde, cihazlarda ve tarayıcılarda tek vuruşta test yapmanızı sağlar.

GTmetrix de bu seçeneklere sahiptir; ancak simüle edilmiş cihaz testleri ücretlidir.

Önemli: Site hızınızı test ederken, gerçek kullanıcılardan toplandıkları ve sitenizdeki deneyimlerini temsil ettikleri için saha metriklerine (saha verileri) odaklanmak çok önemlidir. Laboratuvar metrikleri de yararlıdır, ancak bazen sizi sitenizin performansının harika olmadığı halde harika olduğuna inanmanız konusunda yanıltabilirler. Bazı metrikler (FCP ve LCP gibi) laboratuvarda ve sahada ölçülebilir. Diğerleri (FID gibi) yalnızca saha ölçümleridir. Web sitenizin trafiği arttıkça, dikkatinizi laboratuvar verilerinden saha verilerine kaydırmalısınız.

İyi Bir Sayfa Yükleme Süresi Nedir

İyi Bir Sayfa Yükleme Süresi Nedir?

Birçoğunun sayfa hızı için kullandığı standartlar, Geoff Kenyon tarafından yürütülen araştırmalardan gelmektedir.

Çalışmasında, web sitesinin hızını web’in geri kalanıyla karşılaştırıyor.

Sonuçlar şunu gösteriyor:

  • Siteniz 5 saniyede yüklenirse, web’in yaklaşık %25’inden daha hızlıdır
  • Siteniz 2,9 saniyede yüklenirse, web’in yaklaşık %50’sinden daha hızlıdır
  • Siteniz 1,7 saniyede yüklenirse, web’in yaklaşık %75’inden daha hızlıdır
  • Siteniz 0,8 saniyede yüklenirse, web’in yaklaşık %94’ünden daha hızlıdır

Bu araştırmanın 2011 yılında yapıldığını belirtmekte fayda var.

Aradan on yıldan fazla zaman geçmesine rağmen, web sitesi sahipleri hala sayfa hızına çok fazla dikkat etmiyorlar.

Ve Backlinko tarafından yapılan son araştırma bunun somut bir kanıtı. Araştırmada ekibi, 5 milyon masaüstü ve mobil sayfayı analiz etti ve şu sonuçlara vardı:

“Bir web sayfası için ortalama sayfa yükleme hızı, masaüstünde 10,3 saniye ve mobilde 27,3 saniyedir. Ortalama olarak, sayfaların mobil cihazlarda yüklenmesi masaüstüne göre %87,84 daha uzun sürer.”

Masaüstünde 10,3 saniye ve mobilde 27,3 saniye – bu, web sitenizi optimize edip yükleme süresini 3 saniyenin altına düşürürseniz büyük bir rekabet avantajınız olacağı anlamına gelir.

Ancak, birazdan okuyacağınız şey, şu ana kadar öğrendiğiniz her şeyle biraz çelişkili gelebilir.

Bana yüklenmeyin!

Bazı durumlarda, tüm çabalarınızı sayfa yükleme sürenizden yarım saniye düşürmeye odaklamak buna değmeyebilir.

Örneğin, web sitenizin hız ölçümleri, içeriğinizin işlenmesinin ortalama 5 saniye sürdüğünü göstermekte. O sebeple biraz optimizasyon yapmaya karar verdiniz ve işleme süresini başarıyla 4,5 saniyeye düşürdünüz.

Sayfa hızı optimizasyonlarını çalıştırmanın ne kadar zor olduğu düşünüldüğünde, saniyenin yarısı büyük bir gelişmedir (güven bana, bunu biliyoruz).

Ancak, ziyaretçilerinizden web sitenizin eskisinden daha hızlı hissetmediğini söyleyen olumsuz geri bildirimler alıyorsunuz.

Ama neden?

Ve işte açıklama geliyor – Weber-Fechner Yasası (“%20 Kuralı” olarak da bilinir).

%20 kuralı, kullanıcıların zaman süresinde zar zor bir fark görmeleri için en az %20 oranında değiştirilmesi gerektiğini belirtir.

Bu da bizi algılanan yükleme süresi kavramına götürür.

Algılanan yükleme süresi (“Algılanan performans” olarak da bilinir), kullanıcıyı bir sitenin gerçekte olduğundan daha hızlı yüklendiğini düşünmesi için kandırır.

Yukarıda bahsedilen örnekte, sayfanızın gerçek yüklenme süresini iyileştirdiniz. Ancak değişiklikler, kullanıcıyı daha hızlı yükleme süresi yaşadıklarına ikna etmedi.

Kullanıcıların daha hızlı yükleme süresi yaşadıklarını düşünmelerini sağlamanın bir yolu, oluşturmayı engelleyen kaynakların yüklenmesini geciktirmektir.

Bu, tarayıcının ekranın üst kısmındaki metin ve resimlerin oluşturulmasına öncelik vermesini sağlayarak ziyaretçilerin içeriği hemen görmelerini sağlar.

ekran üst kısmı içeriği

Algılanan performans, her zaman kullanıcı deneyiminin çok önemli bir yönüdür ve gerçek hızlı yükleme sürelerine sahip olmanın harika bir eklentisidir.

Hız Optimizasyonu için En İyi Uygulamalar

Hız Optimizasyonu için En İyi Uygulamalar

Farklı teknikler ve bunların nasıl uygulanacağı hakkında ayrıntılara girmeyeceğim.

Hız optimizasyonu için farklı yöntemleri ayrıntılı olarak açıklayan özel bir makalemiz var.

İşte en başından uygulayabileceğiniz optimizasyonların bir listesi:

  • İyi Barındırma Planı – Donuk barındırmayı hiçbir optimizasyon telafi edemez. Bu nedenle, web sitesi performans optimizasyonuna geçmeden önce kaliteli bir barındırma planına yatırım yapın. İhtiyaçlarınıza ve bütçenize bağlı olarak, paylaşılan bir barındırma planıyla başlayabilir ve daha sonra bulut barındırma, VPS veya özel sunucu gibi özel bir çözüme ölçeklendirebilirsiniz.
  • Önbelleğe Alma – Önbelleğe alma, web performansı optimizasyonu için temel tekniklerden biridir. Önbelleğe alma, web sitesi dosyalarınızın bir kopyasını web önbelleği adı verilen farklı bir yerde saklama işlemidir. Bir CDN ile birleştirirseniz, daha hızlı bir web sitesi, daha az bant genişliği kullanımı, daha az kesinti süresi ve daha iyi güvenlik elde edersiniz.
  • Görüntüleri Optimize Etme – Her web sitesinin verilerinin çoğunluğu görüntülerden oluşur. Görüntü optimizasyonu ile mümkün olan en küçük boyutu korurken doğru formatta, boyutta ve çözünürlükte yüksek kaliteli görüntüler sunmayı hedeflersiniz. Bazı popüler görüntü optimizasyon teknikleri arasında görüntü sıkıştırma, gecikmeli yükleme ve görüntülerin yeni nesil biçimlerde sunulması yer alır.

WordPress kullanıcıları için bonus:

Hafif bir tema seçin ve sitenin üçüncü taraf eklentilere olan bağımlılığını azaltın – Bazı WP temalarında, performansı olumsuz yönde etkileyen birçok gereksiz şey (stil sayfaları veya JS komut dosyaları gibi) bulunur.

Ayrıca çok fazla 3. taraf eklenti kullanmak, yürütülmesi gereken kod miktarını artırır. Bir sitenin bunlara bağımlılığını azaltmak, kaynak tüketimini azaltır, İlk Bayta Kadar Geçen Süreyi ve site güvenliğini iyileştirir.

Bilginize:

Burada listelenen her şeyi manuel olarak yapabilir, bir eklenti kullanabilir veya bir web performans uzmanı tutabilirsiniz.

Web performansı optimizasyonlarının çok zaman ve çaba gerektirerek zahmetli veya yanıltıcı olabileceğini unutmayın.

Kısaca Site Hızı

Kısaca Site Hızı

İşte site hızının çevrimiçi işletmeler için neden önemli olduğunun en hızlı özeti:

Hızlı web sitesi = daha iyi kullanıcı deneyimi (UX) = daha fazla dönüşüm

Bağlantı hızları artmakta. İnsanlar her zamankinden daha sabırsız.

Çevrimiçi rekabet etmek istiyorsanız web siteniz hızlı yüklenmelidir.

Pek çok insan bu farkındalıkla yeni uyanıyor. Bunun temel nedeni, Google’ın Önemli Web Verileri puanının bir sıralama sinyali olacağını duyurmasıdır.

Ancak site hızı, en az on yıldır başarı için çok önemli bir faktör olmuştur.

Neyse ki, çoğu işletme hala bu konuda uyuyakaldığından, web sitenizin yüklenme süresini iyileştirerek büyük bir avantaj elde edebilirsiniz.

Bunu çeşitli teknikleri uygulayarak ve birden çok araç kullanarak manuel olarak yapabilirsiniz. Ancak, bunu doğru yapmak için çok fazla zaman, çaba ve teknik beceri gerekir.

Diğer taraftan TurboPak yazılımızı yükleyebilir ve tüm site hızı sorunlarınızı 5 dakika içinde çözebilirsiniz. Hızlı, kolay ve kodlama gerektirmez.

Ayrıca hizmetimizi risksiz test edebilmeniz için ücretsiz bir planımız var.

Seçiminiz ne olursa olsun, site hızı, dikkat etmeniz gereken bir şeydir. Ve bunu er ya da geç yapmalısınız.

TurboPak - Web Sitenizi Hızlandırın