Google presenteras nyligen nyheterna om publiceringen av sitt fyrverktyg, sför webbläsaren Firefox, som tillhandahölls som ett komplement för webbläsaren. Firefox-tillägget var förberedd av Lighthouse kärnutvecklingsteam och använder PageSpeed Insights API för att generera rapporter.
För de som inte känner till Lighthouse bör du veta att det är ett automatiskt verktyg med öppen källkod för webbutvecklare som ingår i Chrome som är utformat för att förbättra kvaliteten på webbapplikationer.
Med Lighthouse kör du bara en serie tester mot sidan och sedan genereras en rapport om sidans prestanda. Härifrån kan utvecklare använda data som erhållits som indikatorer, som de kan göra för att förbättra sin webbapplikation.
Plugin gör det möjligt att identifiera Flaskhalsar analysera prestanda för webbapplikationer komponentens laddningshastighet och resursförbrukning, identifiera onödigt resurskrävande operationer i JavaScript, identifiera problem i http-serverkonfigurationen, utvärdera designoptimering för sökmotorindexering (SEO) och undersöka relevansen av att använda webbteknik och lämplighet för en webbapplikation för personer med funktionsnedsättning, samt stödja simuleringen av tillämpningen av en svagare CPU och låg nätverksbandbredd.
I grund och botten med Google Lighthouse kan du informera mycket om webbplatsen, inklusive följande:
- Hur lång tid det tar innan den första bilden eller innehållet visas på en användares skärm.
- Huruvida webbplatsens robots.txt-fil är korrekt utformad och spårbar
- När användare kan interagera med din sida för första gången
- Din webbplats hastighetsbetyg
Rapporten är indelad i flera olika avsnitt:
- Rendimiento: som visar grunderna för webbplatsens prestanda så som den ser ut nu. Denna rapport fokuserar verkligen på laddningshastighet på webbplatsen mer än någon annan faktor.
- möjligheter: som erbjuder möjligheter som kan hjälpa dig att påskynda din webbplats och förbättra prestanda. Dessa möjligheter är otroligt specifika, som att möjliggöra textkomprimering.
- diagnos: som pekar på specifika problem på din webbplats som måste åtgärdas, till exempel att ha filstorlekar som är för stora och potentiellt saktar ner laddningstiderna. De kommer att berätta exakt vad problemet är, hur det påverkar din webbplats och varför det måste åtgärdas.
- Progressiv webbapp- som ger dig en detaljerad granskning av din webbapplikation och kan säkerställa att din mobilapplikation är pålitlig och funktionell för din publik. Detta är värdefullt; Många granskningsverktyg erbjuder inte detta.
- tillgänglighet: visar hur du kan göra din webbplats mer tillgänglig och lättare att navigera eller använda. Detta bör inte ignoreras, eftersom UX-design är avgörande för webbplatsens effektivitet.
- Bättre praxis: som förklarar de bästa sätten att pålitligt optimera din webbplats, inklusive implementering av HTML och visning av bilder.
- SEO: som tar en närmare titt på hur din webbplats kan prestera i sökmotorer och de olika faktorer som påverkar dess rankningspotential. De tittar på indikatorer för innehållskvalitet, spårbarhet, mobil enhetskompatibilitet och mer och hjälper dig att identifiera nya sätt att maximera din sökmotors synlighet.
Skaffa fyr
Slutligen, för dem som är intresserade av att installera och testa detta plugin, kan de söka efter det i Firefox plugin store eller så kan de från länken nedan.
Som för de som är Chrome-användare, som nämnts i början, integreras Lighthouse direkt i Chrome-utvecklarverktygen i panelen "Granskningar".
Även om det också finns som ett webbläsartillägg, som kan installeras från den här länken
Om hur du använder detta verktyg både grafiskt och i CLI-läge kan du läsa dess dokumentation I följande länk.