CSS-Leistung mit Medienabfragen
Ich frage mich, ob CSS "schwer" sein kann, z. Verwenden Sie viel Zeit zum Parsen von einem Browser.
Zum Beispiel verwende ich ein CSS-Blatt mit vielen spezifischen Selektoren, wie
%Vor%usw. Kann das die Leistung spürbar beeinflussen?
Gleiches gilt für die Verwendung von Medienabfragen. Ich möchte eine Website mit CSS3-Medienabfragen für mobile Geräte zugänglich machen:
%Vor%Im Moment habe ich ungefähr 600 Zeilen CSS (nicht verkleinert) in meiner Hauptdatei und für einige spezifische Seiten zusätzliche CSS-Dateien (zwischen 10-300 Zeilen).
Die Verwendung von Medienabfragen würde wesentlich zu dem beitragen, was ich erwarte. Wird sich das auf die Leistung auswirken?
1 Antwort
Am einfachsten ist es, ein Webkit oder Chrome Canary zu überprüfen und dann die neue Prüfung auf CSS-Leistung zu überprüfen. Sie können sehen, wie lange jeder Selektor benötigt und wie viel Prozent der Gesamtzeit benötigt werden. Die neuen Versionen von Opera haben auch ein ähnliches Werkzeug.
Hier ist ein kleiner Screenshot von dem, wie es aussieht:
Tags und Links css3 media-queries