Вы можете найти его с помощью Chrome через «Инструменты разработчика» 😊

  1. Откройте инструменты разработчика (F12)
  2. Тип: Ctrl + Shift + P
  3. Введите: «Покрытие» и выберите «показать покрытие» в результате.
  4. Появится новое окно с вкладкой «Покрытие».
  5. Щелкните значок «Начать инструментальное покрытие и перезагрузить страницу».

Таким образом, он перезагрузит страницу и покажет информацию в таблице
с «URL», «Тип», «UnusedBytes», «Визуализация использования».

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

  1. Красная часть полосы — это неиспользованные байты.
  2. Зеленая секция использует байты.

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

Рефакторинг вашей кодовой базы, чтобы каждая страница поставляла только те Javascript и CSS, которые ей нужны (это может быть сложной частью 🙃)

Делитесь своими мыслями и другими предложениями в комментариях