Linuchs: Browser-Caching nutzen

Beitrag lesen

Die nächste Meldung lautet "2 blockierende CSS-Ressourcen" hier schlägt mir Google vor, ich sollte doch bitte meine CSS und JS Datei asynchron zu laden und aus dem "sichtbaren" Bereich zu entfernen. Was ist damit gemeint?

Google meint wohl, dass die CSS- und Javascript-Anweisungen eigene Dateien sein sollten, die im HTML-Dokument dann aufgerufen werden, etwa so:

<head>  
<link rel=stylesheet type='text/css' href='basis.css'>  
<script type="text/javascript" src="ajaxVorschlaege.js"></script>  
</head>

Vorteil:
Solche Dateien geten in der Regel für mehrere HTML-Seiten einer Domain und müssen nur einmal geladen werden, während der Inline-Code bei jeder HTML-Seite erneut redundant zu übertragen ist.

Nachteil:
Oft bin ich auf Seiten, die bei der Anzeige "seltsam" aussehen, um ein paar Sekunden später erneut aufgebaut zu werden. Dann ist also die layout-gebende Datei später eingetroffen.

Linuchs