Noile Oportunități și Experimente ale WebPageTest: testați practic orice

Nu a existat niciodată un moment mai bun decât acum pentru abordarea SEO a unui dezvoltator web.

Ritmul în care instrumentele și resursele, atât instrumentele noi, cât și orice lucru familiar, inovează și deschid opțiuni pentru noi, necesită, de asemenea, să ținem pasul. Recent, acest lucru a însemnat mai multe cerințe pentru optimizarea performanței, deoarece Google lansează actualizări de algoritm și modificări ale calculelor de valori.

Un instrument cu care ar trebui să fiți familiarizat este WebPageTest. Au lansat recent câteva instrumente de testare noi, complet integrate, incredibil de utile.

WebPageTest acum proxy modificări HTML specificate de utilizator în timp real prin Netlify pentru a rula teste de comparație chiar în interfața lor de utilizator. Nu este necesară codificarea.

Geniul are sens

Logica de aplicație inteligentă în trei domenii uriașe de îngrijorare, găsiți bule pentru dvs., dar nu doar cu mesaje de text, cu opțiuni de re-test pregătite pentru a rula combinații de variații pentru comparație. Gama de teste disponibile acum în WebPageTest înseamnă că nu vor mai exista teste de configurare folosind instrumente proxy terțe care dublează ceea ce puteți testa direct.

Toate acestea erau posibile din punct de vedere tehnic înainte și abordarea originală continuă să aibă importanță.

Deși impresionant de cuprinzător, vor exista întotdeauna teste pe care va trebui să le rulați folosind o gazdă proxy la alegerea dvs. Totuși, acest lucru necesită manipularea JavaScript și Cloudflare.

Cu WebPageTest ajungeți să indicați și să faceți clic.

Date de laborator plictisitoare

Rețineți întotdeauna că cea mai bună combinație posibilă de numere din testele de laborator poate să nu producă aceleași numere în domeniu. De fapt, poate avea ca rezultat funcțiile site-ului web deteriorate.

Scripturile și stilurile au o ordine de încărcare definită de dezvoltator, în care orice modificare poate însemna o schimbare ruptură care nu este potrivită pentru producție. O gazdă proxy poate oferi acces pentru QA ca parte a procesului de optimizare.

Cu acest avertisment în afara drumului, permiteți-ne să vă spunem cât de grozav este să aveți un banc de testare pentru demonstrarea optimizărilor HTML. Acesta a stat la baza atelierelor noastre și a sesiunilor de conferințe acum de mai bine de un an.

Articolele noastre de ghid pentru motorul de căutare te pot ajuta să configurați un banc de testare. Vom folosi o versiune actualizată la SMX Advanced. Alăturați-vă nouă live dacă reușiți.

Oportunități

Textul Oportunități din WebPageText este disponibil pentru toată lumea în rapoarte.

Nu veți mai avea nevoie de abilități JavaScript pentru a rula comparații de variante HTML. În schimb, veți avea nevoie de un cont plătit pentru a rula teste proxy încorporate etichetate Experimente.

Contul gratuit vă oferă acces mai bun la rapoarte și istoric, dar nu rulați Experimente. Puteți în continuare să scrieți JavaScript și să vă proxy propriile teste gratuit.

Nu este nici pe departe la fel de util și ocupă mult prea mult timp.

Experimente

Selectați elementul de meniu Oportunități și experimente într-un raport WebPageTest și vi se va prezenta o listă cuprinzătoare de constatări.

Oportunitățile de aici sunt derivate din condițiile de testare din lumea reală (simulate cu hardware acolo unde este posibil). Testul nostru a indicat o oportunitate de a testa din nou experimentele cu variații ale resurselor care blochează randarea (de obicei JavaScript și CSS), imagini cu încărcare leneră, script-uri de la terți și multe altele.

Testați scripturi și foi de stil asincrone, amânate sau chiar inline folosind interfața. Am scris Cloudflare Worker JavaScript pentru a trimite aceste teste și am adăugat, de asemenea, reguli de stil inline pentru a amâna încărcarea conținutului în partea de jos a paginii, inclusiv subsolul. Matricea inițială de integrări WebPageTest poate gestiona majoritatea, dar nu toate, testele noastre originale.

Este foarte ușor să puneți teste împreună acum.

Modificați setările de testare și începeți să rulați variații pentru a vă concentra pe sfântul Graal al Core Web Vitals în general. Oferta este uimitor de cuprinzătoare și acoperă mult mai mult decât ceea ce afectează performanța unei pagini web.

Veți găsi trei categorii care grupează oportunitățile de experimentare după următoarele întrebări:

• Este rapid? Quickness clasifică și grupează experimentele de optimizare a performanței.
• Este utilizabil? Utilizabilitatea grupează erorile de validare HTML care se pot încurca cu cititoarele de ecran și lucruri care afectează schimbările de aspect.
• Este rezistent? Reziliența se referă la preocupările de securitate, inclusiv protocoalele mixte. Modificați setările de testare cu o interfață de casetă de selectare și începeți să rulați variante. Veți obține opțiuni rafinate în raportul de comparație.

Tabloul de bord pentru o suită de teste

WebPageTest trebuie să semene cu un tablou de bord pentru o suită de testare și să reușească să facă asta în raportare care oferă mai multe detalii decât Lighthouse și cu o reprezentare mult mai bună a diagramelor în cascadă decât Chrome Dev Tools.

Deși este adevărat cu indicarea și clic, puteți rula experimente HTML într-un mediu „fără cod”, detaliile furnizate și navigarea necesită experiență – iar experiența de codare este cea mai bună.

Un nou experiment încorporat reproduce o altă sarcină de lucrător Cloudflare, eliminând tot JavaScript. A avea astfel de lucruri atât de accesibile este excepțional de mai util decât a scrie un scenariu pentru variațiile de testare.

Experimentele avansate ne permit să inserăm HTML în locații cheie, să testăm tactici pentru a schimba ordinea de încărcare, a eșua încărcarea sau a modifica, inclusiv reducerea resurselor.

Practic, nimic nu ne împiedică din punct de vedere tehnic să testăm practic orice pe orice pagină.

Cădeți în groapa succesului

Rapoartele de comparație în sine servesc pentru a vă direcționa spre selectarea și retestarea mai multor variante. Bannerul pentru valorile rezultatelor include scoruri de îmbunătățire și înrăutățire codate prin culori între control și experiment.

O secțiune de oportunități rămase cu un subset de comutatoare de experiment apare mai jos. Puteți face clic către o îmbunătățire semnificativă.

Ne-am străduit să scriem teste pentru demonstrații la SMX Advanced și, atunci când suntem live, vă puteți aștepta să acoperim această actualizare majoră a instrumentelor pe care le-am folosit. Va fi mult mai ușor.

Vom vedea dacă ciclul rapid de text al integrărilor experimentului WebPageTest câștigă ceea ce ne pregăteam deja să oferim. Să vedem dacă putem ajunge la verde peste tot.