Web Sitesi Hız Testleri Nasıl Çalışır?

Güncelleme: 2022-05-24 / Makale: Timothy Shim

“Bir resim bin kelimeye bedeldir” sözüne aşina olabilirsiniz. Görünüşe göre tek bir saniye, web siteniz için dönüşümlerin yaklaşık %3.4'üne değer. Bu, yavaş yüklenen sayfalar nedeniyle büyük miktarda iş kaybı demektir. 

Peki web sitenizin yeterince hızlı yüklenip yüklenmediğini nasıl belirleyebilirsiniz? Web sitesi hızı Testler, öğrenmenin harika bir yoludur, ancak kullanabileceğiniz birçok farklı test vardır.

Bu makale, hız testlerini düzgün bir şekilde çalıştırma, sonuçları yorumlama ve web sitenizin hızını artırmak için bilgileri kullanma hakkında bilgi sağlayacaktır.

Web Sitesi Hızını Doğru Bir Şekilde Test Etme

Bir web sitesi hız testi yapmak için birçok araç kullanabilirsiniz. Bazıları size çok fazla bilgi verecek, bazıları ise size yeterince bilgi vermeyebilir. En doğru sonuçları almanın en iyi yolu, birkaç araç kullanmak veya aynı yollarla birden fazla test yapmaktır. 

Gecikme Açıklaması
Veri seyahat süresi fiziksel mesafe ile sınırlıdır. Gerçek sunucu yanıt süreleri, farklı sunucu konumlarına göre değişir.

Sonuçların genellikle sizin durumunuza bağlı olduğunu hatırlamak önemlidir. web sunucusu testin başlangıç ​​noktasına göre konum. Bu ikisi birbirinden ne kadar uzak olursa, verilerin seyahat etmesi gereken süre o kadar uzun olur ve bu da potansiyel olarak hız testi sonuçlarını etkiler.

Bu nedenle, her zaman gerekir bir web sunucusu seçin en çok ziyaretçi beklediğiniz yere yakın. Örneğin, esas olarak ABD merkezli trafik sunan bir web sitesi ABD içinde bir yerde olmalıdır.

Küresel bir kitleye hitap ediyorsanız, birkaç test konumundan bir web sitesi hız testi yapmak, mesafenin çeşitli konumlardan gelen ziyaretçileri nasıl etkilediği konusunda size daha iyi bir fikir verebilir.

İdeal Sunucu Hız Testi Metodolojisi

Test metodolojiniz birkaç çalıştırmayı içermeli ve şöyle görünmelidir:

  1. Konum 1'den bir test yapın ve tüm testlerin sonuçlarını kaydederek 3 kez tekrarlayın.
  2. Verileri benzer şekilde kaydederek işlemi başka bir test konumundan tekrarlayın. En az üç stratejik alandan test yapmanızı tavsiye ederim; ABD, Avrupa ve Asya.

Önerilen Web Sitesi Hız Testi Araçları

Web Sitesi Hız Testleri Örneği
Örnek – Barındırılan test sitelerimiz için yaptığımız web sitesi hız testleri Interserver (Burada daha fazla ayrıntı) WebPageTest.org kullanarak farklı konumlardan

Sitenizin performansı hakkında en fazla bilgiyi veren araçlar, web sitenizin hızını test etmek için gerçek, insan ziyaretçileri kullanır. Örneğin, Pingdom'un Tam Sayfa Testi, sitenizi yüklemek ve performans raporları sağlamak için gerçek konumlarda (ABD, Avustralya, Avrupa) gerçek tarayıcılar (IE9, Chrome ve Firefox) kullanır.

Sitenizi, sayfadaki tüm nesneler de dahil olmak üzere eksiksiz bir varlık olarak test ettiğinden, performansı artırmaya yönelik öneriler ve sitenizi neyin yavaşlatabileceğine ilişkin öngörüler sunabilir.

Ancak, aşağıdakiler de dahil olmak üzere göz önünde bulundurabileceğiniz birçok yararlı web sitesi hız testi aracı vardır:

Bu araçların tam listesi için, 20 Ücretsiz Web Sitesi Hız Testi Aracının Listesi.

Hız Testi Terminolojisini Anlama

Bir web sitesi hız testi birçok yönden yararlıdır, ancak yalnızca sonuçları nasıl kullanacağınızı anladığınız sürece. Yalnızca verilerin ne anlama geldiğini bilerek, web sitenizin performansını artırmak için uygun düzeltmeleri uygulayabilirsiniz.

Hız testi sonuçlarını yorumlamaya geçmeden önce bazı terimlere aşina olmak faydalı olacaktır. Bu terimler esas olarak ağ iletişimi ile ilişkilidir.

