Я вам советую если вы не используете соединение с сервером в режиме реального времени(а я вам это рекомендую), то просто картинки в тегах пропишите так чтоби они допустим не загрузились, а потом на джс после загрузки страници пропишите им путь:
Замените это:
<img src="путь/к/картинке/картинка.png">
На это:
<img src-js="путь/к/картинке/картинка.png">
В джс:
window.onload = () => {
let images = document.querySelectorAll("img");
for (let img of images) {
img.src = img.getAttribute("src-js");
img.removeAttribute("src-js");
}
}
Это приведёт к тому что сначала браузер загрузит страницу и там не будет картинок(быстрее должно грузиться) а потом когда страница загрузилась(перестал крутиться лоадер браузера) джс загрузит картинки, то же самое можете сделать для других неважных скриптов и стилей, я это использую часто и мне помогает, страница загружается моментально
Средний