Dati reali sulle prestazioni per Lighthouse

rrit · 14 Gennaio 2022, 11:38pm

Possiamo escludere lo user-agent “Chrome-Lighthouse” dai crawler e quindi mostrare a Lighthouse la visualizzazione reale dell’applicazione?

github.com/discourse/discourse

DEV: use application-layout for crawler Chrome-Lighthouse

main ← rr-it:dev/measure-perf-lighthouse-crawler

opened 11:24PM - 14 Jan 22 UTC

rr-it

+1 -0

Exclude user-agent Chrome-Lighthouse from crawlers and show it the real applicat…ion view. This enables [Lightouse](https://github.com/GoogleChrome/lighthouse) in Chrome DevTools and [PageSpeed Insights](https://pagespeed.web.dev/) to measure the performance of Discourse like viewed by an user. Until now Lighthouse measured the performance for an user-device which is rendering the crawler-layout - this never happens in reality.

Prestazioni della visualizzazione dell’applicazione

Ciò consente a Lighthouse in Chrome DevTools e PageSpeed Insights di misurare le prestazioni di Discourse come visualizzate da un utente.

Prestazioni della visualizzazione del crawler

Fino ad ora Lighthouse misurava le prestazioni per un dispositivo utente che stava renderizzando il layout del crawler, cosa che non accade mai nella realtà.

codinghorror · 14 Gennaio 2022, 11:51pm

Quando eseguiranno quei test di performance di Lighthouse su un modello recente di iPhone (anche un iPhone 8 o successivo), sarò favorevole. Al momento le prestazioni di Android sono 3 volte (o più) più lente di quelle di iPhone, purtroppo.

Controlla il tuo dispositivo su Speedometer 2.0 per capire cosa intendo: questo misura le prestazioni JavaScript nel browser:

Fino a quando non eseguiranno Lighthouse su un iPhone (qualsiasi modello) per avere un contesto, mi opporrò assolutamente a qualsiasi modifica qui. Quando lo faranno, accetterò volentieri la PR, con entusiasmo.

rrit · 14 Gennaio 2022, 11:58pm

Per le loro metriche, stanno già raccogliendo “dati sull’esperienza utente reale” (set di dati CrUX) da circa 200 telefoni Android EUR/USD con Chrome in esecuzione e questi dati confluiscono nel report Core Web Vitals su Google Search Console.

Che ne dici di metterlo dietro un flag o abilitarlo solo per gli ambienti di sviluppo?

Falco · 15 Gennaio 2022, 12:08am

Puoi eseguire Lighthouse con un user agent personalizzato dalla tua macchina per ottenere i numeri delle prestazioni SPA.

rrit · 16 Gennaio 2022, 3:10pm

Affinché questa soluzione misuri la visualizzazione di Discourse intesa:

vista mobile: aggiungi ?mobile_view=1 all’URL
vista desktop: aggiungi ?mobile_view=0 all’URL

Questa impostazione viene ricordata in LocalStorage. Quindi reimpostala una volta se necessario:
Aggiungi ?mobile_view=auto all’URL.

github.com/discourse/discourse

app/assets/javascripts/discourse/app/lib/mobile.js

1472e47aa


      
          if (window.location.search.match(/mobile_view=1/)) {
            localStorage.mobileView = true;
          }
          if (window.location.search.match(/mobile_view=0/)) {
            localStorage.mobileView = false;
          }
          if (window.location.search.match(/mobile_view=auto/)) {
            localStorage.removeItem("mobileView");
          }
          if (localStorage.mobileView) {
            let savedValue = localStorage.mobileView === "true";
            if (savedValue !== this.mobileView) {
              this.reloadPage(savedValue);
            }
          }

Argomento		Risposte	Visualizzazioni
Android mobile device detection is too strict Bug	23	5821	Marzo 18, 2016
The State of JavaScript on Android in 2015 is... poor General	285	149024	Dicembre 18, 2022
Discourse not loading on legacy browsers Bug	56	5100	Maggio 16, 2022
Google Search Console/Schema Markup test tool "Google Rich Results Test": mobile-view instead of crawler-view Bug	3	765	Marzo 26, 2024
Broken crawler view when you disable Javascript Feature	1	643	Maggio 9, 2022

Dati reali sulle prestazioni per Lighthouse

Prestazioni della visualizzazione dell’applicazione

Prestazioni della visualizzazione del crawler

Argomenti correlati