LESS und SASS machen CSS dank leistungsstarker Funktionen wie Funktionen, Variablen und Mixins einfacher zu schreiben und zu verwalten, aber da sie sich vor der Bereitstellung auf CSS kompilieren, beeinträchtigen sie die Leistung nicht im Geringsten. Ihre Leistung basiert ausschließlich auf der CSS-Ausgabe, die nur gut verinnerlicht werden kann.
Sie können die LESS-Funktion auf dem Client mit einem Javascript-Interpreter wie less.js ausführen lassen, aber ich habe noch keinen guten Grund, dies zu tun. Es ist sowohl langsamer (offensichtlich) als auch fast sicher größer aufgrund der Javascript-Library-Anforderung.
Ich stimme @JTolley zu: Der große Vorteil von SASS / LESS gegenüber CSS ist die Steigerung der Entwicklerleistung. Sie können mit weniger Code viel mehr tun und Ihr Projekt strukturiert und schön formatiert halten.
Wenn Sie Ihre Stylesheets auf mehrere Dokumente aufteilen, kompilieren die SASS / LESS-Vorprozessoren den Code in eine einzige CSS-Datei. Importanweisungen in einfachem CSS führen zu mehreren Anfragen. Yahoo Best Practices:
Reduzieren Sie die Anzahl der HTTP-Anfragen auf Ihrer Seite start.
Eine Stildeklaration in SASS / LESS im Vergleich zu einer Deklaration in reinem CSS macht keinen Unterschied: Sie sind beide CSS. Aber andererseits finde ich es viel einfacher, schön und strukturiert mit einem Framework zu arbeiten. Variablen, Verschachtelung, Mixins und Selektorvererbung helfen mir, besser zu codieren und enden mit einer kleineren Dateigröße.
Hinweis: Wenn Sie viel verschachteln, werden lange Selektoren erstellt. Lange Selektoren benötigen mehr Renderzeit.
Der Wechsel von einfachem CSS zu SCSS und zurück ist einfach. CSS ist gültig SCSS und SCSS wird CSS ausgeben.
Also probier es aus.
Tags und Links css performance less sass