Bu iki Web Sayfa testi özelliğini henüz bilmiyorsunsunuz , ancak bunları düzenli olarak kullanmalısınız

Jan Hornung 21 Ekim 2020 tarihinde güncellendi
6 Dk.
Web sayfalarını Web sayfası testiyle karşılaştırma

Webpagetest.org muhtemelen sayfa yükleme süresini ölçmek için en iyi ücretsiz araçtır. Çünkü WebPagetest doğrudan rekabetten çok daha güçlüdür. Ve bu iki işlevleri esas sayesinde: web siteleri ve uzun vadeli karşılaştırma karşılaştırma imkanı.

Bu makale, web sitelerinizin yükleme süresini ölçmek ve değerlendirmek için bir serinin parçasıdır. Önceki makalelerde biz göstermiştir:

Bugün size Webpagetest'in muhtemelen henüz bilmediğiniz iki özelliğini göstereceğim. Bunun nedeni, aracın özellikle performans karşılaştırmaları ve sayfa yükleme sürenizin sürekli değerlendirilmesi için uygun olmasıdır.

Bu yüzden bugün size gösteriyorum:

Diğer Temel Ölçümler - Hız Endeksi, DOM Elemanları ve Maliyetler

Varsayılan değerlere ek olarak - Başlat Render, Belge Tamlaması, vb. gibi. – Web sayfası testi, sayfanızın verimliliğini tahmin etmenizi sağlayan diğer yararlı anahtar verileri de sağlar. Bu değerler, aracın sonuçlarını doğru yorumlamanız için önemlidir.

Önemli genişletilmiş özellikleri gösteren bir web sayfası testinin örnek sonucu
Web sayfası testinin örnek sonucu. Hız Dizini, DOM öğesi sayısı ve istekler Sayfanızın genel performansının üç önemli göstergesidir.

DOM Elemanları:Bir DOM öğesi, kabaca, bir HTML yapı taşıdır. Tarayıcınızın yüklemesi gereken bu yapı taşlarından daha azı, sayfanızın daha ince ve daha hızlı olması gerekir. Ancak, DOM öğelerinin sayısı yalnızca sayfanın yükleme süresinin bir göstergesidir. Değişiklik yaparak Plugins , ama her şeyden önce Theme , DOM elemanlarının sayısı önemli ölçüde azaltılabilir.

Bir kaynak kodundan ayıklama RAIDBOXES Blog yazısı
HTML gövdesinin açı braketlerine kapalı olan her öğesi bir DOM elemanıdır.

Istek: Bu değer, tarayıcınızın web sunucusuna yapması gereken tek tek HTTP isteklerinin sayısını açıklar. BIR HTTP isteği, CSS dosyaları, JavaScript dosyaları veya resimler gibi tek tek öğeler ister. Yine, teorik kural az istek, daha iyi olmasıdır. Bu arada, Şelale diyagramı sayfanız her zaman yüklenen HTTP isteklerine en iyi genel bakışa sahiptir.

Ancak uygulamada, HTTP isteklerinin gerçek sayısı bu kadar büyük bir rol oynamaz. En azından sayfanız SSL şifreliyse ve bir sunucuda HTTP/2 Çalışır. Bunun nedeni, aynı anda birden fazla istek yapılabilir ve yüklenebilir.

Hız Endeksi:Bu dizin Web pagetest tarafından hesaplanır ve algılanan sayfa yükleme süresinin bir göstergesidir. Değer, sayfanızın görünür içeriğinin ne kadar hızlı ve verimli bir şekilde yüklendiğini gösteren, düşük değerlerin yüksekten daha iyi olduğu milisaniye değeri açıklar. İlke olarak, Web sayfası testi, kullanıcı deneyimini belirlemek ve zaman değeriyle ölçmek için sayfanızın ekran görüntülerini kullanır. Eğer ilgileniyorsanız: Web pagetest de bir Formüle edilmiş denklem.

Hız Endeksihesaplama temeli
Web Sayfası Testi'nin Hız Dizini bir alan olarak temsil edilir ve hesaplanır. Sayfanızın içeriği ne kadar hızlı yüklenirse, alan içeriği o kadar küçük türve hız dizini de o kadar azdır. Ayrıntılarla ilgileniyorsanız: Burada web sayfası hız dizininin hesaplanması yla ilgili tüm bilgileri test listeler.

Hız Endeksi karşılaştırmalar için en uygun uyrdu. Bir optimizasyon önlemi dizini önemli ölçüde azaltırsa, başarılı olma eğilimindedir ve sayfa daha hızlı olarak algılanır. Sitenizin rekabetten çok daha küçük bir hız indeksi varsa, sitenizin ziyaretçilere daha iyi bir sörf deneyimi sunduğunu varsayabilirsiniz.

Maliyet: Bu değer daha çok sahip olmak için güzel. Sayfanızın mobil ağlarüzerinden yüklendiğinde ne kadar pahalı olduğunu gösterir. Veriler, whatdoesmysitecost.com ve burada listelenen tüm ülke oranları için bir ortalama sağlar. Sayfanızın mobil yükleme maliyetini görüntülemek için bu özelliği kullanın. Ancak, bu değeri gerçekten çoğu durumda ilgili olarak düşünün. Burada yanılıyorsam lütfen beni düzeltin.

Web sayfası testinin en önemli işlevi: Birkaç web sayfasını doğrudan karşılaştırın

