Updates bei pagespeed10x

Am Wochenende habe ich mir mal wieder etwas Zeit genommen mein kleines Tool pagespeed10x zu aktualisieren. Es gab sogar eigentlich zwei Updates. Dashboard Einmal (v1.1.0) habe ich das Grafana-Dashboard aktualisiert. Diese Änderung ist eigentlich die interessantere, weil sie sichtbaren Mehrwert bietet. Die Legenden unter den Graphen sind jetzt viel übersichtlicher, bei den Feld-Daten wird nicht …

Excessive DOM size – Welche Auswirkungen hat das eigentlich? Ein Test

In Lighthouse kennt man eventuell die Warnung „Avoid an excessive DOM size“ gefolgt von der Anzahl der Elemente. Ich habe mal ein wenig getestet. Test-Aufbau Als Basis diente mir eine simple HTML-Seite mit einem ausschweifenden DOM in Länge und Tiefe, wobei im Beispiel <31-nested-DOM-Elements> stellvertretend für 31 weitere verschachtelte DOM-Elemente ohne eigenen Inhalt steht. Dazu …

Update für Lighthouse – Preload-Hints doch nicht so gut?

Am 13. Juli wurde das Update auf Lighthouse 8.1.0 veröffentlicht. Die neue Version sollte in Kürze auch in PageSpeed Insights benutzt werden (normal sind ca. zwei Wochen nach Veröffentlichung) und glücklicherweise findet die neue Lighthouse-Version dann auch noch gleich Einzug in die Dev-Tools von Chrome 93 Ende August. Preload-Hints So großartig Neues gibt es nicht, …

Missverständnisse in PageSpeed Insights

An ein paar Stellen hatte ich es ja schon mal durchblicken lassen, dass ich Googles Kommunikation bezüglich Web Performance und Core Web Vitals für optimierungsbedürftig halte. Damit meine ich nicht einmal die verschiedenen Tools, ihre Zusammenspiel und ihre unterschiedlichen Versionen. Sondern tatsächlich die ganz konkrete Präsentation der Daten. PageSpeed Insights (PSI) schätze ich zwar, weil …

PageSpeed Insights: Video-Tutorial

Seit ich mich mit Web Performance-Optimierung beschäftige und PageSpeed Insights einsetze habe ich viel gelernt und in Unterhaltungen mit Anderen die Stolpersteine des Tools kennen gelernt. So suggeriert die Ergebnisseite beispielsweise, dass der Score und die Felddaten in irgendeiner Weise zusammen hängen – sie stehen ja auch direkt untereinander. Ich habe mich jetzt einmal hingesetzt …

Überblick behalten: Wichtige Changelogs und Release Notes

Das Web Performance-Thema ist für sich genommen schon umfangreich. Neben dem technischen Wissen der Performance-Optimierung gehört auch die Analyse von Messwerten dazu. Darüber hinaus ändern sich die Messmethoden aber auch mal (siehe CLS), FID ist nicht mehr zwingend erforderlich für das bestehen des Core Web Vital-Tests oder man muss genau hinschauen, mit welcher Version einer …

Core Web Vitals: Test ab jetzt auch mit nur zwei von drei Werten bestehen

Am 10 Juni gab es eine Änderung bei der Definition der Core Web Vitals in der Doku von PageSpeed Insights (PSI). Die Core Web Vitals (CWV) bestehen eigentlich aus FID, LCP und CLS – alle drei mussten bestanden werden um den Core Web Vitals-Test zu bestehen. Seit Kurzem kann einem auf der PSI-Ergebnisseite aber bei …

Überblick: Schwellenwerte der Performance-Score-Metriken und ihre Unterschiede in Field-Data und Lighthouse

Bei den Core Web Vitals wird angestrebt „Gut“ abzuschneiden, da dies seit kurzem einen Einfluss auf das mobile Ranking in Googles Suchergebnissen haben kann. Auch wenn SEO für einen nicht so relevant ist schadet es nicht gute Werte bei den Metriken zu erzielen, da eine gute Performance ja auch für normale User*innen einer Seite von …

Lighthouse v8 vor Veröffentlichung in PageSpeed Insights

Am vergangenen Mittwoch habe ich nicht schlecht gestaunt, als mein Grafana-Performance-Dashboard mir mehrere Gauges pro Metrik anzeigte. Da ich die verwendete Lighthouse-Version beim PageSpeed Insights-Test mit der Graphen-Legende anzeige bekomme ich eine Änderung visuell sehr einfach mit – es gibt zwei unterschiedlich eingefärbte Graphen und zwei Gauges. Das war im Prinzip auch nichts ungewöhnliches, erst …

Intro – Wer? Was? Wieso?

Mit Web-Performance beschäftige ich mich seit ca. eineinhalb Jahren immer intensiver innerhalb meines Jobs als Frontend-Entwickler. Auf diesem Weg habe ich schon viel gelernt und im Moment sieht es nicht so aus, als wenn sich daran bald etwas ändern würde. Um mein Wissen zu teilen habe ich dieses Blog ins Leben gerufen. Okay, auch um …