Interne vs. Externe CSS

Was die vor-und Nachteile auf Interne vs. Externe CSS, denken, Geschwindigkeit, requests, caching etc..? Ich persönlich bin mir nicht sicher, ob interne css dynamische Seiten-cache..?

InformationsquelleAutor olemarius | 2009-02-16
  1. 13

    Profis für den internen CSS -:
    - schnellere downloads: denken Sie daran, dass es einen zusätzlichen HTTP-Anforderung für jeder externen Stylesheets, das Sie haben

    Profis für externe CSS -:
    - es ist üblich, dass websites, die gemeinsame "Thema" in allen seinen Seiten. Sie können den club allen solche gemeinsame Stile in eine externe Datei mit einem download erhalten Sie den gewünschten Stil, die verwendet werden können in mehrere Seiten: spart download-Zeit
    - Sie können den cache auch externe Stile und stellen Sie ein entsprechendes Gültigkeitsdatum ein.

    Einer Sache dagegen für den internen CSS ist, dass es erhöht die download-Größe der html-Datei.

    Beste Ansatz:
    - verwenden Sie mischen, interne + externe styles je nachdem, welche Stile sind in-diff-Seiten
    - stellen Sie sicher, dass Ablauf-Einstellungen auf externe styles und cache Sie.

    Vorteil der Kombination mit Cache-Ablauf-Einstellungen:
    "Look and feel" der web-apps unterliegt den folgenden:

    • Sie wollen in der Regel zu halten 'Gefühl' über alle Seiten
    • die Inhalte ändern sich eher Häufig als das styling

    Wenn Sie die Stile im externen CSS-Datei, und legen Sie einen cache-Ablauf von sagen wir 1 Monat, dann während dieser Zeit haben alle Benutzer sehr gering "start" Verzögerungen, da nur die Inhalte aus, die geändert werden heruntergeladen: die styles wiederverwendet werden von Ihrem browser-cache. Der browser die Anforderung einer Aktualisierung automatisch das erste mal, dass jemand versucht, auf Ihre Seite nach dem Verfallsdatum.

    • Ich bin nicht allzu vertraut mit, wie das caching der html-Seiten funktioniert.. alle Seiten sind ziemlich dynamisch und werden aus geändert werden jedes mal, wenn ein Benutzer besucht. Bedeutet das, dass die gesamte Seite neu geladen werden?
    • Im Allgemeinen, ein weniger HTTP-request nicht höher sind als die zusätzlichen x-KB, die zu einer Seite Hinzugefügt, die als ein Ergebnis von inline-CSS, wenn ich akzeptiere, dass-styling (nur in der 1-Seite) könnte besser sein inklusive inline.
    • [für 'inline' Lesen 'intern']
    • Ja eine zusätzliche http-Anfrage möglicherweise nicht egal, aber in der Regel gibt es eine Tendenz für die Verwendung mehrerer CSS-Dateien in mehrere Seiten einer Anwendung. In solchen Fällen tut es der Wirkung die Gesamtleistung.
    InformationsquelleAutor Sesh
  2. 10

    Wenn die Seite cachable, die interne CSS für diese Seite ist auch cachable (Teil der Seite). Aber auch externe stylesheets haben den Vorteil, dass Sie verwendet werden können, für viele Seiten und die sind nur einmal angefordert, wenn cachable.

    HIERFÜR müssen Sie zunächst eine zusätzliche Anfrage (externen stylesheet), aber dann weniger Daten zur übertragung auf weitere Anfragen.

    InformationsquelleAutor Gumbo
  3. 1

    Nein, Sie will nicht. Externe CSS gecached werden können, über mehrere Seiten hinweg/Anfragen, außerdem Sie können in der Regel komprimieren Sie diese Dateien mit gzip.

    InformationsquelleAutor Ferdinand Beyer
  4. 1

    Verwendung von externen CSS sorgt für das Aussehen der alle Ihre Seiten einheitlich ist, zumindest, wenn man 1 CSS-Datei, die für die gesamte Website. Es kann ein speed-Strafe für die erste Seite, aber dann ab auf die CSS-Datei zwischengespeichert wird, und als Ergebnis werden auf den folgenden Seiten tatsächlich schneller geladen werden.

    Ich gelegentlich die Verwendung von internen CSS, wo es sehr auf die spezifische Seite, und der nicht an anderer Stelle verwenden. Nie legen Sie Sie in-line, obwohl; in-line CSS ist sehr schwer zu pflegen.

    InformationsquelleAutor stevenvh
Schreibe einen Kommentar