Einige von mir kürzlich gespeicherte und gelesene Performance-Blog-Posts

Back/forward cache – Ich ging immer davon aus, dass Browser einfach clevere Dinge mit den Vorwärts-/Rückwärtstasten machen und wir Entwickler sehr wenig Kontrolle haben. Philip Walton sagt uns, dass es entscheidend ist, zu verstehen, „was Seiten für den bfcache berechtigt (und disqualifiziert), um ihre Cache-Trefferraten zu maximieren“. Wenn Sie beispielsweise das unload-Ereignis verwenden, wird die Seite sofort vom Cache ausgeschlossen.
Big Picture Performance-Analyse mit Lighthouse Parade – Lighthouse testet nur eine Seite Ihrer Website. Lighthouse Parade testet alle URLs einer Website und aggregiert die Ergebnisse.
Beyond fast with new performance features – Jake Archibald beschäftigt sich mit der CSS-Eigenschaft content-visibility (und einigen anderen Dingen) und wie sie zu unglaublichen Performance-Schüben führen kann (Sie verwenden sie, um dem Browser mitzuteilen, dass es absolut in Ordnung ist, Dinge nicht zu rendern). Im Moment macht mich content-visiblity nervös, da es Probleme mit Scrollbalken-Ruckeln und Zugänglichkeitsproblemen gibt. Ich fand es auf den ersten Blick ein bisschen verwirrend, und Tim Kadlec hat Vorbehalte.
Bilddekodierung & visuelle Zeiten – Die Bildperformance hängt nicht *nur* von der Größe des Bildes ab. Verschiedene Formate benötigen unterschiedliche Zeiten zum Dekodieren und Rendern. GIF gewinnt nie.
Wie man die Performance von CSS-in-JS um das 175-fache steigert – Der Trick, liebe Leser, ist das Ausliefern von CSS. Sie können weiterhin CSS-in-JS während der Entwicklung verwenden und den Build-Prozess das CSS erstellen lassen. Das nennen sie „Zero-Runtime“ wie Linaria.
Performance testen – Kelly Sutton: „Der beste Ansatz, den ich gefunden habe, um Performance-Regressionen zu verhindern, ist die qualitative Bewertung des Codes.“ Performance ist ein so unhandliches Biest, dass Sie erst in der Produktion wirklich wissen werden, was passiert.
Front-End Performance Checkliste 2021 – Wenn Sie dieses Jahr ernsthaft mit Performance ernst machen wollen, ist es ratsam, sich mit Vitalys Anleitung zu beschäftigen.
Wir haben eine Million Webseiten gerendert, um herauszufinden, was das Web langsam macht – HTTP/2 ist ein starker Indikator für gute Performance.