Разбирање на метриката на изведбата на светилникот - Совети за оптимизација од Семалт



Мерилата за изведба на светилникот е нешто што најверојатно ќе го сретнете кога разговарате за техничките аспекти на оптимизација. Можеби се прашувате од што се состои овој тест или како да го извршите тестот за перформансите на вашата веб-страница. Вие исто така може да бидете тука затоа што сакате да дознаете за што се работи во Светилникот.

Ние го користиме овој тест за метрички перформанси во нашиот обид да ги направиме зелените сите броеви што се однесуваат на вашата страница. Еве сè што треба да знаете во врска со Светилникот.

Што е светилник

Lightroom е алатка за ревизија со отворен извор што се користи за производство на стандардизирани резултати во пет клучни области, имено:
  • Изведба
  • Прогресивна веб-апликација
  • SEO
  • Најдобри практики
  • Пристапност
За овој напис, името „Светилник“ ќе се користи за упатување на низа тестови, затоа не се мешајте додека читате.

Светилникот спроведува тестови за изведба користејќи лабораториски податоци, кои се нарекуваат и емулирани податоци. Ова се податоци за перформансите на страницата собрани во вештачко опкружување со претходно дефинирани уреди и мрежни поставки. Податоците за перформансите се важни бидејќи помагаат во потребните информации за дебагирање во проблеми со перформансите. Искуството на локалната машина во контролирана средина е дизајнирано да го имитира искуството на корисниците од реалниот живот.

Ажурирање во Светилникот

На 5 мај 2020 година, проектот „Хром“ го објави својот сет од три метрики со кои отворен извор поддржан од Google ќе може да ги користи при мерење на перформансите. Мерилата се викаа Веб витали. Тие се дел од иницијативата на Google, дизајнирана да обезбеди колективно водство за експерти за оптимизација при пребарување на квалитетни сигнали.

Овие метрики се дизајнирани да ги мерат веб-перформансите на кориснички-ориентиран начин. За само две недели од првичното лансирање, Lighthouse V6 ја лансираше својата изменета верзија со Web Core Vital како примарен фокус на ова ажурирање.

До јули 2020 година, видовме како метриката на Lighthouse v6 се усвојува на многу производи на Google со објавувањето на Chrome 84. Панелот за ревизија на Chrome DevTools исто така беше преименуван во Lighthouse. Исто така, се повикуваа на метриката на Светилникот од страна на PageSpeed ​​Insights и Google Search Console.

Денес, Web Core Vitalis сочинува над половина од вкупниот резултат на пондерирана изведба на Светилникот. Општо земено, страниците почнуваат да доживуваат минимално влијание, приближно 83,32% на спроведени тестови кои покажуваат поместување од десет поени или помалку кон V6.

Она што мора да го знаете пред да го извршите тестот за изведба користејќи светилник

Избирање на вистинска методологија

Методологијата што ќе ја одберете да одите со важни работи. Ревизиите на светилниците се поставени да анализираат страница одеднаш. Но, факт е дека резултатот од една страница не претставува претстава за перформансите на целата ваша страница и само затоа што вашата почетна страница брзо се вчитува, не значи дека целата ваша страница се вчитува толку брзо.

Најдобар начин да се добие целосна проценка за тоа колку добро работи една страница е да тестирате повеќе типови страници во рамките на вашата страница. Тука, прво ги идентификуваме главните типови, шаблони и точките на конверзија на посетителите (тие се однесуваат на страниците за пријавување, претплати и исходот).

Пред да продолжиме со фазата на оптимизација на нашата анализа, го извршуваме Lighthouse на секоја од случајно избраните примероци и ги бележиме собраните податоци. Од овие податоци, сега можеме да креираме список со обврски засновано врз подобрувања од најитни и најмалку притискања. За да спречиме губење на какви било податоци, ги зачувуваме резултатите на JSON и се потпираме на прегледникот на Светилникот секогаш кога ќе ни требаат детални информации за резултатите.

Враќање на заостанатите информации за загризување Користејќи одличен рентабилност

Со текот на годините, едно нешто што научивме со сигурност е дека добивањето на ресурсите потребни за акција за SEO не е едноставно. Да се ​​има внатрешна оптимизација не е баш корисно бидејќи тие честопати се уништуваат од тоа колку е тешко да се добие заостанат билет. Според нашето искуство, знаеме дека најдобриот начин за подмачкување на запчаниците е добивање приоритет на иницијативи за изведба, што резултира со одлични бројки што ја поддржуваат инвестицијата направена во одделот за оптимизација.

Податоците што ќе ги направат листовите за сметка на крајот на месецот ќе станат знаци на доларот што ги оправдува и наградува нашите напори за развој. Изведувањето на овој тест е важно затоа што додека го правите тоа, веројатно имате обележано повеќе од една област, особено кога тоа е прв пат. Тоа е во ред. Можете да проверите калкулатор за бодување на светилници за да видите кои промени ќе имаат најголеми удари.

Како да извршите тест за светилник

