Водач за брзина на Google на Google за корисници на WordPress
Google PageSpeed Insights (скратено PSI) е убава алатка за веб-развивачите. Неговите намери секако се добри, но може да се каже дека не е погоден за просечен сопственик на веб-страница на WordPress. И иако PageSpeed Insights неодамна воведе специфични коментари за корисниците на WordPress, многу аспекти од извештајот што ги дава се премногу технички за просечните корисници.
Во ова упатство, ќе се обидеме да „преведеме“ и да опишеме со едноставни зборови за што зборува PageSpeed и ќе ви објасниме кои коментари треба да бидат адресирани и третирани, а кои не. Овој дел од упатството ќе се фокусира само на разбирање и анализа на лабораториските податоци. Сепак, во друга статија, ќе зборуваме за истите предлози и можности за подобрување што ги нуди PSI.
Основниот проблем што PageSpeed Insights се обидува да го искорени
Во последно време популарноста на веб-страниците на WordPress и другите системи за управување со содржини се зголеми за чудо. Овие им овозможуваат на корисниците со минимално познавање на развојот, или оние кои воопшто не знаат за оваа тема, да градат страници чиј начин на градење е во спротивност со основните правила за перформансите на страницата.
Оние градители на страници што овозможуваат никого без знаење за развој на веб-страница имаат значително влијание. Факт е дека ако изградите едноставна и лесна веб-страница, таа автоматски ќе добие повисок резултат во овие алатки, и што е уште поважно, ќе биде многу побрзо за сурферите и оттука корисничкото искуство ќе биде подобро.
Google се обидува да поттикне добро корисничко искуство и да ги искорени овие проблеми, меѓу другото и преку проект за кој веројатно сте слушнале наречен AMP. Гугл вели „компанија, ако додадете ѓубре на вашата страница, тогаш барем да видиме што може да се направи за да се намали неговото влијание врз брзината и времето на вчитување“.
Покрај тоа, Гугл - чиј деловен модел се рекламирање и услуги - мора да осигури дека брзината на страниците и корисничкото искуство на мрежата ќе се подобрат. Во спротивно, затворените платформи како што е Фејсбук, кои исто така нудат реклами, ќе изедат уште поголем удел од нејзините приходи.
Како ги разбирам информациите што ги прикажува Google PageSpeed?
Алатката за тестирање на брзината на Гугл во моментов се базира на Lighthouse и ја оценува секоја страница врз основа на збир на правила. Овие правила важат за секоја страница, без оглед на неговата целна публика, нејзината содржина или целта.
PageSpeed Insights обезбедува извештаи за перформансите на страницата на мобилен и десктоп и дава информации за можностите и предлозите за тоа како да ги подобрите перформансите на страницата што се разгледува.
Податоци за подрачје наспроти лабораториски податоци (податоци за тест)
ПСИ обезбедува лабораториски податоци, како и теренски податоци. Само страниците со особено голем сообраќај ќе добиваат информации во делот наречен податоци од областа, така што нема потреба да се грижите ако не ги добиете.
Ние нема да ги прошириме податоците за теренот во тековната објава, но се вели дека лабораториските податоци, за кои ќе зборуваме, се собираат во контролирана средина со користење на претходно дефинирани уреди и поставки на фиксна мрежа.
Лабораториските податоци се оние што се релевантни во прилог на следење на проблемот, дебагирање и оптимизација, бидејќи тие концептуално не се менуваат. Лабораториските податоци даваат повеќе информации отколку податоците од областа, сепак, тие не даваат информации за тесно грло што можат да се генерираат во реалниот свет и да влијаат на перформансите на страницата.
Како да се користи Google PageSpeed?
Пред да започнеме, се вели дека првиот чекор за смисла на извештајот презентиран од Лајтхаус е да знаете дека треба да кликнете на стрелката што се појавува покрај секој коментар за да добиете детални информации за тоа.
Треба да копате подлабоко за да ги разберете и видите проблемите што ги презентира извештајот и претпоставувам дека е разбирливо. Да започнеме со вкупниот резултат што го дава PSI, јас сум прилично сигурен дека повеќето од вас не знаат точно што рефлектира овој резултат â
Вкупен резултат
PageSpeed - Општ резултат: Вкупниот резултат обезбеден од PageSpeed ги сумира перформансите на страницата според бројот и бојата. Резултатот се одредува со водење на Светилник и обезбедува таканаречени „стерилни“ лабораториски податоци на истата страница што се тестира.
Еден од проблемите со PageSpeed е прикажување на резултатот во некоја боја и број што не секој може да го разбере. Зелена боја=добра, црвена боја=не е добра. Користењето на овој метод и недостатокот на разбирање за значењето на вкупниот резултат ги прават луѓето фрустрирани што нивната ефикасност на страницата е „наводно“ ниска и немаат идеја како точно да ја поправат.
Бидејќи повеќето корисници сметаат дека нешто помалку од зелено не е доволно добро, луѓето погрешно го толкуваат извештајот. Па, да ги средиме работите еднаш засекогаш for
Како да се толкува вкупниот резултат
Ако добиете зелена боја, тоа значи дека вашата страница е во најголем процент во однос на оптимизацијата и не кажува многу за реалната брзина на страницата.
Оценка 100 е најдобриот резултат што можете да го добиете и го претставува 98-от перцентил - страница со (очигледно) добри перформанси. Оценка од 50 претставува 75-ти перцентил - тоа значи дека вашата страница добила резултат повисок од 75% од страниците што ги провери Google и не кажува ништо за реалната брзина.
Резултат од 90 или повисок се смета за добар резултат, 50-90 се смета за просечен, а под 50 се смета за низок.
Оттука, повеќето страници нема да добијат зелена оценка. Просечна веб-страница на WordPress, изградена од градител на веб-страници со просечни технички можности, веројатно нема да добие висок резултат. И покрај нивното оптимизирање, овие страници обично имаат многу елементи што му штетат на резултатот да се добие.
За што се користи PSI?
ПСИ ви дава повратни информации и можности за подобрување што ќе ви помогнат да ги поправите проблемите што го имаат ова негативно влијание. Истите „податоци за тестот“ (лабораториски податоци), за кои ќе зборуваме наскоро, даваат ажурирани информации во однос на распоредот.
На пример, кога вашата страница е прикажана на сурферот и кога сурферот може да започне да извршува дејства на истата страница. Ова се специфични мерења кои влијаат на вкупниот резултат.
Лабораториски податоци - Светилник
Ако планирате да извршите тест на Lighthouse преку Chrome Developer Tools - проверете дали сте го сториле тоа во прозорец каде што не е овозможено никакво проширување на прелистувачот.
Да ги прошириме тие лабораториски податоци и да ги опишеме еден по еден. Општо, вашата цел во контекст на овие податоци е да ги направите што е можно пократки:
1. Презентирање на почетната содржина - Прва содржина со боја
Почетен приказ на содржина (FCP) е мерење на времето од моментот кога се бара страницата до времето кога прелистувачот го дава првиот бит во ДОМ. Ова е важна пресвртница за корисникот затоа што дава повратни информации за вчитување на страницата.
Со други зборови, прелистувачот мора да го обработи кодот на страницата за да го прикаже. Терминот „Боја“ се однесува на процесот на реално прикажување на пикселите на екранот. Првичната слика за приказ на содржина опишува колку време било потребно за која било содржина, без разлика дали е текст, слика или која било друга содржина да се прикаже на екранот за сурферот.
2. Презентирање на главната содржина - Прва смислена боја
Фигурата за приказ на главната содржина (FMP) се обидува да го идентификува времето кога сурферот чувствува дека главната содржина на страницата е прикажана за него. Се разбира, овој вид тест не може точно да знае која е главната содржина и затоа не е точна.
Општо, Lighthouse го дефинира ова како време кога се прави најзначајната промена во критичниот дел од страницата (над содржината на преклопот) како додаток на времето кога се вчитуваат веб-фонтовите.
3. Индекс на брзина
Индексот на брзина е прилично сличен на двете претходни мерења што ги опишавме. Општо, тоа покажува колку брзо содржината на страницата е прикажана на сурферот и е исто така пондерирана според истите претходни мерења што ги споменавме. Се разбира, помал резултат=подобар.
4. Прв режим на мирување на процесорот - Прв неактивен процесор
Оваа бројка (FCI) и следната слика наречена „Време на интерактивност“ се однесуваат на брзината со која корисникот може да изврши дејства на предметната страница. Ако тој се обиде да изврши дејство додека прелистувачот го обработува кодот, се вели дека е притискање на копче. Тогаш или ќе мора да почека доста додека не се изврши дејството или дејството не се изврши воопшто.
Бројката за неактивност на процесорот покажува колку време е потребно за страницата да биде интерактивна, односно да достигне состојба во која корисникот може да комуницира со повеќето елементи на страницата и да добие разумно време на одговор.
5. Време за интерактивно
Бројката „Време до интерактивност“ (TTI) мери колку време takes е потребно на страницата да биде целосно интерактивна кога комуницирате со елементи на истата страница, како што е кликнување на копче за да добиете брз одговор (околу 50ms).
Интерактивноста на страниците се мери со повеќе фактори:
- Страницата прикажува содржина релевантна за корисникот (пондерирана според податоците прикажани во почетната содржина).
- Ракувачите со настани се наведени за повеќето видливи елементи.
- Страницата реагира на активностите на корисникот во рок од околу 50 мил.
Постојат доста сајтови кои оптимизираат така што содржината се прикажува побрзо, но на штета на интерактивноста, што може да создаде фрустрација за корисникот. Се чини дека страницата е целосно натоварена, но кога корисникот се обидува да изврши какво било дејствие, ништо не се случува.
6. Максимално потенцијално одложување на првиот влез
Максималната бројка за одложување на првиот влез е поврзана со должината на времето што прелистувачот треба да ја изврши најдолгата операција, на пример, ова ќе ја одложи брзината на одговор на кликнувањето на копчето од страна на корисникот.
На пример, во случај прелистувачот да е зафатен со обработка на одреден JavaScript на страницата (што не е асинхроно), веројатно нема да можете да извршите одредени операции додека не заврши обработката.
Во заклучок
Во овој дел од упатството, разговаравме за лабораториските податоци што ни ги дава PageSpeed и го објаснивме значењето на секој од овие податоци. Како што ветивме наскоро, детално ќе разговараме за секоја од можностите или коментарите што ни ги презентира PageSpeed Insights.
Последните зборови -Не полудувајте за да добиете највисоки оценки, проверете дали времето на вчитување на страниците на вашата страница е разумно + не е невообичаено бавно, така што влијанието врз корисничкото искуство не е значително. Запомнете дека резултатот од 50 значи дека статусот на оптимизација на вашата страница е подобар од 75% од разгледаните страници.
И откако ќе стигнете до оваа точка, фокусирајте се на квалитетна содржина и инвестирајте во другите параметри вклучени во техничко оптимизација. Доколку го немате потребното знаење од областа на референцата, тогаш контактирајте ја експерти на Семалт. Excellentе имате одлични резултати за кратко време благодарение на автоСЕО пакет.
Овој оптимизиран пакет е вистинска „целосна куќа“ за онлајн компанија која има за цел:
- Подобрете ја видливоста на вашата веб-страница
- Оптимизирајте ја секоја страница на вашата страница за подобри стапки на конверзија
- Врски за квалитет на градење
- Пребарувајте релевантни клучни зборови
- Направете детален извештај за веб-анализа
Ако сето ова е направено добро на вашата страница, верувајте ми дека дури и ако резултатот на страницата PageSpeed е помал од тоа, ќе завршите добро рангирани ... тогаш со среќа!