Measure your site’s Performance, Progressive Web App, Accessibility, Best Practices and SEO in just 4 clicks, thanks to Google DevTools Audits.
All you have to do is:
- Open a webpage
- Right-click > Inspect
- Scroll over to Audits in Dev Tools
- Click “Perform an Audit” then “Run Audit”
Since we now live in a mobile-first era, from there Chrome will render and test the mobile version of your website in a variety of mobile scenarios.
How your site performs on mobile devices & according to this tool plays a major role in overall rankings and visibility on & through Google.
It will throttle the CPU while loading your webpage to simulate signal fluctuations and check to see how your site looks in offline mode. It will also audit how various on-page elements would render on additional devices, even devices for people with disabilities or with limited technologies. So it’s important that your website performs consistently, across all devices and in any situation, especially as we approach the rise of IoT.
The tool’s process is to Gather, Audit, Report.
So after gathering & auditing your site’s data points, the tool will provide a report with recommendations to improve;
- Performance – Load/Speed/Data Usage
- Progressive Web App – Adaptability & Engagement on All Devices
- Accessibility – Functionality & Disabilities
- Best Practices – Web Standards for Building a Site
- SEO – Technical SEO Limitations
NOTE: You can filter out any of the above categories from this report
Not only that, the Lighthouse tool will provide page load details & checkpoints at very important stages in a user’s journey.
Don’t worry if all you see if orange and red except for in SEO. We’re all graded on a curve, so you have time to get a good lead on the competition (assuming it’s still 2018).
You could save the chrome results to your local drive so that you can track progress, or you could just sign up for a tool like Visibility Boosters; LiteHaus tool that will crawl & track progress for you.
There’s also a way to embed custom reports into your Lighthouse Auditor… Stay tuned.
Please provide any additional Chrome tips & tidbits in the comment below. Thanks for reading (and watching)!
You can view the report in its own browser window by using Google’s Lighthouse Viewer 2 Tool.