- Verwenden Sie die CSS -Auslöser, um zu erfahren, welche CSS -Eigenschaften Layout, Farbe und Verbundstoff auslösen. Diese Eigenschaften haben den schlimmsten Einfluss auf die Rendering -Leistung.
- Wechseln Sie zu Eigenschaften, die weniger Auswirkungen haben.
Was verursacht Reflow?
Reflow tritt auf, wenn Sie: ein Element in der DOM einfügen, entfernen oder aktualisieren. Inhalt in der Seite, z. Der Text in einem Eingabefeld. Bewegen Sie ein DOM -Element.
Was verursacht Layout -Thrashing?
Layout -Thrashing tritt auf, wenn JavaScript heftig schreibt und dann aus dem DOM lautet, was mehrmals Dokumentenreflexe verursacht, und dann muss der Webbrowser die Webseite neu streichen, was beim Laden der Seite eine erhebliche Verzögerung verursacht.
Wie schreibt man Leistung in CSS?
Laden eines CSS -Dateiblöckens, sodass die Leistung mit den folgenden Schritten verbessert werden kann:
- Extrahieren Sie die Stile, die zum Rendern von Elementen über der Falte verwendet werden. …
- Fügen Sie diese zu einem