Я пытаюсь повысить производительность веб-сайта. Мы используем отложенный стиль, поэтому сначала загружается только критически важный CSS, а остальные файлы CSS загружаются после загрузки страницы.
Проблема в том, что это происходит при каждой загрузке страницы. Мы хотим создать что-то, что кэширует загруженные файлы CSS, чтобы не загружать файлы при каждой загрузке страницы.
Как мне добиться, чтобы мои таблицы стилей кэшировались браузером?
Мы используем https://developers.google.com/speed/doc ... SSDelivery
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);
Подробнее здесь: https://stackoverflow.com/questions/527 ... f-only-the