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

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

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

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

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

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

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


person Flo    schedule 14.04.2018    source источник


Ответы (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)

Вы набираете очки, и воспринимаемая скорость загрузки страницы резко возрастает.

person MacroMan    schedule 10.05.2018