Kaip naudoti „Google Lighthouse“ svetainės našumui tikrinti – „TechCult“.

Kalbant apie svetainės reitingą aukščiau paieškos sistemos rezultatuose, svetainės greitis yra veiksnys, kurio negalima ignoruoti. Tai ne tik džiugina vartotojus, bet ir padidina matomumą. Juk niekas nenori spustelėti puslapio ir amžinai laukti, kol jis bus įkeltas. Matote, pavyzdžiui, TechCult, mūsų tinklaraščiai įkeliami gana greitai, ar ne? Hah, anekdotai, jei nerimaujate, kad jūsų svetainė negali būti reitinguojama dėl mažo greičio, „Google Lighthouse“ jums padės. Šiandienos straipsnyje parodysime, kaip naudoti „Google Lighthouse“ našumo testavimui.

Kas yra „Google“ švyturys ir kaip jį naudoti našumo testavimui?

Dažnai sakoma patarlė, kad pirmas įspūdis yra paskutinis. Atsižvelgiant į tai, dažnai greitai įkeliama svetainė yra aukštesnė dėl geresnės naudotojo patirties, o tai galiausiai gali padidinti konversijų rodiklius. Netgi tokios paieškos sistemos kaip „Google“ greičiau įkeliamas svetaines užima aukščiau paieškos rezultatuose.

„Google Lighthouse“ yra atvirojo kodo automatizuotas įrankis, padedantis svetainių kūrėjams ir savininkams įvertinti ir pagerinti tinklalapių kokybę. Jame atliekami našumo, prieinamumo, geriausios praktikos ir PVO auditai tiek mobiliesiems, tiek staliniams kompiuteriams. Remdamiesi išsamiomis ataskaitomis ir rekomendacijomis, vartotojai gali optimizuoti svetainės našumą, kad būtų geriau įtraukiami naudotojai. Švyturys gali būti paleistas bet kuriame viešai arba privačiai prieinamame tinklalapyje. Pažiūrėkime, kaip tai veikia ir kaip galite jį naudoti.

1 būdas: tiesiogiai pridėkite ir paleiskite švyturį

„Lighthouse“ taip pat pasiekiamas vartotojams kaip „Google“ plėtinys, kurį galite atsisiųsti, kad atliktumėte auditą „Chrome“ naršyklėje. Atlikite toliau nurodytus veiksmus.

1. Aplankykite „Chrome“ internetinės parduotuvės puslapis, skirtas „Lighthouse“ plėtiniui bet kurioje žiniatinklio naršyklėje.

2. Spustelėkite Pridėti prie „Chrome“..

3. Pasirinkite Pridėti plėtinį patvirtinti.

4. Pridėję paleiskite svetainę naršyklėje, kurią norite analizuoti.

5. Spustelėkite ant Plėtinio (galvosūkio) piktograma šalia adreso juostos ir pasirinkite Švyturys.

6. Spustelėkite Sukurti ataskaitą.

Viskas! Per kelias sekundes „Lighthouse“ sugeneruos išsamią ataskaitą, kurioje išanalizuos svetainę, kurioje atlikote testą.

2 būdas: naudokite „PageSpeed ​​Insights“.

„Google PageSpeed ​​Insights“ taip pat yra žiniatinklio našumo testavimo įrankis kuris naudoja Lighthouse kaip analizės variklį. Taigi galite jį naudoti kurdami savo svetainės ataskaitas. Sekite žingsnius:

1. Aplankykite „PageSpeed ​​Insights“. Interneto svetainė.

2. Teksto laukelyje įveskite svetainės URL ir spustelėkite Analizuoti.

Atlikę bandymą gausite „Chrome“ naudotojo patirties ataskaitą, kurioje bus rodomi tikrų naudotojų patirti rezultatai.

Skyriuje „Diagnozuoti našumo problemas“ pateikiamas „Lighthouse“ balas. Galite patikrinti mobiliojo ir stalinio kompiuterio rezultatus.

3 būdas: paleiskite „Lighthouse“ naudodami „DevTools“.

„Lighthouse“ turi skydelį „Google Chrome DevTools“, kurį taip pat galite naudoti našumui išbandyti, jei jūsų svetainė veikia vietiniame serveryje arba svetainėse, kurioms reikia prisijungti. Štai kaip tai padaryti:

1. Apsilankykite svetainėje, kurią norite patikrinti.

2. Dešiniuoju pelės mygtuku spustelėkite bet kurią puslapio vietą ir pasirinkite Apžiūrėti iš meniu.

3. Spustelėkite ant >> piktograma (daugiau skirtukų) ir pasirinkite Švyturys iš kontekstinio meniu.

