Google Lighthouse and PageSpeed Insights

文章推薦指數: 80 %
投票人數:10人

The other difference is that Google PageSpeed Insights measures only the performance of the website, while Google Lighthouse goes beyond page speed metric and ... SkipToMainContent Account Settings Logout placeholder Account Settings Logout Filter: AllFiles SubmitSearch Account Settings Logout Youarehere: GoogleLighthouseandPageSpeedInsights WhatIsGoogleLighthouse? GoogleLighthouseisafree,open-source,automatedtoolwhichrunsyourwebpagesthroughaseriesofauditsandtestsandhelpsyoutoimprovethequalityofyourwebpages.Lighthousegivesyouanexcellentoverviewofthequalityandperformanceofyourwebsiteonthedesktopandmobiledevices,andhelpstoimprovetheperformanceofyourwebsite. Besides,Lighthouseidentifiescommonproblemsthatcanaffectthequalityofyourwebsiteandprovidessuggestionsonhowtofixthem. Thedatashownonthescreenshotbelowisusedfordemonstrationpurposesonly. TherearedifferentwaystouseGoogleLighthouse.TheeasiestonesareinGoogleChromeDevToolsorfromawebUI.FormoreinformationabouthowtorunGoogleLighthouse,seeLighthouse. WhichAuditsCanGoogleLighthousePerform? WhenyourunanauditinGoogleLighthouse,itproducesfivescoresatthetopofyourauditreport.Theyare: Performance-Thistestevaluatesthespeedatwhichthewebpagesloadanddisplayonauser’sdevicetofindopportunitiestospeeduppageload.Formoreinformation,seePerformanceaudits. Bestpractices-Thereisacertainstandardinthemodernwebdevelopment.Bestpracticesscoreshowsyouifyourwebsitefitsintothisstandard.Thisauditprovidesrecommendationsonhowtoimprovetheoverallcodehealthofyourwebsiteorwebapplication.Formoreinformation,seeBestPracticesaudits. Accessibility-Thistestchecksifalluserscanaccessyourwebsiteorwebapplicationandnavigateeffectivelyregardlessoflimitationsordisabilities.Therearealsorecommendationsonhowtoimprovetheaccessibilityofyourwebsite.Formoreinformation,seeAccessibilityaudits. SearchEngineOptimization(SEO)-SEOchecksevaluatehowwellyourwebsitecanbecrawledbysearchenginesanddisplayedinthesearchresults. Formoreinformation,seeSEOaudits. ProgressiveWebApps(PWA)-Aprogressivewebapplicationtakesadvantageofthelatesttechnologiestocombinethebestofwebandmobileapps.Youcanthinkofawebsitethatactsandfeelslikeanapp.Thismeansthatyourwebsitecanbeusedasakindofsimplifiedapp.ThePWAauditsmeasureifyourwebsiteisfast,reliableandinstallable.Formoreinformation,seePWAaudits. NOTE AlthoughtheSanawebstoresupportssomeofthefeaturesusedinProgressiveWebApplications(PWA),itisstillaSinglePageApplication(SPA)andnotaPWA.Therefore,theGoogleLighthousePWAauditresultswillbeinaccurateandyoushouldnotselectProgressiveWebAppwhentestingyourSanawebstore.   WhatIsGooglePageSpeedInsightsandHowIsItDifferentfromGoogleLighthouse? PageSpeedInsightsisanothertoolcreatedbyGoogle.PageSpeedInsightsisanonlinetoolwhichevaluatestheperformanceofthewebpageonmobile,tabletanddesktopcomputer.Italsoofferspracticalsuggestionsonhowtoimprovethewebpage.PageSpeedInsightsuses Lighthouse asitsperformanceanalysisengine. OnemajordifferencebetweenGoogleLighthouseandGooglePageSpeedInsightsisthedatatheyuse.Lighthouseusesonlylabdatatomeasureyourwebsite’sperformance,whilePageSpeedInsightsusesbothreal-worlddatawhichcomesfromtheChromeUserExperiencereportandlabdata.Labdatausespredefinednetworkanddevicespecificationsandalsolabdataiscollectedinacontrolledenvironment.Real-worlddataiscollectedfromtheactualChromeusers,meaningthatyoucanseehowyourwebsiteloadsforrealusers. TheotherdifferenceisthatGooglePageSpeedInsightsmeasuresonlytheperformanceofthewebsite,whileGoogleLighthousegoesbeyondpagespeedmetricandmeasuresotheraspectsofawebsite,likeSEO,accessibility,progressivewebapp,etc. Usethe GooglePageSpeedInsightsweb pagetomeasureyourwebsiteperformance. Thedatashownonthescreenshotbelowisusedfordemonstrationpurposesonly. YoucanuseGooglePageSpeedInsightsandGoogleLighthouse,oreventhemixofmultipletoolstogetthemostaccuratepictureofyourwebsiteperformance. Didyoufindthisarticlehelpful? YesNo Sorryaboutthat Whywasn'tthishelpful?(checkallthatapply) Couldn'tfindwhatIwaslookingfor Instructionsconfusingorunclear Instructionsdidn'twork Thanksforyourfeedback! Great! Thanksfortakingthetimetogiveussomefeedback.



請為這篇文章評分?