Хуткасць сайта і Core Web Vitals: што гэта і як палепшыць

Калі старонка адкрываецца даўжэй за тры секунды, значная частка наведвальнікаў з тэлефона проста закрывае яе. Google даўно ўлічвае хуткасць у ранжыраванні і ацэньвае яе з дапамогай трох паказчыкаў, якія называюцца Core Web Vitals.

Тры галоўныя метрыкі

• LCP (Largest Contentful Paint) — за колькі секунд з'яўляецца галоўны элемент старонкі: вялікая карцінка ці блок тэксту. Добры вынік — да 2,5 секунды.
• INP (Interaction to Next Paint) — як хутка старонка рэагуе на дзеянні: націск кнопкі, адкрыццё меню. Норма — да 200 мілісекунд.
• CLS (Cumulative Layout Shift) — ці «скача» старонка падчас загрузкі. Калі вы збіраліся націснуць кнопку, а яна з'ехала ўніз, — гэта і ёсць зрух макета.

Як праверыць свой сайт

Адкрыйце PageSpeed Insights і ўвядзіце адрас старонкі. Звярніце ўвагу на блок з данымі рэальных карыстальнікаў — ён важнейшы за лабараторную ацэнку. У Google Search Console ёсць справаздача па Core Web Vitals для ўсяго сайта: там відаць, якія групы старонак маюць праблемы.

Што звычайна запавольвае сайт

• Цяжкія карцінкі ў PNG і JPG без сціскання і без памераў.
• Дзясяткі скрыптаў: віджэты, чаты, лічыльнікі, якія грузяцца адразу.
• Шрыфты, якія блакуюць паказ тэксту.
• Слабы хостынг і адсутнасць кэшавання на серверы.

Простыя крокі да хуткага сайта

Перавядзіце выявы ў WebP ці AVIF і аддавайце розныя памеры для тэлефона і камп'ютара. Заўсёды пазначайце шырыню і вышыню карцінак — гэта выдаляе зрухі макета. Адкладзіце загрузку ўсяго, што не бачна на першым экране. Падключыце сцісканне Brotli ці Gzip і кэшаванне на баку сервера. Пераглядзіце спіс старонніх скрыптаў: часта палова з іх ужо нікім не выкарыстоўваецца.

Хуткасць пачынаецца з вёрсткі

Многія праблемы закладваюцца яшчэ на этапе вёрсткі: лішнія бібліятэкі, фонавыя відэа, анімацыі на ўсю старонку. Выправіць іх пасля запуску даражэй, чым адразу зрабіць правільна. Таму ў нашых праектах мы правяраем Core Web Vitals да здачы сайта, а не пасля скаргаў кліента.

Сачыце пасля запуску

Хуткасць — не разавае дасягненне. Новыя банеры, віджэты і скрыпты аналітыкі паступова запавольваюць нават добра зроблены сайт. Раз на квартал правярайце асноўныя старонкі і справаздачу ў Search Console, каб заўважыць праблемы раней за пакупнікоў.

Калі ваш сайт павольна адкрываецца на тэлефоне, мы можам правесці аўдыт і аптымізацыю. Падрабязней пра падыход — на старонцы вёрсткі сайта.