Provjerite izvedbu web mjesta ručno, programski ili automatski
Lighthouse je Googleov projekt otvorenog koda koji vam daje način za mjerenje performansi web stranica. Ima konfigurabilne postavke za reprodukciju različitih uvjeta. Možete postaviti, na primjer, mrežu i vrstu uređaja da simuliraju.
Dajete Lighthouseu URL za reviziju, on pokreće niz revizija stranice, a zatim generira izvještaj o tome koliko je stranica dobro prošla. Odatle upotrijebite neuspjele revizije kao pokazatelje kako poboljšati stranicu. Svaka revizija ima referentni dokument koji objašnjava zašto je revizija važna, kao i kako je popraviti. SvjetionikMnogo je razloga zbog kojih biste željeli mjeriti izvedbu, ali jedan od najvažnijih je utjecaj na SEO. U ovom članku ulazim u detalje o tome i o tome kako se baviti određenim mjernim podacima.
Pokretanje Svjetionika s Chrome DevTools
Revizije izvedbe možete pokrenuti ručno s proširenjem preglednika Chrome DevTools. Jednostavno pokrenite proširenje s web stranice koju želite testirati i odaberite ploču "Revizije".
Među raznim revizijama možete odabrati "izvedbu". Također možete odabrati da simulirate vrstu uređaja i prigušivanje mreže. Neke informacije, posebno o prigušivanju, mogu se naći u projektu Lighthouse projekta Github.
Sljedeće kliknite na "Pokreni revizije". Po završetku, Lighthouse pruža izvješće unutar korisničkog sučelja produženja.
Ovo je izvješće opći pregled važnih mjernih podataka, prilika i ukupne ocjene izvedbe. Sličice ilustriraju životni ciklus učitavanja stranice. Što sve ovo znači? Google nudi mnoštvo dokumentacije koja opisuje svaki mjerni podatak, način na koji se njima treba baviti i ukupnu ocjenu izvedbe.
U gornjem lijevom dijelu ploče Chrome DevTools nalazi se ikona za preuzimanje pomoću koje možete preuzeti cjelovito izvješće u JSON formatu. Zatim ga možete koristiti za stvaranje PDF izvješća putem Lighthouse Report Viewer.
Zbog velikog broja čimbenika koji utječu na životni ciklus učitavanja stranice, važno je usporediti rezultate u skupinama. Primjerice, prosječno 5 trčanja pružit će bolji uvid.
Programski trčanje svjetionika
Za naše standardne situacije "pokretanja mlina", gore navedeno trebalo bi biti dovoljno. Drugi način pokretanja Lighthousea uključuje instalaciju otvorenog koda putem NPM-a i slijeđenje uputa u CLI dokumentaciji. To može biti korisno ako, na primjer, želite programsko izvoditi revizije u cjevovodu gradnje.
Slično gore navedenom, Lighthouse također možete pokrenuti u kodu slijedeći dokumentaciju za programsku upotrebu modula Node. Možete stvoriti punopravnu aplikaciju Node.js sa Lighthouseom!!
Trčanje svjetionika automatski s vremenom
Dakle, sada kada smo profesionalci - podignimo ovo na sljedeću razinu. U dokumentaciji Svjetionika nalazi se mnogo integracija, pa pogledajmo jednu od njih.
Korištenje "Foo" za pokretanje Svjetionika i usporedbu rezultata tijekom vremena
U inženjerskom okruženju u kojem mnogi programeri redovito primjenjuju promjene aplikacija, može biti važno pratiti izvedbu web mjesta s vremenom kako bi skupove promjena povezali s ponižavanjem ili poboljšanjem izvedbe. Sljedeći bi primjer bili timovi koji imaju inicijative za poboljšanje izvedbe zbog SEO rangiranja ili iz drugih razloga. U tim je situacijama presudno nadzirati izvedbu web stranica danima, tjednima, mjesecima itd.
Možete dodati URL-ove za praćenje na www.foo.software i nadzirati promjene izvedbe. Foo također pruža obavijesti e-poštom, Slack ili PagerDuty kada performanse padnu ispod praga koji je definirao korisnik, kada se vrati u normalu i kada se poboljšanja prepoznaju automatski!
Najbolje u tome je što račun možete stvoriti besplatno! Nakon što se registrirate i prijavite, kliknite vezu "Stranice" na vrhu navigacije. Ovdje možete dodati URL-ove za nadgledanje. Foo sprema rezultate i prikazuje vremensku tablicu koja pruža vizualizaciju važnih mjernih podataka. Možete se prebacivati između dana, tjedana, mjeseci i analizirati detaljna izvješća.
Zaključak
Lighthouse postaje industrijski standard u mjerenju performansi web stranica. Postoje knjige vrijedne dokumentacije o Svjetioniku koja sadrži detalje o važnim mjernim podacima.