Wie kann verhindert werden, dass die verzögerte Formatierung bei jedem Seitenaufruf und nicht nur beim ersten Mal gelade ⇐ HTML

[Anonymous]

Ich versuche, die Leistung einer Website zu verbessern. Wir verwenden verzögertes Styling, sodass zunächst nur das kritische CSS geladen wird und die restlichen CSS-Dateien erst nach dem Laden der Seite geladen werden.

Das Problem hierbei ist, dass dies bei jedem Laden der Seite passiert. Wir möchten etwas erstellen, das die geladenen CSS-Dateien zwischenspeichert, damit die Dateien nicht bei jedem Laden einer Seite geladen werden.

Wie sorge ich dafür, dass meine Stylesheets vom Browser zwischengespeichert werden?

Wir verwenden https://developers.google.com/speed/doc ... SSDelivery

Code: Select all

 








var loadDeferredStyles = function () {
var addStylesNode = document.getElementById("deferred-styles");
var replacement  = document.createElement("div");
replacement.innerHTML = addStylesNode.textContent;
document.body.appendChild(replacement)
addStylesNode.parentElement.removeChild(addStylesNode);
};
var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
if (raf) raf(function () {
window.setTimeout(loadDeferredStyles, 0);
});
else window.addEventListener('load', loadDeferredStyles);