Lighthouse біздің өмірімізге енгізілгеннен кейін UX және SEO сияқты тақырыптарға тікелей әсер ететін өнімділік критерийлерінің саны артты. Ескі Google Pagespeed баптауындағы беттегі бірнеше нүктеге қарап жасалған бағалау жылдар бойы Google инженерлері әзірлеген әдістермен жақсартылды. Бұл мақалада біз Lighthouse ұпайы қалай есептелетінін қарастыруға тырысамыз.

2024 жылғы жағдай бойынша Lighthouse 10 нұсқасының өнімділік критерийлері келесідей:

  • Бірінші мазмұнды бояу - 10%
  • Жылдамдық индексі - 10%
  • Ең үлкен мазмұнды бояу - 25%
  • Жалпы бұғаттау уақыты - 30%
  • Жиынтық орналасу ауысуы - 25%

Алдыңғы нұсқасы Lighthouse 5-пен салыстырғанда ең маңызды жаңалық - CLS (Cumulative Layout Shift) қосылуы. 2024 жылдың маусымында SEO үшін маңызды өнімділік критерийі деп жарияланған бұл көрсеткіш алдағы жылдарда өте маңызды болуы мүмкін.

 

lighthouse-tool.png

 

Lighthouse сонымен қатар бет жылдамдығы мақсаттарын енгізу арқылы қандай ұпайға қол жеткізуге болатынын алдын ала көрсететін құралды дайындады. қол жеткізуге болады Мұнда Lighthouse ұпайларын есептеу құралы.

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

  • 0-49 (нашар): қызыл
  • 50-90 (жақсартуды қажет етеді): апельсин
  • 90+ (жақсы): жасыл

Ұпайлар мобильді және жұмыс үстелі сайттары үшін өзгереді, бірақ мобильді трафик 75%-дан асса, бағалау мобильді ұпай негізінде жасалады.

Әрбір Lighthouse сынағында әртүрлі нәтижелерге тап болуыңыз мүмкін. Мұның кейбір себептері жарнамалар мен беттегі жарнама түрлері, Сайт ішінде жүргізілген A/B сынақтары, интернет-трафикті жылдам өзгерту, және серверде орын алуы мүмкін жедел жағдайлар.

Lighthouse тестін орындаудың ең оңай жолы - Chrome браузерін пайдалану. «Тексеру» мәзіріне кіріп, «Маяк» қойындысын басыңыз, содан кейін «Есепті жасау» түймесін басыңыз. Шамамен 8-10 секундқа созылатын есептеу әртүрлі құрылғылар мен интернет жылдамдығын ескере отырып жасалады.

Ақпарат көзі: https://web.dev/performance-scoring/