Как исправить «Удалите код JavaScript, препятствующий отображению»

Если при проверке в Page Speed Insights вы получаете много файлов в «Удалите код JavaScript, препятствующий отображению», то нужно сделать следующие операции.

Во-первых необходимо поставить асинхронную загрузку некритичных JS файлов везде где только можно, например это могут быть разнообразные счетчики, например от Рамблера. Для этого нужно добавить async в строку подключения, например

<script async id="top100Counter" type="text/javascript" src="https://counter.rambler.ru/top100.jcn?2751891"></script>

Второе — это перенести максиумум скриптов в конец файла.

Третье — грузить основную часть скриптов когда DOM уже сформирован, для этого можно использовать либо тег defer в JS

<script defer type="text/javascript" src="javascript/jquery.maskedinput.min.js"></script>

либо использовать подгрузку через jquery обернув его в document.ready, например

$(function () {
//then load the JavaScript file
$.getScript('javascript/jquery.maskedinput.min.js');
$.getScript('javascript/functions.js');
$.getScript('javascript/jquery.simplemodal.js');
$.getScript('javascript/contact.js');
});

Комбинация данных методов позволит Вам минимизировать влияние рекомендации «Удалите код JavaScript, препятствующий отображению» на общее число баллов.

Высоких Вам оценок!

Добавить комментарий

Ваш e-mail не будет опубликован.