Как по отчету понять, почему долго грузится сайт?

Question

[Максим Мымрин]

Добрый день. Знакомый дал посмотреть сайт. Пароль на хостинг. Проблема-долго грузится сайт.
Поскольку я новичок,умею только на вордпрессе.
Расскажите,что по этим отчетам можно сказать о причине
скрин, из инструмента разработчика network и скрин из PageSpeed Insights

spoiler

Comments

[WapSter]

Так в отчёте все сказано, что нужно сделать.

Поскольку я новичок,умею только на вордпрессе.

и доступа к Гуглу у тебя конечно нет, ВордПресс то тут причем

Answer 1

[Andrey Vasilev]

1. Очень много картинок, все картинки в webp или jpg переделывай.
2. Та же тема (кодировка изображений)
3. Опять туда же. Если тебе требуется картинка 100x100 ты и ставь 100x100, а не 1920x1080 и потом через css ужимаешь ещё до 100x100 - так не работает, подгрузится полная картинка.
4. Неиспользуемый код удаляй + минифицируй js/css

Comments

[Максим Мымрин]

Бро,скажи.. Как этому всему научиться ..Я только в вордпресс для себя несколько сайтов делал и лендинги копировал.
А как научиться ,тому что ты написал. Поскольку код там сложный, много всего .Какие курсы и книги ?

[Andrey Vasilev]

Максим Мымрин, другалёк, это дело 5 минут.
По картинкам: скачай все картинки с сайта и забей в инете: конвертер изображений и все картинки в webp.
Минификатор css/js: https://www.minifier.org/
вставляешь код полноценный - получаешь min версию и ставишь себе

[Andrey Vasilev]

Максим Мымрин, https://serpstat.com/ru/blog/polnij-gajd-po-optimi...

[Andrey Vasilev]

Максим Мымрин, по факту все изображения лежат в корне сайта: "какой-нибудь img". Все качай и меняй пути в разметке. Если сайт на wordpress - есть какой-нибудь плагин который подрубает lazy-loading и картинки пережимает

[Максим Мымрин]

Да в том-то и дело,что сайт не на вордпресс .. Похоже на самописный cms

[Andrey Vasilev]

Максим Мымрин, ничего в этом страшного нет. выполняй все пункты и реально посмотри что там с js файлом, который не грузится

[Vaslav24]

Неиспользуемый код удаляй + минифицируй js/css

Подскажите, какие есть способы найти неиспользуемый код, что бы его удалить?

[Andrey Vasilev]

Vaslav24, Как чистить неиспользуемый код js, css?

Answer 2

[Алексей Уколов]

main.js не загрузился, но на 20 секунд заблокировал всю страницу - эту проблему и нужно решать в первую очередь.

Как по отчету понять, почему долго грузится сайт?

Прочитать в нём не только заголовки.