Накладные расходы на отступы пробелов в HTML - PullRequest
6 голосов
/ 30 декабря 2011

Мне стало интересно, каково общее использование пробелов для отступа HTML-документов.

Почему бы просто не использовать вкладки для отступа? Разве это не было бы более экономически эффективным: 1 символ (\ t) против примера 4 символа (пробел)?

Я немного поэкспериментировал, конвертировав asp.net-страницу для использования вкладок, и сравнил размеры визуализированных разметок. Замена пустого пространства только одного частичного представления привела к уменьшению страницы размером 22 КБ до 19,4 КБ -> это сокращение на 12%. Изменив все отступы, страница в итоге выделила 16,7 КБ - сокращение на 24%! (использовались инструменты Chrome Dev и Fiddler для проверки)

Мой рассуждение звучит? Должны ли вкладки использоваться в основном для отступа в HTML? Есть ли причина использовать пробелы (например, совместимость с экзотическими браузерами)?

пс. Stackoverflow, похоже, тоже использует пробелы. Преобразование главной страницы SO для использования вкладок дало снижение на 9%. Это достоверное наблюдение? Если да, то почему они не использовали вкладки?

Ответы [ 3 ]

5 голосов
/ 30 декабря 2011

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

Вам необходимо запустить тесты по сравнению со сжатыми версиями для получения надежных результатов.

У вас есть смысл, хотя для случаев, когда браузер не поддерживает схемы сжатия, поддерживаемые сервером.

2 голосов
/ 30 декабря 2011

Первое: у html нет правила делать отступы.Это делается программистами для удобства чтения кода и структуры программы.Более того, мы можем уменьшить размер, взятый отступами и пробелами путем сжатия.

Сокращение / сжатие / сжатие HTML: сжатие кода HTML позволяет сэкономить много байтов данных и ускорить загрузку, анализ и время выполнения.

StackOverflow использует HTTP-сжатие

Сокращение HTML имеет те же преимущества, что и для минимизации CSS и JS: уменьшение задержки в сети, усиление сжатия, ускорение загрузки и выполнения браузера.Кроме того, HTML часто содержит встроенный код JS (в тегах) и встроенный CSS (в тегах), поэтому полезно их минимизировать.

Примечание: Это правило является экспериментальным иВ настоящее время основное внимание уделяется уменьшению размера, а не строгой правильности HTML.Будущие версии правила также будут учитывать правильность.Подробнее о текущем поведении см. Вики Page Speed.

Совет: Когда вы запускаете Page Speed ​​для страницы, ссылающейся на HTML-файлы, он автоматически запускает компактор Page Speed ​​HTML (который будетв свою очередь, примените JSMin и cssmin.js к любому встроенному JavaScript и CSS) к файлам и сохраните минимизированный вывод в настраиваемом каталоге.

См .: http://code.google.com/speed/page-speed/docs/payload.html#MinifyHTML

1 голос
/ 30 декабря 2011

Почему бы просто не использовать вкладки для отступа?Разве это не будет более экономически эффективным: 1 символ (\ t) против примера 4 символа (пробела)?

Если вы беспокоитесь о размере загруженного HTML, вы не будете суетитьсяtabs-vs-space - вы будете сжимать ваш HTML по мере его прохождения и минимизировать разметку, CSS и Javascript , которые обеспечивают реальную экономию и не мешают вашим собственным правилам кодирования.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...