4. Spustelėkite ant Išanalizuokite puslapio įkėlimą mygtuką viršutiniame dešiniajame kampe ir palaukite, kol rezultatai bus paruošti.

Pastaba: Pasirinkite Įrenginys tinkamai ir saugoti visus Kategorijos įjungtas.

Taip pat galite pakeisti režimą. „Lighthouse“ programoje „DevTools“ siūlo tris testavimo režimus:

• Navigacija: Rodomi bendri rezultatai, įskaitant našumą, prieinamumą ir SEO.

• Laiko tarpas: Rodomi rezultatai pagal tai, kiek laiko užtrunka įkeliamas puslapis ir sąveikauja su naršytoju. Bandymo metu turėsite bendrauti su puslapiu.

• Momentinė nuotrauka: Skaičiuoja dabartinio puslapio balą

Taip pat skaitykite:31 geriausias žiniatinklio grandymo įrankis

4 būdas: naudokite Lighthouse modulį su komandų eilute

 „Lighthouse“ taip pat galima įsigyti kaip mazgo modulį, kurį galite integruoti į nuolatinio integravimo sistemas ir naudoti kaip komandinę eilutę arba programiškai. Viskas, ko reikia, yra mazgo versija. Jei turite Node.js įdiegta kompiuteryje, atlikite šiuos veiksmus:

1. Prisijunkite prie savo serverio ir paleiskite šią komandą, kad įrenginyje įdiegtumėte „Lighthouse“ visuotinį modulį:

npm install -g lighthouse

2. Įdiegę paleiskite šią komandą, kad atliktumėte Švyturio testą:

lighthouse -- view 

Galite peržiūrėti visas galimas parinktis naudodami šią komandą.

lighthouse --help

Kaip Švyturys apskaičiuoja balą

„Google Lighthouse“ sujungia ir įvertina įvairius svetainės našumo metrikos aspektus, tokius kaip našumas, prieinamumas, geriausia praktika, SEO ir PWA. Kai auditas yra sėkmingas, jis sugeneruoja ataskaitą, kurioje pateikiamas kiekvieno aspekto balas rekomendacijas dėl būtinų patobulinimų, kad pagerintumėte svetainės našumą ir naudotojų sąveiką. Svetainės paprastai vertinamos skalėje nuo 0 iki 100.

Spektaklis

Švyturys analizuoja, kaip greitai įkeliamas tinklalapis. Našumo balas apskaičiuojamas atsižvelgiant į šiuos rodiklius:

• Pirmasis turinio dažymas (FCP): Kaip greitai ekrane nupieštas pirmasis turinio elementas
• Didžiausias turinio dažymas (LCP): Matuoja laiką, per kurį didžiausias turinio elementas tampa matomas
• Kaupiamasis išdėstymo poslinkis (CLS): Matuoja netikėtų išdėstymo poslinkių, atsirandančių įkeliant puslapį, skaičių, kad įvertintų puslapio vizualinį stabilumą. Žemas CLS rodo, kad svetainė yra stabili.
• Bendras blokavimo laikas: Matuoja laiką, per kurį pagrindinė gija yra užblokuota ir nereaguoja į vartotojo įvestį.
• Greičio indeksas: Nurodo, kaip greitai visas puslapio turinys yra visiškai matomas

Šie rodikliai įvertina svetainės įkėlimo greitį ir vizualinį stabilumą. Šiai ataskaitai įtakos turi keli veiksniai, pvz., vaizdų dydis ir skaičius, naudojamų papildinių skaičius ir svetainės kodo efektyvumas.

Švyturys apskaičiuoja balą, atsižvelgdamas į metrikos verčių svertinį vidurkį. Žinoma, didesnio svorio matavimai turi didesnį poveikį bendram našumo balui. Metrikos balai ataskaitoje nerodomi, bet apskaičiuojami užkulisiuose. Galite spustelėti parinktį Žiūrėti skaičiuotuvą, kad gautumėte prieigą prie išsamaus veiksnių, turinčių įtakos jūsų svetainei, skaičiavimo.

Prieinamumas

Tai į vartotoją orientuotas balas, kuris įvertina, kaip lengva negalią turintiems vartotojams pasiekti jūsų svetainę. Tam įtakos turi tokie veiksniai kaip alternatyvaus teksto buvimas vaizduose, ARIA atributų naudojimas ir jūsų svetainės pasiekiamumas klaviatūra. Kiekvienas pritaikymo neįgaliesiems auditas yra patvirtintas arba nesėkmingas. Puslapis negauna taškų už iš dalies išlaikytą pritaikymo neįgaliesiems auditą, skirtingai nei našumo auditas.

