Ist CSS text-transform teuer in Bezug auf die Verarbeitung? Es scheint mir, dass der Browser gezwungen ist, etwas zu tun, was er normalerweise nicht tun müsste ( wenn Sie nicht transformiert haben), aber ist das eine erhebliche Menge an Verarbeitung? Beeinflusst es überhaupt die Leistung?
Es kann etwas mehr Bearbeitung vom Client-Browser erfordern, aber das wird völlig unbedeutend sein, es sei denn, Sie transformieren Seiten und Seiten mit Text (und wenn Sie das tun, tun Sie etwas falsch).
Sie haben auch den Aufwand, die CSS-Eigenschaft in Ihr Stylesheet (schwerere Datei) zu schreiben, aber es sind wieder nur ein paar Zeichen, die keinen Unterschied machen sollten.
Ich wurde neugierig, also habe ich ein paar grundlegende Benchmarks gemacht. Auf Firefox 3 habe ich eine Seite mit 200 Absätzen von Lorem Lipsum angezeigt.
Das Rendern dauert zwischen <0,150 s bis 0,175 s
Beim Hinzufügen von text-transform:none sehe ich keinen signifikanten Unterschied.
Beim Hinzufügen von text-transform:uppercase dauert es jetzt zwischen 0.350s und 0.380s
Beim Hinzufügen von text-transform:capitalize dauert es jetzt zwischen 0.320s und 0.350s
Beim Hinzufügen von text-transform:lowercase dauert es jetzt zwischen 0.320s und 0.350s
Also haben wir anscheinend einige Gemeinkosten, die das verarbeiten, aber ich mache wieder Hunderte von Zeilen kapital und es kostet nur 0,2s. Wenn ich Sie wäre, würde ich es verwenden, ohne über die Leistung zu viel nachzudenken, es sei denn, Sie möchten riesige Textblöcke in Text umwandeln.
Ich sehe keinen Grund, warum es "teurer" sein sollte als jeder andere CSS-Stil. Alles, was es tut, ist eine Zeichenkette in Groß- / Kleinschreibung umzuwandeln, was kaum der anstrengendste Prozess ist, den ein Computer ausführen kann.
Ich würde es mit Kursivschrift oder Fettdruck vergleichen; Beide Stile ändern effektiv die Schriftart für die gesamte Zeichenfolge, aber Sie würden nicht in Betracht ziehen, sie nicht zu verwenden, falls es für den Browser prozessorintensiv ist, oder?
Das einzige Mal, dass Sie sich vorstellen könnten, dass text-transform eine harte Zeit hat, wäre, wenn Sie einen nicht-lateinischen Zeichensatz verwenden. In diesem Fall macht die Umwandlung in Groß- / Kleinschreibung keinen Sinn. Aber Sie können ziemlich sicher sein, dass die Macher der Brower das abgedeckt haben. (Und in jedem Fall, wenn Sie in dieser Position sind, warum sollten Sie text-transform überhaupt verwenden?)
Tags und Links css performance transform