Le nuove Opportunità ed Esperimenti di WebPageTest: testa praticamente qualsiasi cosa

Non c'è mai stato un momento migliore di adesso per l'approccio di uno sviluppatore web alla SEO.

Anche il ritmo con cui strumenti e risorse, sia nuovi strumenti che qualsiasi cosa familiare, innovano e aprono opzioni per noi richiede di tenere il passo. Di recente, ciò ha comportato più requisiti per l'ottimizzazione delle prestazioni poiché Google rilascia aggiornamenti dell'algoritmo e modifiche ai calcoli delle metriche.

Uno strumento che dovresti conoscere è WebPageTest. Di recente hanno rilasciato alcuni nuovi strumenti di test completamente integrati incredibilmente utili.

WebPageTest ora esegue proxy delle modifiche HTML specificate dall'utente in tempo reale tramite Netlify per eseguire test di confronto direttamente all'interno della loro interfaccia utente. Non è richiesta alcuna codifica.

Il genio ha senso

La logica dell'applicazione intelligente in tre enormi aree di interesse mostra i risultati delle bolle per te, ma non solo con le sfocature di testo, con opzioni di nuovo test preparate per eseguire combinazioni di variazioni per il confronto. La serie di test disponibili in WebPageTest ora significa che non sarà più necessario impostare test utilizzando strumenti proxy di terze parti che duplicano ciò che puoi testare direttamente.

Tutto questo era tecnicamente possibile prima e l'approccio originale continua ad avere importanza.

Sebbene straordinariamente completo, ci saranno sempre test che dovrai eseguire utilizzando un host proxy di tua scelta. Tuttavia, ciò richiede la gestione di JavaScript e Cloudflare.

Con WebPageTest puoi puntare e cliccare.

Dati di laboratorio fastidiosi

Tieni sempre presente che la migliore combinazione possibile di numeri dai test di laboratorio potrebbe non produrre gli stessi numeri sul campo. Può effettivamente comportare funzionalità del sito Web interrotte.

Gli script e gli stili hanno un ordine di caricamento definito dallo sviluppatore in cui qualsiasi modifica può significare una modifica sostanziale non adatta alla produzione. Un host proxy può fornire l'accesso per il QA come parte del processo di ottimizzazione.

Con quell'avvertimento fuori mano, lascia che ti diciamo quanto è bello avere un banco di prova per dimostrare le ottimizzazioni HTML. È stata la base dei nostri workshop e sessioni di conferenza ormai da oltre un anno.

I nostri articoli della guida di Search Engine Land possono aiutarti a creare un banco di prova. Useremo una versione aggiornata in SMX Advanced. Unisciti a noi dal vivo se ce la fai.

Opportunità

Il testo Opportunità di WebPageText è disponibile per tutti nei rapporti.

Non avrai più bisogno di competenze JavaScript per eseguire confronti di varianti HTML. Avrai invece bisogno di un account a pagamento per eseguire test proxy integrati denominati Esperimenti.

L'account gratuito ti offre un migliore accesso ai rapporti e alla cronologia, ma non all'esecuzione di Esperimenti. Puoi ancora scrivere JavaScript e inviare gratuitamente i tuoi test tramite proxy.

Non è neanche lontanamente così pratico e richiede troppo tempo.

Esperimenti

Seleziona la voce di menu Opportunità ed esperimenti in un rapporto WebPageTest e ti verrà presentato un elenco completo di risultati.

Le opportunità qui sono derivate da condizioni di test del mondo reale (simulate con hardware ove possibile). Il nostro test ha indicato un'opportunità per testare nuovamente la sperimentazione con variazioni delle risorse che bloccano il rendering (in genere JavaScript e CSS), immagini caricate in modo lento, script di terze parti self-host e molto altro.

Testa script e fogli di stile asincroni, differiti o anche inline utilizzando l'interfaccia. Abbiamo scritto Cloudflare Worker JavaScript per inoltrare questi test e abbiamo anche aggiunto regole di stile inline per posticipare il caricamento del contenuto verso la parte inferiore della pagina, incluso il piè di pagina. La matrice iniziale delle integrazioni di WebPageTest può gestire la maggior parte, ma non tutti, i nostri test originali.

È un gioco da ragazzi mettere insieme i test ora.

Modifica le impostazioni del test e inizia a eseguire variazioni per affinare il Santo Graal dei Core Web Vitals verdi su tutta la linea. L'offerta è straordinariamente completa e copre molto di più di ciò che influisce sulle prestazioni di una pagina Web.

Troverai tre categorie che raggruppano le opportunità di sperimentare in base alle seguenti domande:

• È veloce? Quickness classifica e raggruppa gli esperimenti di ottimizzazione delle prestazioni.
• È utilizzabile? L'usabilità raggruppa gli errori di convalida HTML che possono creare problemi con i lettori di schermo e cose che influiscono sui cambiamenti di layout.
• È resiliente? La resilienza va a problemi di sicurezza, compresi i protocolli misti. Modifica le impostazioni del test con un'interfaccia checkbox e inizia a eseguire variazioni. Otterrai opzioni raffinate nel rapporto di confronto.

Dashboard per una suite di test

WebPageTest deve assomigliare a una dashboard per una suite di test e riuscire a farlo all'interno di rapporti che forniscono più dettagli rispetto a Lighthouse e con una rappresentazione del grafico a cascata di gran lunga migliore rispetto a Chrome Dev Tools.

Sebbene sia vero, con punta e clicca puoi eseguire esperimenti HTML in un ambiente "senza codice", i dettagli forniti e la navigazione richiedono esperienza e l'esperienza di codifica è la migliore.

Un nuovo esperimento integrato replica un'altra attività di lavoro Cloudflare rimuovendo tutto JavaScript. Avere cose del genere così accessibili è eccezionalmente più comodo che scrivere uno script per le variazioni di test.

Gli esperimenti avanzati ci consentono di inserire HTML in posizioni chiave, testare tattiche per modificare l'ordine di caricamento, non caricare o modificare, inclusa la minimizzazione, le risorse.

Non c'è letteralmente nulla tecnicamente che ci impedisce di testare praticamente qualsiasi cosa su qualsiasi pagina.

Cadi nella fossa del successo

I rapporti di confronto stessi servono a incanalarti nella selezione e nel testare nuovamente più varianti. Il banner delle metriche dei risultati include punteggi di miglioramento e peggioramento codificati a colori tra il controllo e l'esperimento.

Di seguito viene visualizzata una sezione sulle opportunità rimanenti con un sottoinsieme di opzioni dell'esperimento. Puoi fare clic per ottenere un miglioramento significativo.

Abbiamo svolto il duro lavoro per scrivere test per la dimostrazione presso SMX Advanced e quando saremo in diretta puoi aspettarti che copriamo questo importante aggiornamento per gli stessi strumenti che abbiamo utilizzato. Sarà molto più facile.

Vedremo se il rapido ciclo testuale delle integrazioni dell'esperimento WebPageTest otterrà ciò che ci stavamo già preparando a fornire. Vediamo se riusciamo a diventare verdi su tutta la linea.