Улучшаем производительность сайта с помощью PageSpeed от Google

[aliencash]

>Использование критического CSS
Не скажу что методика потеряла актуальность, но определенно критический CSS подготовленный популярными автоматическими способами портит метрику CLS.

[devel0per]

Хинт: У Google так же есть PageSpeed Module под Nginx и Apache призванный улучшать сайт по рекомендациям выставленным PageSpeed Insights. Почти на каждую рекомендацию есть настройка. Но будьте аккуратны, некоторые комбинации могут поломать сайт.

[suffix_ixbt]

Советы из прошлого века (про http/2) - кто не знает ещё ?

Да и всё остальные советы не раскрывают того что действительно важно:

Есть ли желание / возможность удалить с сайта все сторонние стили, шрифты и скрипты (ГА и Метрику, Адсенс и Директ, Живосайт и виджеты соцсетей и т.д. и т.п.).

Ибо если всё это вычистить то принесёт гораздо более значимый эффект чем картинки в WebP вместо jpeg.

[Alexufo]

Про скрипты это точно))) рекламные модули интеграции как и чаты осволотели в край, последний может ещё себе шрифты подгружать а то и пару.

[DEamON_M]

Был случай, когда сеошники требовали хорошие попугаи на pagespeed, но сайт был на кривом древнем шаблоне с кучей js с css и кучей метрик и всяких всплывающих окон типа «перезвоним за 30 секунд». Я им ради примера просто удалил все эти окна, метрики и яндекс карту — pagespeed начал сразу показывать под 95. После этого они отстали с этим сайтом, ибо все эти метрики они сами пропихнули клиенту, хотя им были сказано, что это сильно повлияет на быстродействие сайта и его загрузку. И не понятно как лучше эти скрипты подгружать (если их заставляют поставить), так как даже GoogleTagManager не спасает от плохих показателей.

[c_kotik]

До оптимизировались…

[charypopper]

у меня пишет 7 и 73 соответственно — оч интересно

[swelf]

Да домклик, который статью написал, тоже не то чтобы эталон. 40 мобильный.

[lotse8]

PageSpeed от Google для улучшения скорости загрузки рекомендует удалить
/gtm/js?id=GTM-559GVC8&cid=443….162…(www.google-analytics.com)

[ykweb]

Получилось достичь 100 по всем параметрам, убрав AdSense…
Пробовал отложить загрузку ads скрипта до первого скрола страницы. При проверке через браузер этот трюк проходит, но в search console — «Проблема с CLS: значение показателя выше порогового (0,25). Устройство: мобильные устройства.»
Получается гугл занижает сайты со своей же рекламой

[swelf]

Сделал загрузку при скроле, CLS не изменился, меьше 0.1, но у меня нет рекламы на первом экране. Может если она есть, то изначально загружать серый пустой прямоугольник, как делает мобильный хабр, а потом менять на рекламу?

[ykweb]

Снова обратил внимание на эту проблему. Похоже, что методику расчёта как-то изменили и CLS стал сильнее бить по метрикам.

Зарезервировал место под рекламу и CLS стал равен 0.

Такой же совет дают в faq гугла

[AlekseyArh]

Инструмент Lighthouse встроен в DevTools браузера, мне кажется там больше информации чем на сайте, да и ходить никуда не надо.

Занимался оптимизацией видеоплеера (пример), добился 100%.
Всё инлайн, картинка webp, кнопки вообще через border нарисованы, http2. В общем всё по канонам.
Но код метрики, аналитики и рекламы запускается только после нажатия на play, в противном случае показатели процентов до 80 упадут, а то и ниже.

[Unnumless]

На мой взгляд скорость загрузки сайта – это не самая ключевая величина. Конечно, если она в пределах разумного. Но уж слишком много внимания уделено. Смотрю по разным нишам сайты в топе и там большая часть вообще не слышала про оптимизацию загрузки. И ничего, собирают свой трафик великолепно.