it-swarm.com.de

Stylesheet-Umschalter Ladezeit verlängern?

Ich verwende den Stylesheet-Switcher, der eine Reihe von alternativen Stylesheets für den media = "screen" verwendet und auf Anweisung des Benutzers zu diesen Styles wechselt.

Aber auf der Webseite muss ich mehrere http-Anfragen verwenden, um so viele Stylesheets zu verlinken, was die Ladezeit erhöht.

Kann ich den Code trotzdem so ändern, dass er schnell geladen wird? Wie das Kombinieren funktioniert, weiß ich nicht, da alle Stylesheets unterschiedlich sind.

3
Pankaj

Verwenden Sie JavaScript, um die <link> -Tags für jedes alternative Stylesheet hinzuzufügen, nachdem das DOM geladen wurde. Auf diese Weise wird die Seite schneller geladen und der Benutzer sieht sie sich an. Bevor er jedoch die Möglichkeit hat, etwas zu tun, lädt der Browser die alternativen Stylesheets nahtlos in den Hintergrund.

1
John Conde

Ich weiß nicht, wie Sie die alternativen Stylesheets einfügen, aber ein <link rel="alternate stylesheet" … /> wird NICHT automatisch von einem Browser geladen. Stattdessen bieten moderne Browser wie Opera oder Firefox eine Menüoption, mit der der Benutzer zu einem anderen Stylesheet wechseln kann. Das kann man aber auch mit JavaScript aufpeppen. Siehe zum Beispiel "Alternativer Stil: Arbeiten mit alternativen Stilvorlagen" (ALA, 2001)

0
feeela