Get best of the week

Neue Google PageSpeed ​​Insights mit Lighthouse 6 (Beta): Überprüfen Sie die Leistung Ihrer Website

Am 16. März veröffentlichte Google Chrome eine Beta-Version von Lighthouse 6. Die endgültige Version wird die Grundlage für Messungen in den neuen PageSpeed ​​Insights und der Chrome-Browser-Entwicklerkonsole bilden. Details und Motor im Inneren testen.

Hallo Habr. Ich bin Alexey von Loading.express.

Auf dem letzten Chrome Developer Summit gaben sie bekannt, dass sie bis Januar 2020 ein Update für PageSpeed ​​Insights veröffentlichen werden.

Bild

Sobald die Benachrichtigung kam, haben wir die Beta-Version von Lighthouse 6 auf unseren Servern bereitgestellt und die Innovationen eingehend untersucht. Hier sind die wichtigsten:

  • drei neue Metriken - TBT, LCP und CLS;
  • aktualisiertes Gerät zum Öffnen der Site;
  • Neue Audits für JS
  • Neue Audits im Bereich Barrierefreiheit
  • neuer Prüfungsgegenstand im PWA-Bereich.

Überprüfen Sie die neue Lighthouse-Engine hier:
lh6.loading.express

Drei neue Metriken im neuen PageSpeed-Bericht (Leuchtturm 6)


TBT - Gesamtblockierungszeit. Dies ist die Zeit, um Eingaben in Millisekunden zu blockieren, wenn ein Besucher auf der Website nichts tun kann. Es lädt. Wir warten. Selbst wenn Sie versuchen zu wischen, zu scrollen, zu klicken, erhalten Sie den Effekt des Einfrierens oder der Bewegung mit Unterbrechungen.

Leistung habr.com/ru/
TBT-Metriken für die Habr-Homepage

Was als schnell oder langsam gilt:

  • 0–300 ms - grüne Zone, schnell;
  • 300-600 ms - orange Zone, mäßig;
  • mehr als 600 ms - rote Zone, langsam.

LCP - Größte inhaltliche Farbe. Zeit, um den größten und sichtbarsten Inhalt auf dem Bildschirm zu rendern. Der Moment, in dem der Site-Besucher feststellte, dass die Site geladen wurde und Sie beginnen können. Diese Metrik wurde in Google nach Recherchen entwickelt. Wir haben es zusammen mit der Web Performance Working Group W3C besprochen , der Vertreter von Airbnb Inc, Facebook, der Mozilla Foundation, der Intel Corporation und anderen angehörten.

Was ist gut und was schlecht:

  • 0-2 Sek. - grüne Zone, schnell;
  • 2-4 Sek. - orange Zone, mäßig;
  • mehr als 4 Sekunden - rote Zone, langsam.

CLS - Kumulative Layoutverschiebung. Diese Metrik fasst die Ergebnisse jeder Seitenverschiebung zusammen, die beim Laden der Seite auftritt. Jeder erinnert sich an den Moment, in dem er die Seite besucht, Sie anfangen zu lesen und plötzlich läuft der gesamte Inhalt irgendwo weg. Dadurch wurden die Anzeigen von oben geladen und der gesamte Inhalt nach unten gedrückt. Jetzt berücksichtigt Google diese Verschiebungen und je mehr sie sind, desto höher ist die Punktzahl.

Werte von 0 bis 1. Bis zu 0,5 ist gut, näher an 1 ist schlecht.

Der FID-Parameter wurde aus dem Bericht entfernt. TBT- und JS-Messberichte wurden teilweise übernommen.

Neues Gerät zum Öffnen der Seite Moto G4



Die Nachahmung des Geräts, auf dem Google Ihre Website geöffnet hat, entsprach dem Bildschirm des Nexus 5 aus dem Jahr 2013. Und viele Performance-Berater waren ratlos, bis es als Modellgerät galt. Und so, im Jahr 2020 - ein neues Gerät - Moto G4 (emuliert) von 2016. Dies bedeutet, dass Menschen im Durchschnitt weltweit die Geräte aktualisiert haben, von denen aus sie auf Websites zugreifen.

Neue Audits im Leuchtturm 6


JS - Wenn jetzt beim Laden Ihrer Site zu viel Javascript ausgeführt wird, meldet GPSI dies separat.

Barrierefreiheit - Neue Prüfpunkte beziehen sich auf die Anzeige von Site-Elementen für Textleser im Audioformat für Sehbehinderte. Es besteht die Meinung, dass Sprachassistenten dieses Markup ebenfalls verwenden werden. Character

Encoding Audit - Encoding müssen deklariert werden.

PWA- Prüfung für maskierbare Symbole - eine Prüfung, bei der überprüft wird, ob für eine Maske ein Vektorsymbol vorhanden ist. Wenn nicht, wird er empfehlen, ein Vektorformat zu erstellen.

Schlussfolgerungen zum neuen Audit der Geschwindigkeit von Ladestellen Leuchtturm 6


PageSpeed ​​Insights hatte dieses globale Update zuletzt im November 2018. Dann fielen viele Sites in die rote Zone, da PageSpeed ​​vor dem Update nicht die Ladegeschwindigkeit von Sites maß, sondern Empfehlungen zur Optimierung verschiedener Parameter zeigte, die die Ladegeschwindigkeit beeinflussen könnten.

Diejenigen, die dieses Update verpasst haben, können sich immer noch irren und allen versichern, dass GPSI die Geschwindigkeit des Ladens von Websites nicht misst.

Mit dem neuen Lighthouse 6 wird die Geschwindigkeitsmessung für Entwickler und Websitebesitzer verständlicher.

Schnelle Websites und hohe Conversions.

More articles:


All Articles