Як визначити розмір джерела сторінки в Chrome?

Очевидно, я хочу отримати відповідь, не зберігаючи сторінку. Це здається основним, але я не можу зрозуміти, як це зробити. Якщо для нього потрібен плагін, це нормально. Було б непогано, якби рішення також охоплювало аркуші стилів, сценарії та зображення, пов’язані зі сторінкою.

Відкрийте інструменти для розробників ( Ctrl+ Shift+ Iабо Значок налаштувань у верхньому правому куті вікна браузера => Tools=> Developer tools) на потрібній сторінці, перейдіть на вкладку Мережа та перезавантажте сторінку .

У стовпці " Розмір " ви побачите розмір всього завантаженого ( Документи, таблиці стилів, зображення, скрипти, ... ). Ви можете ввімкнути фільтр, який допоможе вам знайти лише потрібні речі в нижній частині кадру інструментів для розробників.

Я створив свій третій інспектор розміру сторінки з розширенням Chrome, який швидко звітує про розмір сторінки, використання кешу, мережеві запити та час завантаження веб-сторінки зручним способом.

Існує розширення під назвою " Швидкий переглядач джерела ", який кешує всі ресурси при завантаженні сторінки. Відкрийте переглядач (синій значок), розмір (кількість байтів) відображається на панелі навігації зліва.