Ова е случај на многу патеки што водат до една река. Сепак, постојат одредени патеки кои се издвојуваат дека се полесни или поистакнати во употреба. Па, ако се надевате дека ќе го интегрирате тестот за оптимизација во процесот на реализација, веројатно треба да бидете воспитани со брзина на НПМ.

Дали имате помалку од 5 минути пред да ве замолат да се соочите со таблата? Овие извештаи „еден на еден“ треба да ви дадат муниција што ви е потребна за да ги убедите дека се ваши SEO одлично се снаоѓа Кој метод за извршување ќе го одберете, мобилниот е одличен освен ако немате посебна употреба за работната површина.

1. Хром Devtools

Ние ја тестираме секоја страница поединечно користејќи го панелот Chrome DevTools Lighthouse. Овој извештај е од витално значење затоа што емулира корисничко искуство со користење на прелистувачот дури и додека сте во инкогнито или со оневозможено скриено меморија на прелистувачот.

Нашиот посебен начин на пристап кон ова е да создадеме профил на Chrome за тестирање, но да го задржиме локално. Тоа значи дека нема овозможено синхронизирање, заштеда на лозинка или поврзаност со која било постоечка сметка на Google. Ние исто така не инсталираме екстензии за корисникот.

Кога сте подготвени, еве како го тестирате Светилникот користејќи DevTools
  1. Извршете инкогнито инстанца на Chrome.
  2. Одете во мрежниот панел во DevTools и означете го полето за да го оневозможите кешот. Можете да го направите ова со Ctrl + Shift + I на Windows и Linux или Command + Option + I на Mac.
  3. Одете на панелот Светилник и кликнете на генерирање извештај.
  4. Зачувајте ја датотеката еднаш генерирана.
Кои се придобивките од водењето на Светилникот од Devtools?

Како што споменавме порано, постојат многу начини да се изврши анализа на светилници. Она што ова исто така значи е дека секој метод има свои добрите и лошите страни.

Придобивката од овој метод е тоа
  • Може да ги тестирате локалните градба и да откриете кои страници се автентични.
  • Извештаите што се зачувани може да се споредат со алатката Lighthouse CI Diff.
Конс на водење на Светилник од DevTools
  • Може да направите само еден извештај истовремено.
  • Секој извештај ќе мора да го зачувате рачно.

2. При постојано тестирање на истите страници

Да претпоставиме дека сте fondубители на тестирање на истите страници постојано, веб. dev е идеален избор. Слично е како да користите DevTools само што не треба да ги оневозможувате сите оние врвни екстензии. Овој метод е во основа исправен напред. Сè што треба да направите е да:
  1. Посетете ја веб-страницата.dev/measure/
  2. Пријавете се со вашата сметка на Google.
  3. Внесете ја URL-страницата на страницата што сакате да ја ревидирате.
  4. Кликнете на извршената ревизија.
Позитивни страни за водење на Светилникот од мрежата. дев
  • Ја доловува вештата временска рамка на резултатите на страницата.
  • Корисниците имаат брзи врски до водичи за подобрување на проблемите.
  • Извештаите може да се споредат со помош на алатката Lighthouse CI Diff.
Конс на водење на Светилникот од мрежата. дев
  • Може да направите само една анализа и да имате еден извештај истовремено.
  • Мора да имате запис за URL-адресите што ги следевте со текот на времето за да избегнете повторување на истата URL ненамерно.

Командна линија на јазолот за Светилникот

Кога барате да тестирате во обем, Командната линија на јазолот е склопот на пристап. Еве упатство што да направите:
  • Инсталирајте npm: за корисниците на mc, би било паметно да користите домашна пијалак за да можете да избегнете глупави проблеми со зависност.
  • Инсталирајте го модулот на светилникот со едноставно внесување на овој код: "npm install -g farhouse".
  • Потоа извршувате еден текст користејќи „светилник <url>“.
  • Извршете тестови на списоци со употреба со тест на програмско тестирање.
Позитивни страни за водење на Светилникот од Нод
  • Може да извршите повеќе извештаи одеднаш.
  • Може да го програмирате за да ги следи промените со текот на времето автоматски.
Конс на водење на Светилникот од Нод
  • Мора да имате идеја како да кодирате.
  • За неговото поставување е потребно време.

Заклучок

Комплексноста на мерилата за перформанси се показател за предизвиците со кои се соочува секоја страница. Ние се потпираме на мерилата за перформанси како прокси за корисничко искуство. Тоа ни овозможува да одиме по патот на корисник и да видиме што тие гледаат, да го искусиме она што го доживуваат кај другите за да изградат повеќе одговорни страници.

Некои други алатки, како тестот „Алатка за моја страница“ и „Колку чини мојата страница“ од „Гугл“, исто така може да ви бидат корисни. Ние ги користиме овие алатки за да направиме конверзија и аргументи насочени кон клиентите за важноста на перформансите на една страница.

Се надеваме дека, откако вашиот проект ќе се привлече, можеме да објасниме што значи единствената метричка изведба на вашиот Lighthouse за вашиот квалификуван и соработнички инженерски тим.

Заинтересирани сте за оптимизација? Проверете ги нашите други статии на Блог на Семалт.