Google Lighthouse and PageSpeed Insights
文章推薦指數: 80 %
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.
延伸文章資訊
- 1Lighthouse 和PageSpeed,檢測網站該看哪個指標? - iT 邦幫忙
昨天提到Lighthouse 可以用來看PWA,但是長期有在做SEO 和網站設計的朋友應該比較熟PageSpeed,究竟這兩個評分網站有什麼不一樣?該看哪個東西比較好呢?
- 2網路優化不可不知的測評工具Lighthouse, PageSpeed Insights ...
Lighthouse、PageSpeed InsightsLighthouse 是由Google 團隊所開發的檢測工具,主要用來檢測網站使用者體驗、效能與SEO 等等網站優化的部分, ...
- 3Lighthouse 和PageSpeed,檢測網站該看哪個指標? - Noob's ...
昨天提到Lighthouse 可以用來看PWA,但是長期有在做SEO 和網站設計的朋友應該比較熟PageSpeed,究竟這兩個評分網站有什麼不一樣?該看哪個東西比較好呢?
- 4How to Use Google Lighthouse to Improve Site Speed
Both tools audit similar aspects of your webpage, including page speed and Core Web Vitals. Howev...
- 5Lighthouse | Tools for Web Developers
Run Lighthouse in Chrome DevTools; Install and run the Node command line tool; Run Lighthouse as ...