Nowe możliwości i eksperymenty WebPageTest: przetestuj praktycznie wszystko

Nigdy nie było lepszego czasu na podejście programistów internetowych do SEO.

Tempo, w jakim narzędzia i zasoby, zarówno nowe, jak i wszystko, co znane, są dla nas innowacyjne i otwarte, również wymaga, abyśmy nadążali. Ostatnio oznaczało to większe wymagania dotyczące optymalizacji wydajności, ponieważ Google publikuje aktualizacje algorytmów i zmiany w obliczeniach metryk.

Jednym z narzędzi, które powinieneś znać, jest WebPageTest. Niedawno wydali kilka niezwykle przydatnych, nowych, w pełni zintegrowanych narzędzi testowych.

WebPageTest teraz proxy w czasie rzeczywistym określonych przez użytkownika modyfikacji HTML za pośrednictwem Netlify, aby uruchomić testy porównawcze bezpośrednio w interfejsie użytkownika. Kodowanie nie jest wymagane.

Geniusz ma sens

Inteligentna logika aplikacji w trzech ogromnych obszarach problematycznych dostarcza dla Ciebie wyników wyszukiwania, ale nie tylko z notatkami tekstowymi, z opcjami ponownego testowania przygotowanymi do uruchomienia kombinacji odmian w celu porównania. Zestaw testów dostępnych w WebPageTest oznacza, że ​​nie będzie już konfigurowania testów za pomocą narzędzi proxy innych firm, które powielają to, co można przetestować bezpośrednio.

To wszystko było wcześniej technicznie możliwe i oryginalne podejście nadal ma znaczenie.

Chociaż imponująco obszerne, zawsze będą testy, które będziesz musiał przeprowadzić przy użyciu wybranego hosta proxy. Wymaga to jednak obsługi JavaScript i Cloudflare.

Dzięki WebPageTest możesz wskazać i kliknąć.

Nieprzyjemne dane laboratoryjne

Zawsze pamiętaj, że najlepsza możliwa kombinacja liczb z testów laboratoryjnych może nie dać tych samych liczb w terenie. W rzeczywistości może to spowodować uszkodzenie funkcji witryny.

Skrypty i style mają zdefiniowaną przez programistę kolejność ładowania, w której każda zmiana może oznaczać przełomową zmianę, która nie jest odpowiednia do produkcji. Host proxy może zapewnić dostęp do kontroli jakości w ramach procesu optymalizacji.

Pomijając to ostrzeżenie, pozwól nam powiedzieć, jak wspaniale jest mieć platformę testową do demonstrowania optymalizacji HTML. Od ponad roku stanowi podstawę naszych warsztatów i sesji konferencyjnych.

Nasze artykuły przewodnika po Search Engine Land mogą pomóc w skonfigurowaniu stanowiska testowego. Będziemy używać zaktualizowanej wersji w SMX Advanced. Dołącz do nas na żywo, jeśli możesz.

Możliwości

Tekst Możliwości WebPageText jest dostępny dla wszystkich w raportach.

Nie będziesz już potrzebować umiejętności JavaScript, aby uruchomić porównania odmian HTML. Zamiast tego będziesz potrzebować płatnego konta, aby uruchomić wbudowane testy proxy oznaczone jako Eksperymenty.

Darmowe konto zapewnia lepszy dostęp do raportów i historii, ale nie umożliwia uruchamiania eksperymentów. Nadal możesz pisać JavaScript i proxy za darmo.

To po prostu nie jest tak przydatne i zajmuje zbyt dużo czasu.

Eksperymenty

Wybierz pozycję menu Możliwości i eksperymenty w raporcie WebPageTest, a zostanie wyświetlona wyczerpująca lista wyników.

Możliwości są tutaj wyprowadzone z rzeczywistych warunków testowych (w miarę możliwości symulowanych za pomocą sprzętu). Nasz test wykazał możliwość ponownego przetestowania wariantów zasobów blokujących renderowanie (zwykle JavaScript i CSS), leniwie ładowanych obrazów, samohostującego się skryptu innej firmy i wielu innych.

