Недавно столкнулся с такими ошибками в 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...