WebPageTest'in yeni Fırsatları ve Deneyleri: hemen hemen her şeyi test edin

Bir web geliştiricisinin SEO'ya yaklaşımı için bundan daha iyi bir zaman olmamıştı.

Araçların ve kaynakların, hem yeni araçların hem de tanıdık olan her şeyin bizim için yenilikçi ve açık seçeneklere sahip olma hızı da ayak uydurmamızı gerektiriyor. Son zamanlarda, Google algoritma güncellemeleri ve metrik hesaplamalarında değişiklikler yayınladığı için bu, performans optimizasyonu için daha fazla gereksinim anlamına geliyordu.

Aşina olmanız gereken araçlardan biri WebPageTest'tir. Kısa süre önce, inanılmaz derecede kullanışlı bazı yeni tam entegre test araçları yayınladılar.

WebPageTest şimdi, kullanıcı arayüzünde karşılaştırma testleri yapmak için Netlify aracılığıyla gerçek zamanlı kullanıcı tanımlı HTML değişikliklerini temsil ediyor. Kodlama gerekmez.

deha mantıklı

Üç büyük endişe alanındaki akıllı uygulama mantığı, yalnızca metin tanıtım yazıları için değil, karşılaştırma için varyasyon kombinasyonlarını çalıştırmanız için hazırlanan yeniden test seçenekleriyle sizin için balon bulguları sunar. WebPageTest'te bulunan testler dizisi, artık doğrudan test edebileceklerinizi çoğaltan üçüncü taraf proxy araçlarını kullanarak test ayarlamaya gerek olmayacağı anlamına geliyor.

Bunların hepsi daha önce teknik olarak mümkündü ve orijinal yaklaşım önemini korumaya devam ediyor.

Etkileyici bir şekilde kapsamlı olmasına rağmen, seçtiğiniz bir proxy sunucusunu kullanarak çalıştırmanız gereken testler her zaman olacaktır. Ancak bu, JavaScript ve Cloudflare'ın ele alınmasını gerektirir.

WebPageTest ile işaret edip tıklayabilirsiniz.

Sinir bozucu laboratuvar verileri

Laboratuar testlerinden elde edilen olası en iyi sayı kombinasyonlarının sahada aynı sayıları vermeyebileceğini daima unutmayın. Aslında bozuk web sitesi özelliklerine neden olabilir.

Komut dosyaları ve stiller, herhangi bir değişikliğin üretim için uygun olmayan bir kesinti değişikliği anlamına gelebileceği geliştirici tanımlı yükleme düzenine sahiptir. Bir proxy ana bilgisayarı, optimizasyon sürecinin bir parçası olarak KG için erişim sağlayabilir.

Bu uyarıyı ortadan kaldırarak, HTML optimizasyonlarını göstermek için bir test ortamına sahip olmanın ne kadar harika olduğunu size söyleyelim. Bir yıldan fazla bir süredir çalıştaylarımızın ve konferans oturumlarımızın temelini oluşturuyor.

Arama Motoru Arazi kılavuzu makalelerimiz, bir test ortamı oluşturmanıza yardımcı olabilir. SMX Advanced'de güncellenmiş bir sürüm kullanacağız. Yapabilirsen canlı yayında bize katıl.

Fırsatlar

WebPageText'in Fırsatlar metni, raporlarda herkes tarafından kullanılabilir.

Artık HTML varyasyon karşılaştırmalarını çalıştırmak için JavaScript becerilerine ihtiyacınız olmayacak. Bunun yerine, Denemeler etiketli yerleşik proxy testlerini çalıştırmak için ücretli bir hesaba ihtiyacınız olacak.

Ücretsiz hesap, raporlara ve geçmişe daha iyi erişmenizi sağlar, ancak Denemeleri çalıştırmaz. Yine de JavaScript yazabilir ve kendi testlerinizi ücretsiz olarak proxy yapabilirsiniz.

O kadar kullanışlı değil ve çok fazla zaman alıyor.

deneyler

Bir WebPageTest raporunda Fırsatlar ve Deneyler menü öğesini seçin ve size kapsamlı bir bulgu listesi sunulacaktır.