Przetestuj skrypty asynchroniczne, odroczenia, a nawet wbudowane skrypty i arkusze stylów za pomocą interfejsu. Napisaliśmy Cloudflare Worker JavaScript do proxy tych testów, a także dodaliśmy reguły stylu wbudowanego, aby odroczyć ładowanie treści w kierunku dołu strony, w tym stopki. Początkowa tablica integracji WebPageTest może obsłużyć większość, ale nie wszystkie, z naszych oryginalnych testów.

Teraz można przeprowadzić testy razem.

Zmodyfikuj ustawienia testu i zacznij uruchamiać wariacje, aby udoskonalić świętego Graala zielonych kluczowych wskaźników internetowych na całym świecie. Oferta jest niezwykle wszechstronna i obejmuje znacznie więcej niż to, co wpływa na wydajność stron internetowych.

Znajdziesz trzy kategorie grupujące możliwości eksperymentowania za pomocą następujących pytań:

• Czy to szybko? Szybkość kategoryzuje i grupuje eksperymenty optymalizacji wydajności.
• Czy nadaje się do użytku? Użyteczność grupuje błędy walidacji HTML, które mogą zakłócać działanie czytników ekranu i rzeczy, które wpływają na przesunięcia układu.
• Czy jest odporny? Odporność dotyczy kwestii bezpieczeństwa, w tym protokołów mieszanych. Zmodyfikuj ustawienia testu za pomocą interfejsu pola wyboru i rozpocznij uruchamianie wariacji. Otrzymasz dopracowane opcje w raporcie porównawczym.

Pulpit nawigacyjny zestawu testowego

WebPageTest musi przypominać pulpit nawigacyjny zestawu testów i umożliwiać to w ramach raportowania, które zapewnia więcej szczegółów niż Lighthouse i zapewnia znacznie lepszą reprezentację wykresu kaskadowego niż Chrome Dev Tools.

Chociaż jest to prawdą w przypadku wskaż i kliknij, możesz przeprowadzać eksperymenty HTML w środowisku „bez kodu”, podane szczegóły i nawigacja wymagają doświadczenia – a doświadczenie w kodowaniu jest najlepsze.

Nowy wbudowany eksperyment replikuje inne zadanie robocze Cloudflare, usuwając cały kod JavaScript. Posiadanie tak przystępnych rzeczy jest wyjątkowo wygodniejsze niż pisanie skryptu dla wariacji testowych.

Zaawansowane eksperymenty umożliwiają nam wstawianie kodu HTML w kluczowych lokalizacjach, testowanie taktyk w celu zmiany kolejności ładowania, niepowodzenia ładowania lub modyfikowania, w tym minimalizacji, zasobów.

Dosłownie nic technicznie nie powstrzymuje nas przed testowaniem praktycznie czegokolwiek na dowolnej stronie.

Wpadnij w otchłań sukcesu

Same raporty porównawcze służą do wybierania i ponownego testowania większej liczby odmian. Baner metryk wyników zawiera oznaczone kolorami wyniki poprawy i pogorszenia wyników między kontrolą a eksperymentem.

Poniżej znajduje się sekcja pozostałych możliwości z podzbiorem przełączników eksperymentu. Możesz kliknąć swoją drogę do znaczącej poprawy.

Wykonaliśmy ciężką pracę, aby napisać testy do demonstracji w SMX Advanced, a kiedy będziemy na żywo, możesz oczekiwać, że omówimy tę ważną aktualizację narzędzi, których używaliśmy. Będzie o wiele łatwiej.

Zobaczymy, czy szybki cykl tekstowy integracji eksperymentu WebPageTest zyska to, co już przygotowaliśmy. Zobaczmy, czy uda nam się przejść na zielono na całej planszy.