• Alternatyvus tekstas vaizdams: Visuose puslapio vaizduose turėtų būti tinkamas ir aprašomasis alternatyvus tekstas, nes jis reikalingas regos negalią turintiems naudotojams, kurie vaizdams interpretuoti naudoja ekrano skaitytuvus.
• Semantinis HTML: Tinkamas semantinių HTML elementų, tokių kaip pavadinimas, antraštės, sąrašai ir kt., naudojimas padeda ekrano skaitytuvams ir kitai pagalbinei programinei įrangai suprasti puslapio struktūrą
• Spalvų kontrastas: Spalvų kontrastas tarp teksto ir jo fono turi atitikti žiniatinklio turinio prieinamumo gairėse nustatytus standartus. Pakankamas spalvų kontrastas užtikrina, kad tekstas būtų skaitomas silpnaregiams ar daltonistams.

Taip pat skaitykite: Kaip sukurti svetainę naudojant „ChatGPT“.

Geriausia praktika

„Lighthouse“ įvertina, kaip jūsų svetainė atitinka geriausią žiniatinklio kūrimo praktiką ir kodavimo standartus, ir pagal tai pateikia balą. Ji tikrina, ar naudojamos modernios „JavaScript“ funkcijos ir saugūs ryšiai (HTTPS) ir yra įtakojami veiksnių pvz., sumažinimo ir glaudinimo, saugos antraščių buvimas ir robots.txt naudojimas failus. Kai kurie bendri auditai pagal jį apima:

• Venkite didelių „JavaScript“ bibliotekų
• Venkite nenaudojamo CSS
• Įgalinti teksto glaudinimą
• Pašalinkite atvaizdavimą blokuojančius išteklius
• Pasinaudokite naršyklės talpyklomis
• Pateikite statinius išteklius taikydami efektyvią talpyklos politiką

SEO

SEO matuoja, ar svetainė yra optimizuota paieškos sistemoms. Tam įtakos turi tokie veiksniai kaip metaaprašų ir pavadinimo žymų buvimas, atitinkamų raktinių žodžių naudojimas ir jūsų svetainės turinio struktūra. Balas apskaičiuojamas apskaičiuojant šių auditų balų vidurkį:

• Dokumento pavadinimas
• apibūdinimas
• Antraštės
• Vaizdai
• Nuorodos
• Meta aprašymas
• Robotai.txt

Taip pat skaitykite: 27 geriausios nemokamos svetainių prieglobos paslaugos

Kaip interpretuoti rezultatus

Švyturys kiekvieną neapdorotą metrikos vertę konvertuoja į metrikos balą nuo 0 iki 100. Kuo didesnis balas, tuo jis geresnis. Metrikos balai spalvinami pagal šiuos diapazonus:

• Nuo 0 iki 49 (raudonas trikampis): prastas
• 50–89 (Oranžinė aikštė): reikia tobulinimo
• 90–100 (žalias ratas): gerai

Pradėkite sutelkdami dėmesį į rekomendacijas veiklos srityje. Greičiau įkeliama svetainė pagerins vartotojo patirtį ir gali pagerinti jūsų SEO reitingą. Kai jūsų našumo balas pagerės, galite pradėti sutelkti dėmesį į rekomendacijas kitose srityse. Kadangi pasiekiamumas ir SEO yra esminiai bendros svetainės kokybės komponentai, verta skirti pastangų ir šioms sritims tobulinti.

Taip pat skaitykite: „Zyro vs Wix“: kurį svetainių kūrėją turėtumėte pasirinkti?

Papildomi patarimai pradedantiesiems

Jei ką tik sukūrėte ir paleidote savo svetainę, čia yra dar keletas patarimų, kuriuos turėtumėte išlaikyti:

• Neapsigaukite dėl daugybės „Lighthouse“ ataskaitos pasiūlymų. Pradėkite nuo svarbiausių patarimų ir eikite sąraše žemyn.
• Švyturio ataskaita gali būti naudojama jūsų raidai laikui bėgant stebėti. Vykdant rekomendacijas, jūsų Švyturio įvertinimai turėtų pagerėti.
• Nepamirškite išbandyti savo svetainės daugelyje įrenginių ir naršyklių. Kadangi „Lighthouse“ ataskaita pagrįsta vienu bandymu, labai svarbu išbandyti svetainę keliuose įrenginiuose ir naršyklėse, siekiant užtikrinti, kad ji gerai veiktų visiems naudotojams.

Tikimės, kad mūsų vadovas padėjo suprasti, kaip naudoti „Google“ švyturys, skirtas jūsų svetainės našumui išbandyti ir taip jį tobulinti. Jei turite klausimų ar pasiūlymų mums, praneškite mums komentarų skiltyje. Stebėkite „TechCult“, kad gautumėte daugiau tokių informatyvių tinklaraščių.