Gecikme

Tarayıcınıza bir bağlantıya tıkladığınız veya bir adres girdiğiniz andan sonuçların ekranınızda göründüğünü gördüğünüz zamana kadar olan her şey için geçen süre. Gecikmenin standart ölçümü milisaniye (ms) cinsindendir.

Ping

Genellikle Gecikme ile karıştırılan Ping, tek bir veri paketinin bilgisayarınızdan ayrılması ve hedefine ulaşması için geçen süreyi tanımlamak için kullanılan kesin bir terimdir. Gecikme gibi, Ping'i ms cinsinden ölçersiniz.

İlk Bayt veya İlk Bayta Kalan Süre (TTFB)

TTFB, bir web sunucusunun yanıt verme hızını belirtmek için kullanılan bir ölçümdür. TTFB'yi, kullanıcının veya istemcinin HTTP isteğinde bulunmasından istemcinin tarayıcısı tarafından ilk baytın alınmasına kadar geçen süre olarak ölçersiniz. 

Sayfa Boyutu

Bir web sayfasının boyutu, tüm içeriğinin boyutudur. Bir web tarayıcısının bir web sayfasını tamamen yüklemesi için, aşağıdakiler dahil tüm içeriği indirmesi gerekir: HTML Kodu, resimler, stil sayfaları vb. Bu içeriklerin toplamı ne kadar büyükse, yüklenmesi o kadar uzun sürer.

İlk Etkileşimli

Çoğu web tarayıcısı, kullanıcıların tam olarak yüklenmeden önce bir web sitesinde etkinlikler gerçekleştirmeye başlamasına izin verir. First Interactive, bunun gerçekleşmesinden önce web sitenizde geçen süredir.

Seçtiğiniz web sitesi hız testi aracına bağlı olarak, muhtemelen daha fazla terimle karşılaşacaksınız. Bunlar şunları içerir:

Ve dahası. Yukarıdaki verileri sağlayan bir test kullanmayı düşünüyorsanız, bu terimlerin ne anlama geldiği hakkında mümkün olduğunca çok şey öğrenmeye çalışın.

Hız Testi Sonuçlarını Yorumlama

Google'ın PageSpeed ​​Insights'ı, verilerinizin hızlı bir değerlendirmesini sağlar. web sitesi performansı.

Yukarıdaki terminolojiden de görebileceğiniz gibi, tüm web sitesi hız testi araçlarına tek bir yorumlama yöntemini uygulamak zor olabilir.

Bu nedenle, örnek olarak bir araç kullanacağım – Google Pagespeed Insights.

Google PageSpeed ​​Insights, Google sağladığı için mükemmeldir ve büyük olasılıkla arama devinin neyi tercih ettiğini gösterecektir. Aynı zamanda son derece kullanıcı dostu olup, keşfedilen sorunların ele alınması konusunda görsel sonuçlar ve tavsiyeler verir.

Google, Mobil ve masaüstü performansını ayrı ayrı test eder ve dört temel öğeye odaklanır: İlk İçerikli Boyama (FCP), İlk Giriş Gecikmesi (FID), En Büyük İçerikli Boyama (LCP) ve Kümülatif Düzen Kayması (CLS).

Test edilen her alan, saniyeler içinde bir sonuç ve bir kalite gösterge çubuğu verecektir. Yeşil iyi anlamına gelir, turuncu iyileştirme ihtiyacı anlamına gelir ve kırmızı daha acil dikkat gerektirir.

Sayfayı aşağı kaydırmak, bireysel test alanlarının ve her birine katkıda bulunan faktörlerin bir dökümünü sağlayacaktır. Bunu, web sitenizde cerrahi iyileştirmeler yapmak için kullanabilirsiniz.

Ayrıca oku

Yavaş Web Sitesi Hız Testi Sonuçlarında Sorun Giderme

Hız Testi Sonuç Verileri - Şelale Tablosu
Genellikle en büyük hız testi araçları tarafından sağlanan şelale çizelgeleri, web sayfası öğesi yüklemesinin ayrıntılı ilerlemesini göstererek, neyin daha fazla zaman kapladığını görmenize olanak tanır. 

Çoğu yavaş web sitesi, benzer eksikliklerin sonucudur. Örneğin, yüksek CLS zamanlamaları, görüntülerin düzgün şekilde optimize edilememesinden kaynaklanır. Ancak, dikkat edilmesi gereken alanların sayısı göz önüne alındığında, bunları kapsamlı bir şekilde ele almak imkansızdır.

Bazı yaygın sorunlar ve çözümler şunları içerir:

Kullanılmayan JavaScript'i azaltın

