𝗛𝗼𝘄 𝘁𝗼 𝗳𝗶𝗻𝗱 “UNUSED’ 𝗝𝗔𝗩𝗔𝗦𝗖𝗥𝗜𝗣𝗧 𝗮𝗻𝗱 𝗖𝗦𝗦 𝗰𝗼𝗱𝗲 𝗼𝗻 𝘆𝗼𝘂𝗿 𝗽𝗮𝗴𝗲? 🤔

You can find it using Chrome via “Dev Tools” 😊

1. Open dev tools (F12)
2. Type: Ctrl + Shift + P
3. Type: “Coverage” and select “show coverage” from the result.
4. New window with the “Coverage” tab will be shown
5. Click Icon “Start Instrumenting Coverage And Reload Page”

So it will reload the page and show the information in the table
with “Url”, “Type”, “UnusedBytes”, “Usage Visualization”

𝗨𝘀𝗮𝗴𝗲 𝗩𝗶𝘀𝘂𝗮𝗹𝗶𝘇𝗮𝘁𝗶𝗼𝗻:

1. Red section of the bar is unused bytes
2. Green section is used bytes.

𝗦𝗼 𝘄𝗵𝗮𝘁 𝘁𝗵𝗲 𝗻𝗲𝘅𝘁 𝘀𝘁𝗲𝗽? 🤨

Get Niraj Shrestha’s stories in your inbox

Join Medium for free to get updates from this writer.

Remember me for faster sign in

Refactoring your codebase so that each page only ships the Javascript and CSS that it needs (this can be a tricky part 🙃)

Do share your thoughts and other suggestions in the comments