CWV

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

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

Самае вялікае афарбоўванне зместу (LCP)

Найбольшая колькасць адлюстраванняў кантэнту вымярае, колькі часу патрабуецца для з'яўлення асноўнага зместу старонкі, звычайна галоўнага малюнка або асноўнага тэкставага блока. Карыстальнікі ўспрымаюць гэты момант як сапраўднае з'яўленне старонкі, таму затрымкі тут часта прыводзяць да нецярплівасці.

Паляпшэнне LCP звычайна патрабуе больш хуткага хостынгу, кэшавання, аптымізацыі малюнкаў, эфектыўнай структуры HTML і прадуманай апрацоўкі CSS і JavaScript, якія блакуюць рэндэрынг.

Кумулятыўны зрух макета (CLS)

Сукупнае зрушэнне макета ацэньвае, наколькі старонка падскоквае або зрушваецца пры загрузцы элементаў. Нестабільнасць макета — адзін з самых непрыемных досведаў для карыстальнікаў, асабліва на мабільных прыладах, дзе зрушэнне кнопак або формаў часта прыводзіць да выпадковых націсканняў.

Нізкі ўзровень CLS звычайна звязаны з устаноўкай відавочных атрыбутаў шырыні і вышыні на носьбіце, прадастаўленнем прасторы для дынамічных кампанентаў і гарантыяй таго, што староннія скрыпты не ўводзяць нечаканыя элементы.

Узаемадзеянне з наступнай фарбай (ІНП)

Узаемадзеянне з наступным маляваннем вымярае, наколькі хутка старонка рэагуе на дзеянні карыстальніка на працягу ўсяго сеансу. Ён фіксуе поўны жыццёвы цыкл рэагавання: затрымку перад запускам апрацоўшчыка падзей, час, неабходны для выканання гэтага апрацоўшчыка, і затрымку перад візуальным абнаўленнем браўзера.

INP мае значэнне, таму што сучасныя вэб-сайты ў значнай ступені залежаць ад дынамічных паводзін — фільтраў, выпадальных спісаў, меню, паўзункоў, укладак і інтэрактыўных віджэтаў. Нават калі старонка загружаецца хутка, павольнае ўзаемадзеянне стварае ўражанне, што ўзаемадзеянне не працуе або неэфектыўна. INP адлюстроўвае самае павольнае значнае ўзаемадзеянне, каб распрацоўшчыкі маглі выявіць і выправіць вузкія месцы, якія раздражняюць карыстальнікаў.

Аптымізацыя INP часта ўключае разбіўку доўгіх задач JavaScript на меншыя, зніжэнне вялікіх накладных выдаткаў фрэймворка, павышэнне эфектыўнасці падзей і спрашчэнне рэндэрынгу на баку кліента.

Як палепшыць асноўныя Web Vitals

• Прадукцыйнасць сервера і CDN: Выкарыстоўвайце хуткі хостынг, скараціце час да першага байта (TTFB), і дастаўляць актывы праз добра настроеную CDN.
• Аптымізацыя медыя: Змяняйце памеры малюнкаў належным чынам, падтрымлівайце фарматы наступнага пакалення і пазбягайце занадта ранняй загрузкі цяжкіх медыяфайлаў.
• Кіраванне сцэнарыямі: Адкладзіце некрытычны JavaScript, выдаліце ​​непатрэбныя бібліятэкі і разбіце доўгія задачы асноўнага патоку, якія шкодзяць хуткасці рэагавання.
• Прыярытэзацыя рэсурсаў: Папярэдне загружайце важныя шрыфты, скрыпты і галоўныя выявы і выкарыстоўвайце fetchpriority для элементаў, якія павінны адлюстравацца неадкладна.
• Дысцыпліна тэмы і плагінаў: Выбірайце лёгкія кампаненты дызайну і выдаляйце павольныя або лішнія плагіны, якія выклікаюць празмерныя зрухі макета або павольны рэндэрынг.
• Аптымізацыя ўзаемадзеяння: Правярайце павольныя апрацоўшчыкі падзей, змяншайце складанасць скрыптоў і забяспечвайце імгненную рэакцыю інтэрактыўных элементаў.

Чаму важныя асноўныя паказчыкі вэб-сайта

Асноўныя паказчыкі вэб-сайта ўплываюць на ўсе важныя паказчыкі прадукцыйнасці, а не толькі на рэйтынгі ў пошуку. Хуткія, стабільныя і адаптыўныя сайты забяспечваюць лепшую ўзаемадзеянне, а ўзаемадзеянне вызначае практычна ўсе паказчыкі бачнасці і даходу ў інтэрнэце.

• Стабільныя старонкі паляпшаюцца прадукцыйнасць пакета карт таму што сігналы паводзін карыстальнікаў маюць вялікае значэнне ў лакальным пошуку. Наведвальнікі праводзяць больш часу на старонках, якія загружаюцца плаўна, узаемадзейнічаюць і не раздражняюць іх. Калі людзі не адмаўляюцца ад паслуг, Google інтэрпрэтуе кампанію як больш рэлевантную, карысную і паважаную.
• Уплыў CWV эфектыўнасць платнай рэкламы таму што хуткасць загрузкі мэтавай старонкі ўплывае як на паказчык якасці, так і на эфектыўнасць выдаткаў. У платных кампаніях нават нязначныя затрымкі прыводзяць да адмовы ад кліента, зніжаючы каэфіцыенты канверсіі і павялічваючы кошт клік, бо платформы караюць карыстальнікаў з павольнай загрузкай. Хуткія мэтавыя старонкі атрымліваюць лепшыя пазіцыі, каштуюць менш і канвертуюць больш.
• Гэты выступ таксама Непасрэдна паляпшае каэфіцыенты пералікуЛюдзі запаўняюць формы, праглядаюць больш старонак і робяць больш пакупак, калі інтэрфейс хуткі, прадказальны і адаптыўны. Адваротнае таксама справядлівае: усяго адна-дзве секунды затрымкі могуць ператварыць намер у расчараванне, скараціўшы колькасць патэнцыйных кліентаў і прыбытак задоўга да таго, як пошукавыя сістэмы нават увойдуць у раўнанне.
• І, вядома, яны ўплываюць арганічныя рэйтынгіGoogle павышае рэйтынг старонак, якія забяспечваюць прыемны досвед, і выдаляе тыя, якія раздражняюць карыстальнікаў. Дамагчыся высокага рэйтынгу значна прасцей, калі сайт хутка загружаецца, застаецца стабільным і імгненна рэагуе, бо гэтыя сігналы паказваюць Google, што людзям падабаецца ім карыстацца.

Такім чынам, асноўныя паказчыкі вэб-сайта маюць значэнне не толькі для тэхнічнай прадукцыйнасці. Яны важныя для лакальнай бачнасці, эфектыўнасці рэкламы, якасці лідаў, даверу кліентаў і даходу. Гэта адзін з рэдкіх набораў паказчыкаў, якія адначасова ўплываюць на выяўленне, кошт, успрыманне і прыбытковасць.

Заўвага аб пераходзе ад FID да INP

12 сакавіка 2024 года Google замяніў затрымку першага ўводу (У) з узаемадзеяннем з наступнай фарбай (ІНП). FID вымяраў толькі затрымку перад першым узаемадзеяннем, што больш не адлюстроўвала сучасны інтэрактыўны вэб-досвед. INP прапануе больш поўную ацэнку хуткасці рэагавання на працягу ўсёй сесіі, фіксуючы моманты, якія карыстальнікі сапраўды заўважаюць і якія іх хвалююць.

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