Как исправить «Удалите код 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, препятствующий отображению» на общее число баллов.

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

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *