Ich hatte eine Reihe von Browser-Tabs mit Artikeln geöffnet, die sich alle mit Web-Performance befassten, und verdammt, wenn das Bloggen darüber eine Möglichkeit für mich ist, etwas Abschluss zu finden. Sie sind alle gut!
Manuel Matuzovic, Warum 543 KB halten mich nachts wach
Ja, ich weiß, es kommt darauf an. 543 KB sind nicht immer schlecht, aber auf dieser speziellen Seite gibt es nur ein einziges Bild (das Logo ~20 KB) und einen einzigen Absatz. Warum also ist die Seite immer noch relativ groß, woher kommen die restlichen 523 KB?
Spoiler: es war das JavaScript. Außerdem hatte ich keine Ahnung, dass Google eine empfohlene ideale DOM hat, die
- weniger als 1500 Knoten insgesamt hat.
- eine maximale Tiefe von 32 Knoten hat.
- keinen übergeordneten Knoten mit mehr als 60 Kindknoten hat.
Als Nächstes: Performante Front-End-Architektur (kein Verfasser angegeben)
Bundles-Splitting führt dazu, dass mehr Anfragen zum Laden Ihrer App gestellt werden. Aber solange die Anfragen parallel erfolgen, ist das kein großes Problem, besonders wenn Ihre Website über HTTP/2 bedient wird.
Dies alles beruht auf der Annahme, dass die App weitgehend eine clientseitige JavaScript-Site ist. Ich denke, es gibt einen riesigen Haufen leicht erreichbarer Performance-Früchte, aber es ist fast eine andere Liste, wenn man über clientseitige JavaScript-Sites spricht. Das macht Code-Splitting zu einer der obersten Prioritäten.
Jeremy Keith, Die Geschichte der Performance erzählen
Web Page Test ist ein großartiges Werkzeug zur Messung der Performance. Es kann auch als Werkzeug zum Erzählen von Geschichten verwendet werden.
WPT gibt Videos von der Ladezeit der Website aus. Legen Sie sie nebeneinander mit denen eines Mitbewerbers und zeigen Sie sie dem Kunden.
CP Clermont, Der Einfluss von Web-Performance
In diesem Beitrag bespreche ich, was ich bei ALDO getan habe, um die Auswirkungen der Web-Performance auf den Umsatz zu messen, *ohne* Zeit für Performance-Verbesserungen aufwenden zu müssen.
Es ist keine Überraschung, dass Nutzer mit schnelleren Erlebnissen mehr Umsatz generieren. Überraschend ist, wie viel mehr. Über 3x mehr auf Mobilgeräten und fast 6x mehr auf Desktops.