Google afsløret for nylig nyheden om udgivelsen af hans Lighthouse-værktøj, sFor Firefox-webbrowseren, som blev leveret som et supplement til browseren. Firefox plugin var udarbejdet af Lighthouse kerneudviklingsteamet og bruger PageSpeed Insights API at generere rapporter.
For dem af jer, der er nye til Lighthouse, bør du vide, at det er et automatiseret open source-værktøj til webudviklere inkluderet i Chrome, som er designet til at forbedre kvaliteten af webapplikationer.
Med Lighthouse er det nok at køre en række tests mod siden, og derefter genererer den en rapport om sidens ydeevne. Herfra kan udviklere bruge de opnåede data som indikatorer, som de kan gøre for at forbedre deres webapplikation.
Pluginnet gør det muligt at identificere flaskehalse om ydeevnen af webapplikationer, analysere komponentbelastningshastighed og ressourceforbrug, identificere unødvendigt ressourcekrævende operationer i JavaScript, identificere problemer i http-serverkonfigurationen, evaluere optimeringen af designet til indeksering af søgemaskiner (SEO) og undersøge relevansen af at bruge web-teknologi og egnetheden af en webapplikation for mennesker med handicap, plus den understøtter applikationssimulering af svagere CPU og lav netværksbåndbredde.
Grundlæggende kan du med Google Lighthouse rapportere meget om webstedet, herunder følgende:
- Hvor lang tid det tager, før det første billede eller indhold vises på en brugers skærm.
- Om webstedets robots.txt-fil er korrekt udformet og kan crawles
- Når brugere første gang kan interagere med din side
- Hastighedsindekset for dit websted
Rapporten er opdelt i flere forskellige afsnit:
- Rendimiento: som viser dig det grundlæggende i dit websteds ydeevne, som det er nu. Denne rapport fokuserer virkelig på webstedets indlæsningshastighed mere end nogen anden faktor.
- muligheder: som giver muligheder, der kan hjælpe dig med at fremskynde dit websted og forbedre ydeevnen. Disse muligheder er utroligt specifikke, som at aktivere tekstkomprimering.
- diagnose: som påpeger specifikke problemer på dit websted, der skal løses, såsom at have filstørrelser, der er for store og potentielt langsomme indlæsningstider. De fortæller dig præcis, hvad problemet er, hvordan det påvirker dit websted, og hvorfor det skal rettes.
- Progressiv webapp: som giver dig en detaljeret revision af din webapplikation og kan sikre, at din mobilapplikation er pålidelig og funktionel for dit publikum. Dette er værdifuldt; Mange revisionsværktøjer tilbyder ikke dette.
- tilgængelighed: der viser dig, hvordan du kan gøre dit websted mere tilgængeligt og lettere at navigere eller bruge. Dette bør ikke ignoreres, da UX-design er afgørende for effektiviteten af et websted.
- Bedre praksis: der forklarer de bedste måder til pålideligt at optimere dit websted, herunder HTML-implementering og billedgengivelse.
- SEO: som tager et nærmere kig på, hvordan dit websted kan performe i søgemaskiner og de forskellige faktorer, der påvirker dit placeringspotentiale. De vil se på metrics for indholdskvalitet, crawlbarhed, mobilkompatibilitet og mere og hjælpe dig med at identificere nye måder at maksimere din søgemaskines synlighed.
Få Lighthouse
Til sidst, for dem af jer, der er interesserede i at installere og teste denne tilføjelse, kan du søge efter den i Firefox tilføjelsesbutikken, eller du kan gøre fra nedenstående link.
Hvad angår de af jer, der er Chrome-brugere, er Lighthouse, som nævnt i begyndelsen, integreret direkte i Chrome-udviklerværktøjerne, i "Audits"-panelet.
Selvom den også er tilgængelig som en browserudvidelse, som du kan installere fra dette link.
Med hensyn til, hvordan du bruger dette værktøj både grafisk og i CLI-tilstand, kan du konsultere dets dokumentation I det følgende link.