Sollte ich "Präfix-frei" Plugin in meiner Website enthalten

Question

Prefix-free ist ein cooles Plugin von Lea Verou. Es hilft dem Entwickler, CSS3-Selektoren ohne Präfix zu schreiben. Ich frage mich, ob es sich lohnt, es in meine Website aufzunehmen.

Ich habe eine Website mit CSS3 und ich möchte wissen, ob das Laden einer JS-Datei, die das CSS nach dem Laden der Seite ändert, die Rendergeschwindigkeit meiner Seiten verringert und die clientseitige Leistung beeinträchtigt?

Answer 1

Natürlich wird die Ausführung eines Javascript, das Sie CSS ändert, die Leistung Ihrer Website sowohl in Bezug auf Javascript-Ausführungszeit und (Wieder-) Rendering-Geschwindigkeit Ihrer Website verringern.

Es ist sehr kostspielig, Javascript alles CSS untersuchen und ändern zu lassen. Ich bevorzuge solche Präprozessoren wie SASS oder LESS, mit denen Sie Präfix-freie CSS schreiben und das entsprechende vorangestellte CSS erzeugen können, bevor Sie es an den Client liefern. Natürlich hat dies den Nachteil, größere CSS-Dateien zu übertragen, aber das ist immer noch die Lösung, die ich bevorzuge.

Sie müssen nicht die notwendigen Mixins für sich selbst schreiben, es gibt im Grunde unzählige Erweiterungen, die die Arbeit für Sie erledigen und fertige Mixins zur Verfügung stellen.

Nur aus der Spitze von meinem Kopf: für weniger könnte man http://lessprefixer.com/ verwenden - für Sass http://compass-style.org/

Answer 2

Ja, können Sie Verringerung der Ladezeit erwarten und möglicherweise FOUC.

Wenn Sie die Endbenutzererfahrung nicht beeinträchtigen möchten, empfehle ich Ihnen, Tools wie LESS zu verwenden. Mit Less können Sie kompakteres, besser managbares CSS-Markup schreiben, das vor dem Senden vom Server zum Client in reguläres CSS umgewandelt wird. Es wird leicht css-prefix Problem behandeln.