Buradaki fırsatlar, gerçek dünyadaki test koşullarından türetilmiştir (mümkünse donanımla simüle edilmiştir). Testimiz, oluşturmayı engelleyen kaynak varyasyonları (genellikle JavaScript ve CSS), geç yüklenen resimler, kendi kendine barındırılan üçüncü taraf komut dosyası ve çok daha fazlasıyla denemeyi yeniden test etme fırsatı gösterdi.

Arabirimi kullanarak zaman uyumsuz, erteleme ve hatta satır içi komut dosyalarını ve stil sayfalarını test edin. Bu testleri temsil etmek için Cloudflare Worker JavaScript'i yazıyoruz ve ayrıca, alt bilgi de dahil olmak üzere içeriğin sayfanın altına yüklenmesini ertelemek için satır içi stil kuralları ekledik. WebPageTest entegrasyonlarının ilk dizisi, orijinal testlerimizin hepsini olmasa da çoğunu işleyebilir.

Testleri bir araya getirmek artık çok kolay.

Test ayarlarını değiştirin ve her yerde yeşil Temel Web Verilerinin kutsal kasesine odaklanmak için varyasyonları çalıştırmaya başlayın. Teklif inanılmaz derecede kapsamlıdır ve bir web sayfasının performansını etkileyenden çok daha fazlasını kapsar.

Aşağıdaki sorularla deney yapabileceğiniz üç kategori bulacaksınız:

• hızlı mı Quickness, performans optimizasyonu deneylerini sınıflandırır ve gruplandırır.
• Kullanılabilir mi? Kullanılabilirlik, ekran okuyucuları ve düzen kaymalarını etkileyen şeyleri karıştırabilecek HTML doğrulama hatalarını gruplandırır.
• dayanıklı mı? Esneklik, karışık protokoller de dahil olmak üzere güvenlik endişelerine gider. Bir onay kutusu arayüzü ile test ayarlarını değiştirin ve varyasyonları çalıştırmaya başlayın. Karşılaştırma raporunda rafine seçenekler göreceksiniz.

Test paketi için gösterge tablosu

WebPageTest, bir test paketi için bir gösterge panosuna benzemeli ve bunu Lighthouse'dan daha fazla ayrıntı sağlayan ve Chrome Geliştirme Araçları'ndan çok daha iyi şelale grafiği gösterimi ile raporlama içinde yapmayı başarmalıdır.

İşaretle ve tıkla doğru olsa da, HTML deneylerini “kodsuz” bir ortamda çalıştırabilirsiniz, sağlanan ayrıntı ve gezinme deneyim gerektirir ve kodlama deneyimi en iyisidir.

Yeni bir yerleşik Deneme, tüm JavaScript'i kaldırarak başka bir Cloudflare çalışan görevini çoğaltır. Böyle şeylere bu kadar erişilebilir olmak, test varyasyonları için bir komut dosyası yazmaktan çok daha kullanışlıdır.

Gelişmiş Denemeler, önemli konumlara HTML eklememize, yükleme sırasını değiştirmek, yüklenememek veya küçültme dahil kaynakları değiştirmek için taktikleri test etmemize olanak tanır.

Kelimenin tam anlamıyla teknik olarak bizi herhangi bir sayfada pratik olarak herhangi bir şeyi test etmekten alıkoyan hiçbir şey yok.

Başarı çukuruna düşmek

Karşılaştırma raporlarının kendisi, sizi daha fazla varyasyonu seçmeye ve yeniden test etmeye yönlendirmeye hizmet eder. Sonuç metrikleri başlığı, kontrol ve deney arasındaki renk kodlu iyileştirme ve kötüleşme puanlarını içerir.

Aşağıda, deneme anahtarlarının bir alt kümesini içeren kalan fırsatlar bölümü görünür. Önemli iyileştirme için yolunuzu tıklayabilirsiniz.

SMX Advanced'de gösterim için testler yazmak için çok çalıştık ve yayına girdiğimizde, kullandığımız araçlara yönelik bu büyük güncellemeyi ele almamızı bekleyebilirsiniz. Çok daha kolay olacak.

WebPageTest deneme entegrasyonlarının hızlı metin döngüsünün, halihazırda sunmaya hazırlandıklarımızı kazanıp kazanmadığını göreceğiz. Bakalım yeşile ulaşabilecek miyiz?