CSS asynchron laden

Sie wollen die letzten Millisekunden herausholen, um die Ladezeit Ihrer Webseite zu verbessern? Dann sind Sie hier genau richtig. Ein kleines Javascript hilft, um eine externe CSS-Datei asynchron zur eigentlichen HTML-Seite zu laden und damit das Rendering zu verbessern.

Das Script

<script type="text/javascript">
var resource = document.createElement('link'); 
  resource.setAttribute("rel", "stylesheet");
  resource.setAttribute("href","https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");
  resource.setAttribute("type","text/css");      
  var head = document.getElementsByTagName('head')[0];
  head.appendChild(resource);
</script>

Natürlich können Sie den URL unter „href“ entsprechend anpassen.

Schreibe einen Kommentar