HTML межстрочный интервал и компактный код - PullRequest
Новая
       4

HTML межстрочный интервал и компактный код

4 голосов
/ 05 июня 2010

У меня есть следующий пример кода: 

<body>
<div id="a"></div>
<div id="b"></div>
</body>

Если я добавлю пустые строки между каждой из моих исходных строк, например: 

<body>

<div id="a"></div>

<div id="b"></div>

</body>

это влияет на производительность моего сайта? Будет ли страница загружаться медленнее?

Ответы [ 4 ]

9 голосов
/ 05 июня 2010

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

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

3 голосов
/ 05 июня 2010

В теории да.

Для сервера, если он должен отправить файл размером 1 МБ каждому клиенту, он должен потратить n времени и ресурсов на отправку этого одного файла. Теперь, если бы вам удалось сократить размер файла вдвое, время и ресурсы, которые потребовались бы для каждого пользователя на сервере, составили бы .5n.

Для клиента он должен загрузить файл. Если предположить, что скорость загрузки составляет 25 КБ / с, загрузка файла размером 1 МБ займет 41 секунду. Файл .5MB займет 20,5 с. Это экономит 20 секунд за счет уменьшения размера файла.

Однако на практике. Нет, я бы не беспокоился об этом, если только вы не имеете дело с аудио / видео / изображениями. Это потому, что символ в документе HTML занимает всего пару байтов. Конечно, у вас может быть, скажем, 100 дополнительных символов, которые вы можете обрезать и удалить - например, пробел. Самое большее, вы бы сэкономили дополнительно 1 КБ на страницу.

Меня бы это не беспокоило, если вы не разрабатываете приложение или решение, где оно должно быть компактным. Но любой современный или субмодернистский компьютер не сломается с дополнительными данными 1 КБ в своем HTML-файле.

0 голосов
/ 05 июня 2010

Загрузка страницы и компактный код? да, это действительно улучшает ситуацию, поскольку дополнительные символы новой строки и пробелы - это не что иное, как символы, которые необходимо загрузить на стороне клиента.

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

Я предлагаю вам взглянуть на Руководство по YSlow / Yahoo , которое поможет вам понять различные части «стратегии», которая также добавляется к серверным и клиентским компонентам. И коллективные результаты просто потрясающие для больших сайтов.

0 голосов
/ 05 июня 2010

в вашем примере это экономит 3 байта кода ... так что я не думаю, что это имеет какое-либо заметное влияние на время загрузки страницы в наше время и скорость интернета. Лучшим улучшением будет отправка вашей страницы в gziped.

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

Нет похожих вопросов

...