Как ускорить загрузку сайта?

Question

[Артур Шалохин]

делал сайт remzona.esy.es , скорость загрузки была более менее адекватной, но когда добавил блок с галереей изображений скорость загрузки уменьшилась где-то в 3 раза
пожалуйста добрые люди, посоветуйте как это исправить

Comments

[Сергей]

remzona.esy.es/images/home-bg.jpg огромное фото

Answer 1

[Александр]

у вас, во первых, не оптимизированы изображения

воспользуйтесь
https://gtmetrix.com/reports/remzona.esy.es/i3wqJn8r
или другим инструментом (тот же гуглпейджспид) чтоб оптимизировать изображения
это сэкономит вам порядка 160кб

это нужно сделать, но радикально эту проблему не решит
можно сделать так чтобы они подгружались при клике на ссылку? - можно :)
есть разные способы

также еще есть Ленивая загрузка изображений лейзи лоад
плагин который подгружает картинки по мере прокрутки страницы

и да - ваш прелоадер, кажется не очень хорошая затея

Comments

[Артур Шалохин]

благодарю вас)
о прелоадере я такого же мнения)

Answer 2

[Cyber_bober]

У хрома есть аудит страницы.

Comments

[Артур Шалохин]

это понятно, что файлы не все минифицированы...
просто тут из-за галереии пришлось залить 6 тяжёлых изображений, и я так понимаю они грузятся со всей страницей сразу.
можно ли сделать так чтобы они подгружались при клике на ссылку?

[Cyber_bober]

Артур Шалохин: можно

Answer 3

[Виталий Михалюк]

У тебя 9 скриптов, сбрось ближе к футеру, пусть позже подгружаются, а картинки - в Photoshop есть функция экспорта для WEB - ты их втрое ужмешь (может и не втрое, не могу сейчас проверить, только установил Windows и еще не успел инсталлировать Photoshop). Минус загрузки скриптов в футер - короткое мигание страницы при загрузке, впрочем - не все замечают или, по крайней мере, обращают внимание. Ну и кэширование браузера поставь.