1 / 6

GOOGLE LIGHTHOUSE FOR WEB DEVELOPERS

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.<br>

mindfiresolutions
Download Presentation

GOOGLE LIGHTHOUSE FOR WEB DEVELOPERS

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. GOOGLE LIGHTHOUSE FOR WEB DEVELOPERS

  2. ➢ 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

  3. ➢ 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

  4. ➢ 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

  5. ➢ 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

  6. Content Designed By: Mindfire Solutions

More Related