Comments 16
Не скажу что методика потеряла актуальность, но определенно критический CSS подготовленный популярными автоматическими способами портит метрику CLS.
Хинт: У Google так же есть PageSpeed Module под Nginx и Apache призванный улучшать сайт по рекомендациям выставленным PageSpeed Insights. Почти на каждую рекомендацию есть настройка. Но будьте аккуратны, некоторые комбинации могут поломать сайт.
Советы из прошлого века (про http/2) - кто не знает ещё ?
Да и всё остальные советы не раскрывают того что действительно важно:
Есть ли желание / возможность удалить с сайта все сторонние стили, шрифты и скрипты (ГА и Метрику, Адсенс и Директ, Живосайт и виджеты соцсетей и т.д. и т.п.).
Ибо если всё это вычистить то принесёт гораздо более значимый эффект чем картинки в WebP вместо jpeg.
Про скрипты это точно))) рекламные модули интеграции как и чаты осволотели в край, последний может ещё себе шрифты подгружать а то и пару.
/gtm/js?id=GTM-559GVC8&cid=443….162…(www.google-analytics.com)
Пробовал отложить загрузку ads скрипта до первого скрола страницы. При проверке через браузер этот трюк проходит, но в search console — «Проблема с CLS: значение показателя выше порогового (0,25). Устройство: мобильные устройства.»
Получается гугл занижает сайты со своей же рекламой
Занимался оптимизацией видеоплеера (пример), добился 100%.
Всё инлайн, картинка webp, кнопки вообще через border нарисованы, http2. В общем всё по канонам.
Но код метрики, аналитики и рекламы запускается только после нажатия на play, в противном случае показатели процентов до 80 упадут, а то и ниже.
Улучшаем производительность сайта с помощью PageSpeed от Google