Недавно столкнулся с такими ошибками в GSC, как FID, CLS и LSP...

❓Вопрос 1670

Недавно столкнулся с такими ошибками в GSC, как FID, CLS и LSP. Что это за показатели? И как оптимизировать под них сайт? Вернее, как программисту составить ТЗ на их исправление, что нужно сделать?

❗️Ответ

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

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

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

▫️FID — время до первого взаимодействия с контентом ;

▫️CLS — визуальная стабильность верстки.

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

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

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

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

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

Правильно составить ТЗ для программиста может технический специалист желательно с опытом в SEO.

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

▫️Оптимизация скриптов;

▫️Реализация отложенного запуска внешних скриптов;

▫️Использование Lazy loading для изображений;

▫️Реализация отложенной загрузки скрытых изображений;

▫️Использование Lazy loading для видео с YouTube;

▫️Реализация асинхронной загрузки стилей CSS;

▫️Удаление неиспользуемых счетчиков;

▫️Оптимизация размера и формата изображений.

Для каждого из пунктов мы составляем небольшую инструкцию с комментариями, выглядит типовая рекомендация следующим образом: http://joxi.ru/82QaDZEi9lyQd2

‼️Какие пункты Вы прописываете в ТЗ? Делитесь опытом в комментариях!

🚨 via @siteclinic_doctor 🚨

Источник новости https://t.me/siteclinic_doctor...