SEO

Отложенная загрузка скриптов. Google Page Speed

📅 👨‍💻 admin 👁 173 просмотров

В попытках угодить Google Page Speed 💯, приходится изворачиваться. Методом проб и ошибок, я написал собственный простой скрипт для этого ✍, поскольку не видел ничего подобного в открытом доступе.

loadJs предназначена для вставки обычных js файлов.
loadCss предназначена для вставки обычных css файлов.
Остальные скрипты (не файловые), вставляем ниже.

После этого, только когда человек или клиент сайта прокрутит страницу, скрипты начнут прогружаться. Это называется lazyload или отложенная загрузка. 🙂

<script>
function loadJs(url) {
    var script = document.createElement('script');
    script.src = url;
    document.documentElement.firstChild.appendChild(script);
}
function loadCss(url) {
    var css = document.createElement('link');
    css.setAttribute("rel", "stylesheet");
    css.setAttribute("type", "text/css");
    css.setAttribute("href", url);
    document.documentElement.firstChild.appendChild(css);
}

$(document).on("scroll", function once() {
//put your loadJs scripts

//put your others scripts

//end
$(document).off('scroll', once);
});
</script>