Оценка производительности Google Chrome Lighthouse 0

Question

В Google Chrome Lighthouse мой рейтинг лучших практик равен 75, а SEO - 90, а мой показатель эффективности - 0.

Я продолжаю получать уведомления, что моя "Первая значимая краска" занимает до 43 секунд!

Я читал здесь и здесь. И попытался разобраться, что является причиной этого. Я сделал почти все, что рекомендовано в отчете, и я могу придумать, как повысить производительность:

• минимизировать JS/CSS
• расслоение JS
• ленивая загрузка изображений
• исключить сторонние социальные скрипты
• сжать страницу
• уменьшить блокировку рендера CSS/JS

Я запускаю тест в сеансе анонимного просмотра без активных расширений. Но, тем не менее, мой результат равен 0 в этом отчете!

Страница, которую я тестирую, находится здесь. Что еще я могу сделать, чтобы это исправить?

Answer 1

После анализа вашей страницы, вот шаги, которые я бы сделал.

1. Добавить rel=preload атрибут для CSS-ссылок шрифта ( https://developers.google.com/web/updates/2016/03/link-rel-preload)
2. Используйте форматы изображений следующего поколения, такие как webp и jpeg-xr (вы можете попробовать https://cloudinary.com/ если вы не хотите использовать свой собственный сервер)
3. Вставьте над сгибом CSS в голову и отложите загрузку внешних файлов CSS ( https://jonassebastianohlsson.com/criticalpathcssgenerator/)
4. Увеличьте TTL CacheControl для изображений до 30 дней (в настоящее время у вас есть 7 дней) ( https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching)

Благодаря этому вы значительно увеличите оценку и скорость загрузки страницы.