GOOGLE LIGHTHOUSE FOR WEB DEVELOPERS

Views:
 
Category: Entertainment
     
 

Presentation Description

No description available.

Comments

Presentation Transcript

slide 1:

GOOGLE LIGHTHOUSE FOR WEB DEVELOPERS

slide 2:

➢ Can be used in a Number of Ways 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 “ G e n e r a t e R e p o r t ” 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 qualityofwebpagesbyexecutingspecificcommands.

slide 3:

➢ Tests Various Aspects of a Web Application A web developer can use Lighthouse to measure various aspects of a website – accessibility performance and security. The automated auditing tool checks if the website is loading despite no internet connectivity or poor network conditions and beingservedfromasecureorigin.Itevenhelpsuserstocheckifthewebsiteisrelatively fast. At the same time Lighthouse assesses the w e b s i t e ’ s accessibility based on certain bestpracticesrecommendedbyGoogle.

slide 4:

➢ Gives Actionable Performance Advice In addition to running multiple audits against a web page Lighthouse further generates an elaborate report in a user-friendly format. The report further provides avarietyofinformationthathelpswebdeveloperstomakethewebsitedeliverricher user experience. The metrics and actionable information make it easier for web developers to identify and repair the performance bottlenecks during development process. For instance the report helps users to measure how quickly a specific web pageisvisiblypopulatedthroughspeedline.

slide 5:

➢ Third-Party Tools and Packages As noted earlier Google has launched Lighthouse as an open source auditing tool for websites. HencethewebdeveloperscanextendLighthouse by availingchoosingfroma large repository of packages and tools. For instance the developers can use Lighthouse Viewer as an npm package to view elaborate reports simply by pasting its JSON or Gist URL.Someofthesethird-partypackagesevenhelpuserstoovercomesomeofthemajor shortcomings of Lighthouse. At present Lighthouse lacks the capability to evaluate multiple URLs at a time. But the web developers can use Lighthouse Batch Reporter to auditmultiplesitesinsequenceandgenerateasummaryreport.

slide 6:

Content Designed By: Mindfire Solutions

authorStream Live Help