How To Reduce Your Webpage Size
Studies show that every 100-millisecond delay in website loading times hurts conversion rates by 7%. In addition, page speed is one of the most critical factors in search engine ranking. One aspect of your page speed is the time it takes to download the page. So this guide teaches you how to optimize your page speed by reducing the size of a web page with the Browser Developer Tools: Coverage tab.
What Are Browser Developer Tools?
Browser Developer Tools let you test and debug your website (from the browser). Chrome DevTools is a modern example of a popular browser developer tool for the Google Chrome Browser. For more information on frontend (HTML, CSS, JS) debugging with developer tools, check out this list: The Developer Tools Guide.
The Coverage Tab
How To Open The Coverage Tab
To open the coverage tab, you must visit a webpage in your browser:
- Right-click anywhere on the page to bring up the context menu and select “Inspect”.
- Click the vertical dots in the DevTools menu.
- Hover over “More tools”.
- Navigate to the “Coverage” tab.
These actions are equivalent to Right Click > Inspect Element > Vertical Dots > More tools > Coverage.