google lighthouse for web developers n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
GOOGLE LIGHTHOUSE FOR WEB DEVELOPERS PowerPoint Presentation
Download Presentation
GOOGLE LIGHTHOUSE FOR WEB DEVELOPERS

Loading in 2 Seconds...

play fullscreen
1 / 6

GOOGLE LIGHTHOUSE FOR WEB DEVELOPERS - PowerPoint PPT Presentation


  • 4 Views
  • Uploaded on

Google allows developers to use Lighthouse in two distinct ways. A web developer can use the open source auditing tools as a Chrome extension. As a Chrome extension, Lighthouse enables developers to assess the quality of a web page simply by navigating to the web page in the browser and the click on the “Generate Report” button. At the same time, the web developer also has option to run Lighthouse through the Node CLI. After installing the latest version of Node, he can install the auditing tool and assess quality of web pages by executing specific commands.\n

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'GOOGLE LIGHTHOUSE FOR WEB DEVELOPERS' - mindfiresolutions


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
can be used in a number of ways

➢ Can be used in a Number of Ways

Google

Google allows

use

use the

the open

Lighthouse

Lighthouse enables

to to the

the web

web page

same

same time,

time, the

After

After installing

installing the

quality

qualityof ofweb

allows developers

developers to to use

open source

source auditing

enables developers

page in in the

theweb

webdeveloper

the latest

webpages

pagesby byexecuting

use Lighthouse

Lighthouse in in two

auditing tools

tools as as a a Chrome

developers to to assess

assess the

the browser

browser and

and the

developer also

alsohas

has option

latest version

version of of Node,

executingspecific

specificcommands

two distinct

distinct ways

Chrome extension

extension.. As As a a Chrome

the quality

quality of of a a web

web page

the click

click on on the

the “Generate

“Generate Report”

option to torun

run Lighthouse

Lighthouse through

Node, he he can

can install

install the

commands..

web developer

developer can

Chrome extension,

extension,

page simply

simply by by navigating

Report” button

button.. At At the

through the

the Node

the auditing

auditing tool

tool and

ways.. A A web

can

navigating

the

CLI..

assess

Node CLI

and assess

tests various aspects of a web application

➢ Tests Various Aspects of a Web

Application

A A web

web developer

developer can

accessibility,

accessibility, performance,

website

website is is loading

loading despite

being

beingserved

servedfrom

fast

fast.. At At the

the same

same time,

best

bestpractices

practicesrecommended

use Lighthouse

Lighthouse to to measure

performance, and

and security

security.. The

despite no no internet

internet connectivity

froma asecure

secureorigin

origin..It Iteven

time, Lighthouse

Lighthouse assesses

recommendedby byGoogle

Google..

can use

measure various

The automated

automated auditing

connectivity or or poor

evenhelps

helpsusers

usersto tocheck

assesses the

the website’s

website’s accessibility

various aspects

auditing tool

poor network

network conditions

checkif ifthe

thewebsite

websiteis isrelatively

accessibility based

based on on certain

aspects of of a a website

tool checks

conditions and

website – –

checks if if the

the

and

relatively

certain

gives actionable performance advice

➢ Gives Actionable Performance

Advice

In In addition

addition to to running

generates

generates an anelaborate

a avariety

varietyof ofinformation

informationthat

user

user experience

experience.. The

developers

developers to to identify

process

process.. For

For instance,

instance, the

page

pageis isvisibly

visiblypopulated

running multiple

elaboratereport

reportin ina auser

thathelps

The metrics

metrics and

identify and

and repair

the report

populatedthrough

throughspeedline

multiple audits

audits against

user- -friendly

friendlyformat

helpsweb

webdevelopers

developersto tomake

and actionable

actionable information

repair the

the performance

performance bottlenecks

report helps

helps users

users to to measure

speedline..

against a a web

format..The

web page,

page, Lighthouse

Thereport

reportfurther

makethe

thewebsite

websitedeliver

information make

make it it easier

bottlenecks during

measure how

how quickly

quickly a a specific

Lighthouse further

furtherprovides

deliverricher

easier for for web

during development

development

specific web

further

provides

richer

web

web

third party tools and packages

➢ Third-Party Tools and Packages

As As noted

noted earlier,

websites

websites..Hence,

large

large repository

repository of of packages

Viewer

Viewer as asan annpm

npmpackage

URL

URL..Some

Someof ofthese

shortcomings

shortcomings of of Lighthouse

multiple

multiple URLs

URLs at at a a time

audit

auditmultiple

multiplesites

earlier, Google

Hence,the

theweb

Google has

webdevelopers

developerscan

packages and

packageto toview

thesethird

third- -party

partypackages

Lighthouse.. At At present,

time.. But

But the

sitesin insequence

sequenceand

has launched

launched Lighthouse

canextend

andtools

tools.. For

viewelaborate

elaborate reports

packageseven

present, Lighthouse

the web

web developers

developers can

andgenerate

generatea asummary

Lighthouse as as an an open

extendLighthouse

Lighthouseby byavailing

For instance,

instance, the

the developers

reportssimply

simplyby by pasting

evenhelp

helpusers

usersto toovercome

Lighthouse lacks

lacks the

canuse

use Lighthouse

summaryreport

open source

source auditing

availingchoosing

developers can

canuse

pastingits itsJSON

overcomesome

the capability

capability to to evaluate

Lighthouse Batch

Batch Reporter

report..

auditing tool

choosingfrom

use Lighthouse

Lighthouse

JSONor orGist

someof ofthe

themajor

tool for for

froma a

Gist

major

evaluate

Reporterto to

content designed by mindfire solutions

Content Designed

By:

Mindfire Solutions