Sayfanızın yükleme süresini ölçerseniz, genellikle iki neden den oluşur: ya bir değişiklik yaptınız ve bunun yükleme süresini nasıl etkilediğini bilmek istiyorsunuz veya sayfanızı başkalarıyla karşılaştırmak istiyorsunuz.

Tabii ki, böyle bir ifade için karşılaştırmalı bir değer gerekir. Ve bu tam olarak ne "Görsel Karşılaştırma" oluşturuldu. Bu, birden çok URL'nin şarj süresini ve şarj davranışını doğrudan karşılaştırmanızı sağlar.

Görsel Karşılaştırma özelliği, web sayfalarını doğrudan birbiriyle karşılaştırmanızı sağlar.
Karşılaştırma işlevini Web sayfası testinin standart çözümlemesi yanında bulabilirsiniz.

Bu işlevle, örneğin şunları yapabilirsiniz:

  • Kendi sayfalarınızı rakiplerinizle karşılaştırın
  • ev sahibi değişikliğinin ne getirdiğini kontrol edin
  • İki veya daha fazla alt sayfayı birbirine karşı test edin
  • alt sayfaların ana sayfaya göre ne kadar hızlı yükyükyükolduğunu kontrol edin

Doğrudan karşılaştırma için tek yapmanız gereken sayfaları adlandırmak, URL'leri eklemek ve testi önceden ayarlanmış parametrelerle çalıştırmaktır.

Test amacıyla ürün sayfalarımızdan ikisini birbirimizle karşılaştırıyoruzSonuç, sayfaları birkaç ölçüme göre karşılaştırmanızı sağlar. En canlı olanı, sonuç belgesinin hemen başında bulunabilir: Filmstrip View. Burada ziyaretçinin sayfanızı tamamlanmış olarak algıladığı zaman görebilirsiniz (ilgili özellik Görsel Olarak Tamamlandı olarak adlandırılır).

Tam Yüklü ve Tam Belge Tamamlandı gibi diğer ölçümlerde de görüntülenebilecek şekilde başvuru değeri de değiştirilebilir.

Web sayfası testinde iki web sayfasını karşılaştırırsanız sonuç
En açıklayıcı metrik hemen başında sunulur: Filmstrip View. Sağ alt köşedeki ayarlardan yapılandırabilirsiniz. Şelale diyagramları diyagramlar üzerinde sol kaydırıcı ile ileri geri değiştirilebilir.

Aşağıda, test edilen sayfaların keçeli yükleme süresini, en önemli yükleme sürelerini, HTTP isteklerinin sayısını ve sayfanın boyutunu nasıl karşılaştıracağını gösteren dört çubuk grafik bulacaksınız.

Bu ölçümlerle, test edilen sayfalardan hangisinin daha hızlı yüklendiği, daha ince ve ziyaretçiye daha iyi bir deneyim sunduğunu bir bakışta görebilirsiniz.

Google kullanıcıları için, web sayfası testi de uzun vadeli karşılaştırmalar imkanı sunuyor

Google Hesabınızla Web sayfası testine giriş yaptığınızda, tek tek testler kaydedilir. Bu, size geçen yılın tüm testlerini görüntüleme ve karşılaştırma fırsatı verir.

Bir Web sitesinin birden çok sürümü karşılaştırmak için Web sayfası testinde uzun vadeli karşılaştırmalar
Web sayfamız son yedi günün test geçmişini test etti. Google Hesabınızla oturum açtığınızda, testleriniz kaydedilir ve daha sonra görüntülenebilir.

Bu genel bakış, özellikle iki işlev nedeniyle son derece pratiktir: URL'yi tıklatarak geçmiş test verilerine erişebilirsiniz. Bu, geçen yılın tüm testlerinin tüm sonuçlarını görebileceğiniz anlamına gelir.

Ayrıca, sayfalarınızın gelişimine hızlı bir şekilde genel bakış sağlamak için tek tek testleri işaretleyebilir ve karşılaştırabilirsiniz.

Karar: Web sayfası testi diğer ücretsiz araçlardan çok daha güçlüdür

Birden çok sayfayı doğrudan karşılaştırmak, Web sayfası testinin en güçlü özelliğidir. Çünkü rekabetle ilgili olarak, rol modellerine veya endüstri kriterlerine bakarak kendi tarafınıza bakmanızı sağlar. Aldığınız sonuçlar da iyi hazırlanmış ve web sayfası test oranları için anlaşılması kolay.

Zaman serisi analizi de sayfa yükleme süresi geliştirme kapsamlı bir resim elde etmenizi sağlar. Bu, sitenizi, yükleme süresini ve kullanıcı deneyimini tam olarak hangi optimizasyon önlemlerinin veya değişikliklerin etkilediğini görmenizi sağlar.

Bu iki işlevle, sayfalarınızla ilgili tüm değişiklikleri yakalayabilir ve daha da önemlisi bunları analiz edebilirsiniz.

Web sayfası testinin unuttuğumuz yararlı bir özelliği ni hala biliyor musunuz? O zaman yorumunuzu dört gözle bekliyoruz!

RAIDBOXER ilk saat ve Destek Başkanı. Bar ve WordCamps anda, o PageSpeed ve web sitesi performansı hakkında konuşmak için tercih ediyor. Ona rüşvet vermenin en iyi yolu espresso ya da Bavyera Brezn'idir.

Benzer makaleler

Bu makaledeki yorumlar

Yorum yaz

E-posta adresiniz yayınlanmayacaktır. Gerekli alanlar * Işaretlenmiş.