Размер страницы: расширение Firefox

Кто-нибудь знает надстройку Firefox, которая может показать размер текущей страницы просмотра?

Ответ устарел, больше не относится к последней версии Firefox.

aaronbauman 02.11.2016 21:30
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
9
1
24 335
8

Ответы 8

Панель инструментов веб-разработчика (размеры) или YSlow (для размера страницы и времени загрузки) для Firebug.

Он тебе не нужен. Щелкните страницу правой кнопкой мыши, выберите View Page Info, размер указан.

Page Size

Примечание: это размер обычного HTML (отдельные изображения, JS, CSS не учитываются). Смотрите ниже другие варианты.

Nickolay 10.01.2010 22:24

@Nickolay: Верно. Если вы хотите оптимизировать весь пакет (включая контент, загруженный AJAX), я рекомендую Firebug (см. Ответ nshaw)

Shog9 11.01.2010 00:17

@Nickolay: или используйте встроенные инструменты, см. Мой ответ ниже.

serv-inc 11.04.2017 21:01

Firebug, если вам нужен более глубокий анализ. Щелкните правой кнопкой мыши и выберите «Просмотр информации о странице», если вам просто нужен окончательный номер.

FireBug позволяет вам видеть размер страницы и размер всех дополнительных загрузок (файлы css, изображения и т. д.). Это также позволяет вам выполнять всевозможные крутые отладки.

Страница просмотра FireFox имеет размер HTML. Надстройка Web Developer разбивает другие запросы, встроенные в страницу, такие как CSS, изображения, javascripts ... и т. д.

Если вы оптимизируете размер своей страницы (в килобайтах, а не в пикселях!), Вам необходимо знать оба сжатых размера каждого элемента, если ваш сервер архивирует ваш вывод с помощью gzip. Вы не можете получить это с помощью стандартного веб-браузера «щелкните правой кнопкой мыши -> Свойства».

Расширение панели инструментов веб-разработчика, упомянутое в другом ответе, делает это.

https://addons.mozilla.org/en-US/firefox/addon/60

Я не нашел другого инструмента, который так удобно сообщает сжатые и несжатые размеры для каждого элемента страницы.

Установите панель инструментов веб-разработчика и перейдите в Инструменты -> Веб-разработчик -> Информация о странице -> Просмотр размера документа. Очень кстати!

Scripts (7 files)   82 KB (243 KB uncompressed)

- http://stackoverflow.com/Content/Js/jquery.package.master.js?d=20081101   39 KB (109 KB uncompressed)
- http://stackoverflow.com/Content/Js/wmd-base.js   15 KB (59 KB uncompressed)
- http://www.google-analytics.com/ga.js 9 KB (22 KB uncompressed)
- http://stackoverflow.com/content/js/jquery.package.question.js?cachebreaker=20090107  8 KB (27 KB uncompressed)
- http://stackoverflow.com/Content/Js/showdown.js   4 KB (10 KB uncompressed)
- http://stackoverflow.com/Content/Js/jquery.package.editor.js?cachebreaker=20081008.1  3 KB (9 KB uncompressed)
- http://stackoverflow.com/Content/Js/wmd-plus.js   3 KB (7 KB uncompressed)

Style Sheets (3 files)  7 KB (27 KB uncompressed)

- http://stackoverflow.com/Content/all.css?d=20081101   6 KB (26 KB uncompressed)
- http://stackoverflow.com/Content/print.css    705 bytes (1 KB uncompressed)

Если есть лучший инструмент для этого, я хотел бы услышать об этом. Эта функция - единственное, что мешает мне полностью отказаться от панели инструментов веб-разработчика для Firebug. Может быть, YSlow делает это; нужно исследовать больше.

«Размер просмотра документа», похоже, не существует в текущей (2.0.5) версии Web Developer.

Matthias Braun 23.05.2020 14:11

Вы можете использовать это дополнение: Лори: Информация о жизни-запросе: - https://addons.mozilla.org/en-US/firefox/addon/1743

Он отображает, сколько времени потребовалось для полного извлечения страницы, ее общий размер (включая элементы из кеша браузера) и сколько запросов было выполнено для получения страницы.

Встроенный Inspect Element (Q) из контекстного меню может это сделать. Переходим во вкладку Network, перезагружаем и смотрим:

Другие вопросы по теме