Artikel mit Schlagwort

Meine Güte, überlassen Sie es Patrick Brosset, über CSS-Performance auf die zugänglichste und praktikabelste Weise zu sprechen. Nicht, dass CSS immer das ist, was die Geschwindigkeit verlangsamt, oder auch nur die am leichtesten zu erreichenden Verbesserungen ...

In meinem letzten Artikel haben wir besprochen, wie eine Web-App eingerichtet wird, die CSS- und JavaScript-Chunks und -Bundles von CloudFront bereitstellt. Wir haben sie in Vite integriert, sodass die App im Browser läuft, …

Ich habe eine Handvoll guter Links zu Artikeln über Performance, die mir in meinem Lesezeichen-Ordner unter den Nägeln brennen, und möchte sie hier teilen.…

Stoyan hat absolut Recht. So sehr wir CSS alle lieben, es ist immer noch ein wichtiger Faktor für die Ladezeit von Websites und weniger davon zu verwenden ist eine gute Sache. Er hat ein neues, schickes Bookmarklet namens CSS Me Not…

1. Verbessert Shadow DOM die Style-Performance? — Nolan Lawson beschreibt, wie aufgrund der inhärenten Kapselung des Shadow DOMs das Styling etwas schneller angewendet wird, als wenn diese Styling-Regeln für die gesamte Seite relevant wären. Aber

John James Jacoby:

Ich habe kürzlich bemerkt, dass Animationen in Safari auf meinem M1-basierten 2020 MacBook Air ziemlich stark ruckelten, und bin der Sache nachgegangen, um herauszufinden, warum.

Das Warum

Das war kein Bug. Das war ein Feature.

Ich habe einige blinde Flecken in Bezug auf CSS-bezogene Performance-Dinge. Ein Beispiel ist die will-change Eigenschaft. Es ist ein guter Name. Sie sagen dem Browser, dass eine bestimmte Eigenschaft (oder die scroll-position oder der Inhalt) äh, *wird*, sich ändern.

.el {
  will-change: opacity;