Wordpress

PageSpeed ​​негізгі веб-виталдарына кіріспе

Барыш Үнвер Optimocha, WordPress жылдамдығын оңтайландыру қызметінің негізін қалаушы және Speed ​​Booster Pack плагинінің иесі.

Олардың алгоритмі 2021 жылдың маусымында жаңартылғандықтан, Google SEO тұрғысынан маңызды фактор ретінде бет тәжірибесін тиімді көреді. Осы «Бет тәжірибесін жаңартудың» ең маңызды бөліктерінің бірі Google деп атайды Негізгі веб-сайттар.

Бұл постта біз оның не екенін қарастырамыз және әрбір көрсеткіштің неліктен маңызды екенін түсінеміз.

«Core Web Vitals» дегеніміз не?

Негізгі веб-сайттар
Сурет несиесі: web.dev

Google Core Web Vitals қалай сипаттайды, сондықтан олардан дәйексөзден бастаған дұрыс деп ойлаймын:

(...) Core Web Vitals мүмкіндіктерінің әрқайсысы пайдаланушы тәжірибесінің ерекше қырын көрсетеді, өрісте өлшенетін және пайдаланушыға бағытталған маңызды нәтиженің нақты әлемдегі тәжірибесін көрсетеді.

Core Web Vitals құрайтын көрсеткіштер уақыт өте келе дамиды. 2020 жылға арналған ағымдағы жиынтық пайдаланушы тәжірибесінің үш аспектісіне бағытталған —тиеу, интерактивтілік, және көру тұрақтылығы—және келесі көрсеткіштерді (және олардың сәйкес шектерін) қамтиды:

  • Ең үлкен мазмұнды бояу (LCP): жүктеу өнімділігін өлшейді. (…)
  • Бірінші енгізу кідірісі (FID): интерактивтілігін өлшейді. (…)
  • Жиынтық орналасу ауысуы (CLS): көру тұрақтылығын өлшейді. (…)

Бұл ақпаратты Google компаниясының CWV SERPs рейтингтік факторы туралы хабарландыруымен біріктіріңіз және Google сәйкес LCP, FID* және CLS SEO үшін ең маңызды UX көрсеткіштері болып табылады деген қорытындыға келуге болады.

* Google-дан FID туралы ескертпе: «FID нақты пайдаланушыны қажет етеді, сондықтан оны зертханада өлшеу мүмкін емес. Дегенмен, жалпы блоктау уақыты (TBT) көрсеткіші зертханада өлшенеді, өрістегі FID көрсеткішімен жақсы корреляцияланады, сонымен қатар интерактивтілікке әсер ететін мәселелерді қамтиды. Зертханада TBT жақсартатын оңтайландырулар сіздің пайдаланушыларыңыз үшін FID деңгейін де жақсартуы керек.

Әр метрикаға аздап толығырақ тоқталайық.

Ең үлкен мазмұнды бояу (LCP)

LCP
Сурет несиесі: web.dev

Атауынан көрініп тұрғандай, бұл көрсеткіш ең үлкен элементтің (пиксельде) жүктеу жылдамдығын қарау терезесіндегі мазмұнмен өлшейді. Google бұл беттің қабылданатын жылдамдығының ең үлкен көрсеткіші деп шешеді және олар негізінен дұрыс: абзац немесе кейіпкер бейнесі сияқты ең үлкен элемент жүктелгенде, біздің миымыз беттің жүктелгенін және біз үшін қолжетімді екенін қабылдайды.

LCP жақсарту негізінен рендерлік бөгеттерді жою және активті (CSS, JS, кескіндер, қаріптер, т.б.) жүктеп алуды кейінге қалдыруға қатысты. Міне, сондықтан активтерді кішірейту және маңызды CSS және жалқау жүктеу және JavaScript кейінге қалдыру сияқты әдістерді қолдану бұл көрсеткіш үшін өте маңызды.

Бірінші енгізу кідірісі (FID) және жалпы блоктау уақыты (TBT)

FID
Сурет несиесі: web.dev