Dinamik web siteleri (bunlar gibi WordPress ) genellikle bu sorunla karşılaşırsınız. JavaScript fazlalığını azaltmak için iyi bir önbellek eklentisi kullanarak sorunu çözebilirsiniz.

Üçüncü taraf kodunun etkisini azaltın

Günümüzde birçok web sitesi modülerdir ve çeşitli geliştiricilerin bileşenlerini kullanır (örneğin, Google, Facebook, Fonts, vb.). Bu kombinasyon genellikle performansı etkileyen bir uyum eksikliği ile sonuçlanır. Web sitenizi kolaylaştırın ve mümkün olduğunca az farklı kod kaynağı kullanın.

İlk sunucu yanıt süresini azaltın

Esasen, Google size web sunucunuzun berbat olduğunu söylüyor. Alt-par web barındırma genellikle düşük hızlara neden olur ve başka birine geçmek dışında yapabileceğiniz çok az şey vardır. barındırma sağlayıcısı.

Görüntü öğelerinin belirgin genişliği ve yüksekliği yok

Birçok web sitesi sahibi, daha fazla değişiklik yapmadan sadece görselleri yükleme hatasına düşer. Görüntüleri yüklerken, web tarayıcılarının kafasını karıştırmaktan ve yükleme süresi gecikmelerine neden olmaktan kaçınmak için parametreleri belirtin.

Görüntüleri yeni nesil biçimlerde sunun

Görüntüler için yalnızca boyutlar değil, görüntü formatı da önemlidir. WebP gibi yeni nesil formatlar sıkıştırmayı artırarak görüntülerin web üzerinden daha hızlı indirilmesini sağlar.

Statik varlıkları verimli bir önbellek politikasıyla sunun

Ziyaretçiler web sitenizi yüklediğinde bazı içerikler indirilir ve tarayıcılarında tutulur. Bu süreç, tekrar ziyaretler için performansın iyileştirilmesine yardımcı olur. Önbellek politikalarının ayarlanması, tarayıcıların bir isteği tekrarlamadan önce bu görüntüleri ne kadar süreyle tutmaları gerektiğini bilmesini sağlar.

Aşırı bir DOM boyutundan kaçının

DOM, web sayfanızın boyutunu ifade eder. Aşırı bir DOM uyarısı almak, sayfayı düzene koymayı düşünmeniz gerektiği anlamına gelir. Bunu, sayfadaki görsel sayısını azaltmak veya daha az bölüm kullanmak gibi birçok yolla yapabilirsiniz.

Büyük düzen kaymalarından kaçının

Dinamik web siteleri, anında sayfa bölümleri oluşturur. Bir sayfada bu yeniden boyutlandırılabilir öğelerin çoğuna sahip olduğunuzda, düzen sık sık değişir ve bu da kötü bir kullanıcı deneyimine neden olur. Mümkün olduğunda, sayfa öğelerini doğru şekilde tanımlayın.

İmkanlar sonsuzdur. Bu sorunları tek tek düzeltmeye çalışmadan önce, web sitenizi kapsamlı bir şekilde optimize etmeyi düşünmenizi öneririm. Web sitesi sahiplerinin uygulaması gereken, evrensel olarak kabul edilmiş birçok performans geliştirmesi vardır.

Daha fazlasını öğrenmek için okuyun WHSRhakkında rehber web sitenizin performansını artırma.

Web Sitesi Hız Testleri Üzerine Son Düşünceler

Web sitesi hız testleri, web sitenizin performansının anlık görüntüsünü almanın harika bir yoludur. Bu araçların kullanımı kolaydır ve genellikle nispeten doğru veriler sağlar. Elbette, birçok mükemmel web sitesi hız testi aracının ücretsiz olmasına da yardımcı olur.

Ancak, yukarıdaki ifadelerde kullanılan fiilin “anlık görüntü” olduğunu unutmamak gerekir. Web sitesi hız testleri statiktir ve web sitenizdeki küçük değişiklikler sonuçları önemli ölçüde değiştirebilir. Bu nedenle, web sitenizin periyodik performans değerlendirmelerini planlamak ve yeni keşfedilen sorunları mümkün olan en kısa sürede düzeltmek daha iyidir.

Detaylı İncele

Timothy Shim hakkında

Timothy Shim bir yazar, editör ve teknoloji uzmanıdır. Kariyerine Bilişim Teknolojisi alanında başlamış, hızla baskıya geçmiştir ve o zamandan beri ComputerWorld, PC.com, Business Today ve The Asian Banker gibi Uluslararası, bölgesel ve yerel medya başlıklarında çalışmıştır. Uzmanlığı, hem tüketici hem de kurumsal bakış açısından teknoloji alanında yatar.