How to Remove Unused JS/CSS with Browser developers tool
Hi.
Today, I will briefly talk about how to identify unused JS and CSS on the web page.
If you take advantage of this, you can reduce unnecessary code, so you can create faster web services.
1. Chrome Developers Tools
Chrome engines are all the same. (Opera, Brave, etc..)
2.
// It is powerfull command! find any browser tools
3. Search
4. Click start capturing coverage
5. if you Click Items, show use/unused code(js,css)
Today, I will briefly talk about how to identify unused JS and CSS on the web page.
If you take advantage of this, you can reduce unnecessary code, so you can create faster web services.
TL;DR
- Chrome Developers Tools
Command+Shift+p- Search
Coverage - Click
Show Coverage - if you Click Items, show use/unused code(js,css)
Step by Step
1. Chrome Developers Tools
Chrome engines are all the same. (Opera, Brave, etc..)
2.
Command + Shift + p// It is powerfull command! find any browser tools
3. Search
Coverage and click Show Coverage
4. Click start capturing coverage
5. if you Click Items, show use/unused code(js,css)
 |
| what? 98.8%????? |