Бұл үш өлшемнің ішіндегі ең қиыны және жетілдірілуі ең қиыны болуы мүмкін. (Тіпті Google-ге мұны өлшеу жолдарын табу қиынға соққан сияқты, сондықтан оны өлшеу ең қиын деп айта аламыз.)

Тіпті өнімділікті оңтайландыру бойынша ең тәжірибелі сарапшылар мұны түсіндіруде қиынға соғуы мүмкін, сондықтан сізге бос сөз айтып жатсам, кешіріңіз.

Келуші бетпен өзара әрекеттесу үшін браузердің «негізгі ағыны» (негізінен бүкіл веб-бетті талдайтын) 50 миллисекундтан көп уақыт алса, Google негізгі ағынды «бұғатталған» деп санайды және процесті «Ұзақ тапсырма» деп белгілейді. ».

Ол негізгі ағындық тапсырманың ұзақтығын өлшейді (әр тапсырма үшін минус 50 мс) және оны «жалпы блоктау уақыты» деп атайды. Бұл көрсеткішті жақсарту пайдаланушының бетпен мүмкіндігінше ертерек әрекеттесуі үшін өте маңызды және «бірінші енгізу кідірісі» деген осы.

Күрделі ме? Мүлдем. Жақсарту қиын ба? Сіз бәс тігесіз. Бірақ мұны істеуге бола ма? N-иә. Дегенмен, ол JavaScript қолдануды аяусыз жоюды талап етеді, сондықтан аналитикаға арналған құралдар, бақылау пикселдері, кукиге рұқсат беру жолақтары, тікелей чат виджеттері және басқалары осы екі көрсеткішке айтарлықтай зиян тигізбейді.

Жинақтық ауысым

ОКЖ
Сурет несиесі: web.dev

Сіз түртіп, түртуді ұйғарған бірнеше секунд ішінде күтпеген жерден пайда болған жарнаманы түрткеніңізді түсіну үшін мәзір түймесін түрткіңіз келді ме? Бұл орналасуды ауыстыру дегеніміз; және «кумулятивтік орналасу ауысуы» (анық) сол бет жүктеуіндегі барлық орналасу жылжуларының қосындысы.

CLS жақсарту - бұл қабаттан жоғары элементтердің өнімділігін жақсарту. Суреттер мен қаріптерді алдын ала жүктеу, жарнамалар үшін бос орынды бөлу, маңызды CSS және осы сияқты нәрселердің барлығы CLS өлшемін жақсартуға ықпал етеді.

(Жеке менің ойымша, бұл бет өнімділігін оңтайландыруға мүлдем қатысты емес – мен бұл тіпті уақытқа негізделген өлшем емес деп ойлаймын! Сондықтан мен Google-дың бұл «Бет» деген пікірімен келіспеймін.жылдамдық” метрикасы, бірақ бұл пайдаланушы тәжірибесін жақсарту үшін маңызды көрсеткіш.)

Қорытынды: PageSpeed ​​және Core Web Vitals жүйесіне қалай жақындауға болады

Дәл қазір Lighthouse 8 нұсқасында бұл үш көрсеткіш сол беттің PageSpeed ​​ұпайының (көзі) 70% құрайды. Дегенмен, Google айтқандай (жоғарыдағы дәйексөзде), PageSpeed ​​үнемі дамып отырады; сондықтан бұл болашақта өзгереді деп күтуге болады.

PageSpeed ​​ұпайлары барған сайын мағынасыз болып бара жатқанын ескеріңіз! Есіңізде болсын, егер сіз SERP рейтингтерін жақсарту үшін веб-сайтыңызды оңтайландыруға тырыссаңыз, Core Web Vitals сізге назар аудару керек көрсеткіштердің жалғыз жиынтығы болып табылады. Барлық беттеріңіз үшін 100% PageSpeed ​​ұпайларына ие болуды армандау мағынасыз ғана емес, сонымен бірге зиянды!

Веб-сайтыңызды қалай оңтайландыру керектігі туралы көбірек білу үшін Optimocha.com сайтына өтіңіз және LinkedIn сайтында Барыш Үнвермен байланысудан тартынбаңыз.

Қатысты Мақалалар

пікір қалдыру

Сіздің электрондық пошта мекенжайы емес жарияланады.

Басына оралу