Вы можете найти его с помощью Chrome через «Инструменты разработчика» 😊
- Откройте инструменты разработчика (F12)
- Тип: Ctrl + Shift + P
- Введите: «Покрытие» и выберите «показать покрытие» в результате.
- Появится новое окно с вкладкой «Покрытие».
- Щелкните значок «Начать инструментальное покрытие и перезагрузить страницу».
Таким образом, он перезагрузит страницу и покажет информацию в таблице
с «URL», «Тип», «UnusedBytes», «Визуализация использования».
𝗨𝘀𝗮𝗴𝗲 𝗩𝗶𝘀𝘂𝗮𝗹𝗶𝘇𝗮𝘁𝗶𝗼𝗻:
- Красная часть полосы — это неиспользованные байты.
- Зеленая секция использует байты.
𝗦𝗼 𝘄𝗵𝗮𝘁 𝘁𝗵𝗲 𝗻𝗲𝘅𝘁 𝘀𝘁𝗲𝗽? 🤨
Рефакторинг вашей кодовой базы, чтобы каждая страница поставляла только те Javascript и CSS, которые ей нужны (это может быть сложной частью 🙃)
Делитесь своими мыслями и другими предложениями в комментариях