Ошибки в GSC - FID, CLS и LSP

В отчете об основных интернет-показателях присутствуют данные метрик FID, CLS и LSP реальных посетителей сайта, именно на этих показателях основывается Core Web Vitals

Отчет об этих ошибках показывает производительность страниц сайта, связанных со скоростью, отзывчивостью и визуальной стабильностью

• LCP — скорость загрузки самого большого элемента в видимой области просмотра;
  
• FID — время до первого взаимодействия с контентом ;
  
• CLS — визуальная стабильность верстки
  

Вот несколько важных рекомендаций, которые помогут составить ТЗ для программиста

1. В первую очередь необходимо выделить шаблоны страниц, которые вызывают проблемы. В дальнейшем составлять ТЗ лучше рассматривая каждый шаблон отдельно, т.к. в разных шаблонах страниц могут присутствовать различные проблемы
   


2. Произвести оценку скорости загрузки всех типов страниц с помощью PageSpeed Insights
   


3. Исходя из отчетов оптимизации и диагностики, выделить ключевые моменты, которые нужно исправить для каждого шаблона страниц и на их основе составить рекомендации.
   


4. Указать программисту желаемый балл, который необходимо достигнуть. Рекомендуем иметь 75-60 для мобильной версии. Тут важно реально оценивать ситуацию и понимать, что очень высокие показатели не нужны, т.к. это будет нецелесообразно с точки зрения вложенных ресурсов
   

Из практики написания таких ТЗ самыми частыми рекомендациями были:

• Оптимизация скриптов
  
• Реализация отложенного запуска внешних скриптов
  
• Использование Lazy loading для изображений
  
• Реализация отложенной загрузки скрытых изображений
  
• Использование Lazy loading для видео с YouTube
  
• Реализация асинхронной загрузки стилей CSS
  
• Удаление неиспользуемых счетчиков
  
• Оптимизация размера и формата изображений