Jei norite, kad jūsų svetainė veiktų efektyviai, turite nepamiršti kelių dalykų. Laimei, universalūs įrankiai, tokie kaip "Google Lighthouse", gali padėti optimizuoti ir stebėti tokius veiksnius kaip našumas, prieinamumas ir dar daugiau.

Tai atliekama atliekant auditą, kurio metu analizuojama žiniatinklio programos arba svetainės puslapio informacija. Atlikdama šį veiksmą, ji parengia ataskaitą apie tai, kaip gerai veikė programa arba puslapis. Ji patikrina tinklalapį pagal mažo našumo standartą, kad pamatytų, kaip jis veikia esant blogam ryšiui ar senesniam įrenginiui, ir taip gauna naudingos informacijos apie tai, kaip jis veikia nestandartinėmis sąlygomis.

Nors daugiausia dėmesio skiriama žiniatinklio programoms ir mobiliosioms svetainėms, joje pateikiama daug naudingos informacijos ir rekomendacijų, kurias galima pritaikyti bet kuriai svetainei. Ji yra nepakeičiama priemonė, leidžianti stebėti, kaip jūsų svetainei sekasi, kartu su daugeliu naudingų rodiklių.

Kaip naudoti "Google Lighthouse

Švyturys gali būti naudojamas įvairiais būdais, o geriausias būdas gali priklausyti nuo to, kaip jums patogiausia. Įvairios darbo eigos:

"Chrome DevTools": Lengvai tikrinkite puslapius, kuriuose reikia autentifikavimo, ir skaitykite ataskaitas patogiu formatu. Naudodamiesi "Google Chrome", galite audituoti bet kurį interneto URL adresą šia procedūra prisijungę prie "Chrome DevTools":

1. "Chrome" naršyklėje įkelkite puslapį, kurio auditą norite atlikti.
2. Atidarykite "Chrome DevTools".
3. "Windows": F12 klavišas arba Control+Shift+I, Mac: F12 klavišas arba Control+Shift+I: Komanda+Option+I
4. Iš "Chrome" pagrindinio meniu: Pasirinkite "Daugiau įrankių" > Kūrėjo įrankiai.
5. Spustelėkite skirtuką Auditai.
6. Spustelėkite mygtuką "Atlikti auditą".

Iš komandinės eilutės: Automatizuokite "Lighthouse" paleidimą naudodami apvalkalo skriptus ir naudodami jį kaip "Google Chrome" plėtinį. Spustelėkite "Lighthouse" piktogramą šalia "Chrome" adreso juostos.

Kaip mazgo modulis: Įtraukite "Lighthouse" į savo nuolatinio integravimo sistemas.

Iš žiniatinklio sąsajos: Paleiskite "Lighthouse" ir susiekite su ataskaitomis nieko neįdiegę. Šioje versijoje galite įterpti URL adresą į Priemonė puslapį, kad galėtumėte atlikti auditą. Tai užtruks kelias sekundes ir turėsite pamatyti išsamią ataskaitą su bendraisiais balais.

Pagrindiniai rodikliai

Paprasčiau tariant, "Lighthouse" yra svetainių stebėsenos ir vertinimo įrankis, kuris atlieka našumo, prieinamumo, progresyviųjų žiniatinklio programų, SEO ir daug kitų dalykų (iš viso tikrinama daugiau nei 75 rodikliai) auditą. Šios duomenų metrikos apima beveik viską, ką reikia žinoti norint sutvarkyti svetainę ir padaryti ją patrauklesnę bei matomesnę.

Našumas

Našumo rodikliai daugiausia susiję su greičiu, vėlavimu, išteklių optimizavimu ir kt. Pirmieji "Contentful Paint" dažai tai rodiklis, rodantis, per kiek laiko ekrane pasirodo bet koks turinys.

• Pirmasis prasmingas dažymas: Pirmojo prasmingas ekrane rodomas turinys. Mažesnis rezultatas rodo, kad puslapis yra greitesnis.
• Greičio indeksas: Svetainės greičio testas, kuriuo parodoma, kaip greitai galima peržiūrėti visą puslapio turinį. Indeksas sudaromas atsižvelgiant į tai, kad puslapis įkeliamas greičiau nei per 1,25 sekundės.
• Pirmasis procesoriaus neveikimas: Laikotarpis nuo įkėlimo iki momento, kai įrenginys nebepajėgia atvaizduoti puslapio.
• Interaktyvumo laikas: Kaip greitai puslapis tampa interaktyvus. Šis rodiklis dažniausiai rodo, per kiek laiko dauguma naudotojo sąsajos elementų tampa interaktyvūs, o ekranas reaguoja į naudotojo įvestį.
• Apskaičiuotas įvesties uždelsimas matuoja, per kiek laiko puslapis reaguoja į naudotojo įvestį. Kuo mažesnis uždelsimas, tuo greitesnis puslapis. Įvesties vėlavimo tikslas - mažiau nei 50 milisekundžių.

Prieinamumas

Šiame ataskaitos skyriuje atliekamos įvairios puslapio formato patikros, įskaitant antraštės, fono ir pirmojo plano spalvų, spalvų kontrasto, paveikslėlių alt tekstų, dokumento pavadinimo žymų ir nuorodų pavadinimų patikros. Skyriuje "Google Lighthouse Accessibility" taip pat pateikiamas "papildomų elementų, kuriuos reikia patikrinti rankiniu būdu" sąrašas, kuriame pateikiami elementai, kurių neįmanoma patikrinti automatizuotai, kad būtų pasiekti visi galimi kriterijai.

Po audito "Lighthouse" parodys, kurie elementai neatitinka jo standartų. Tai sudaro kontrolinį sąrašą, kurį naudotojai gali taikyti savo puslapiams, kad jie turėtų didžiausią poveikį SEO, formatui ir matomumui.

Geriausia praktika

Šiame skyriuje aptariama HTTPS, programų talpykla ir kryžminių nuorodų sauga. Be to, čia stebimos užklausos dėl geografinės vietos nustatymo leidimo, pažeidžiamos "JavaScript" bibliotekos, pasenusios API ir tai, ar naudotojai gali įklijuoti slaptažodžių laukus. Taip pat apima vaizdų optimizavimą, JS bibliotekas, naršyklės klaidų registravimą, žinomus JS pažeidžiamumus ir kt.

SEO (nuo 750 EUR)

Atliekant pagrindinį SEO patikrinimą daugiausia tikrinamos puslapio žymos ir būsenos kodai. Kai kurias dalis reikia įvesti rankiniu būdu, todėl šiame skyriuje galima nurodyti meta aprašymus, antraštes, šrifto dydžius ir pan.

Progresyvioji žiniatinklio programa

HTTP peradresavimas į HTTPS, atsakymo kodas gerai, greitas įkrovimas 3G, užsklanda, rodinys ir t. t.

Progresyviosios žiniatinklio programos turi būti:

Patikima - įkeliama akimirksniu ir niekada nerodoma "Chrome" klaidos puslapio (angl. downasaur), net ir esant neaiškioms tinklo sąlygoms.
Greitai - greitai reaguokite į naudotojo sąveikas, naudodami šilkinę sklandžią animaciją ir nesukdami galvos dėl slinkimo.
Įtraukiantis - įrenginyje jausitės kaip natūrali programėlė, o naudotojo patirtis bus įtraukianti.

Susijęs straipsnis: Kaip Schema gali padidinti jūsų SEO ir matomumą