A webhely teljesítményének manuális, programozott vagy automatikus ellenőrzése
A Lighthouse a Google nyílt forráskódú projektje, amely lehetővé teszi a weboldal teljesítményének mérését. Konfigurálható beállításokkal rendelkezik a különféle körülmények reprodukálásához. Beállíthatja például a hálózat és az eszköz típusát a szimulációhoz.
A Lighthouse-nak megad egy URL-t az ellenőrzéshez, az ellenőrzések sorozatát futtatja az oldal ellen, majd jelentést készít arról, hogy az oldal milyen jól teljesített. Innentől kezdve használja a sikertelen ellenőrzéseket az oldal javításának mutatóiként. Minden ellenőrzéshez tartozik egy referenciadokumentum, amely elmagyarázza az ellenőrzés fontosságát, valamint annak kijavítását. VilágítótoronySzámos oka van annak, hogy miért szeretné mérni a teljesítményt, de az egyik legfontosabb a SEO-ra gyakorolt hatásra vonatkozik. Részletesebben foglalkozom ezzel a cikkel, valamint azzal, hogy miként kezelhetem bizonyos mutatókat.
Világítótorony működtetése a Chrome DevTools segítségével
A teljesítményellenőrzéseket manuálisan futtathatja a Chrome DevTools böngészőbővítménnyel. Egyszerűen indítsa el a kiterjesztést a tesztelni kívánt weboldalról, és válassza ki az „Auditok” panelt.
A különféle auditok közül választhatja a „teljesítményt”. Választhatja az eszköz típusának és a hálózati fojtásnak a szimulálását is. Néhány, kifejezetten a fojtásról szóló információ megtalálható a Lighthouse Github repo projektjében.
Kattintson a továbbiakban az „Ellenőrzések futtatása” gombra. A befejezés után a Lighthouse jelentést nyújt a kiterjesztés felhasználói felületén belül.
Ez a jelentés a fontos mutatók, lehetőségek és az általános teljesítmény pontszám általános áttekintését tartalmazza. Az indexképek az oldalbetöltés életciklusát szemléltetik. Mit jelent ez az egész? A Google rengeteg dokumentációt nyújt, amelyek leírják az egyes mutatókat, azok kezelésének módját és az általános teljesítménypontszámot.
A Chrome DevTools panel bal felső sarkában található egy letöltés ikon, amely segítségével a teljes jelentést JSON formátumban töltheti le. Ezután felhasználhatja PDF-jelentés létrehozására a Lighthouse Report Viewer segítségével.
Az oldalbetöltés életciklusában játszódó tényezők nagy mennyisége miatt fontos az eredményeket kötegenként összehasonlítani. Például átlagosan 5 futás jobb betekintést nyújt.
A világítótorony programozott működtetése
A szokásos „malomfutás” helyzeteinkhez a fentieknek elegendőnek kell lenniük. A Lighthouse futtatásának másik módja a nyílt forráskódú csomag NPM-en keresztüli telepítése és a CLI dokumentációjában szereplő utasítások betartása. Ez előnyös lehet, ha például auditokat programozottan szeretne futtatni egy építési folyamatban.
A fentiekhez hasonlóan a Lighthouse kódban is futtatható, ha követi a Node modul programozott használatának dokumentációját. Létrehozhat egy teljes értékű Node.js alkalmazást a Lighthouse-szal?
A világítótorony automatikus működtetése az idő múlásával
Tehát most, hogy profik vagyunk - vigyük ezt a következő szintre. A világítótorony dokumentációjában számos integráció szerepel, ezért nézzük meg az egyiket.
A „Foo” használatával a világítótorony futtatásához és az eredmények időbeli összehasonlításához
Egy olyan mérnöki környezetben, ahol sok fejlesztő rendszeresen alkalmaz alkalmazásmódosításokat, fontos lehet a webhely teljesítményének figyelemmel kísérése az idő múlásával, hogy a változáskészletek társuljanak a teljesítmény romlásához vagy javításához. Egy másik példa azok a csapatok lehetnek, amelyek kezdeményeznek a teljesítmény javítása érdekében SEO rangsorolás vagy más okokból. Ezekben a helyzetekben kritikus fontosságú a weboldal teljesítményének figyelése napokon, heteken, hónapokon át stb.
Hozzáadhat URL-eket a www.foo.software nyomon követéséhez, és figyelheti a teljesítmény változását. A Foo e-mail, Slack vagy PagerDuty értesítéseket is szolgáltat, ha a teljesítmény a felhasználó által meghatározott küszöb alá süllyed, ha visszatér a normális szintre, és ha a fejlesztéseket automatikusan azonosítják!
A legjobb az egészben az, hogy ingyenesen létrehozhat fiókot! Miután regisztrált és bejelentkezett, kattintson a felső navigációs panelen az „Oldalak” linkre. Itt adhat hozzá URL-eket a megfigyeléshez. A Foo elmenti az eredményeket, és megjeleníti az idővonal diagramját, amely a fontos mutatók vizualizálását biztosítja. Váltogathatja a napokat, a heteket, a hónapokat, és részletes jelentéseket készíthet.
Következtetés
A világítótorony iparági szabványossá válik a weboldal teljesítménymérésében. Vannak olyan könyvek, amelyek dokumentációt érnek a Lighthouse-ról, amelyek a fontos mutatók részleteit tartalmazzák.