Ich suche nach den größten Fehlern, die Sie in Ihrem CSS-Code machen können; CSS-Regeln, die die Geschwindigkeit des Browsers verlangsamen (Rendering).
Zum Beispiel:
%Vor%Wenn Sie 10 ziehbare Elemente (viele Tags innerhalb) mit dieser Klasse haben, wäre der Widerstand sehr langsam (Ruck). Kennt also jemand eine Liste von CSS-Regeln, die Sie nicht verwenden sollten?
Eine, die man leicht machen kann: Die Verwendung eines winzigen Bildes (etwa 5x5) als Hintergrundwiederholung für große Bereiche ist beim Rendern langsam. Daher ist es ratsam, ein größeres Bild für Wiederholungsmuster zu verwenden (z. B. 50x50). Die Größe einer Datei erhöht sich nur geringfügig, aber die Leistung ist viel besser.
Vermeiden Sie lange Wege, d. h.
%Vor%Vermeiden Sie CSS-Ausdrücke, d. h.
%Vor%Und alles, was Microsoft implementiert hat, d. h. DX etc.
Das Zuweisen von Überlaufeinstellungen zu den Elementen verlangsamt das Scrollen in mobilen Browsern
Tags und Links optimization css