Ефективність табуляції та пробілів в HTML

08 вересня 2014 02:15 comandante 331 0

Як ви робите відступи у вашій розмітці? З допомогою табуляції чи пропуску? Невже це важливо для продуктивності? Давайте проведемо експеримент.
Розглянемо сторінку, яка створює список з 50-ти предметів:

<ul>
    @for (int i = 0; i < 50; i++)
    {
        <li>The count is @i</li>
    }
</ul>

Код генерує довгий список з <li> елементів і зберігає відступи з допомогою параметрів редактора. За замовчуванням у багатьох редакторах є пробіли й tab, розміром 4.

З пробілами виглядає так:

з табами так:

Ясно видно, що відступ займає 4 знаки, а таб - 1. Якщо ми порівняємо загальний розмір файлу у двох варіантах, ось що ми отримаємо:

Ми зберігаємо 18%!

Це, однак, не показує справжню картину веб-сторінки. Всі сучасні веб-сервери використовують стиснення у вигляді GZip або Deflate перед подачею HTML-коду в браузер. Отже, давайте подивимося на цифри після GZip:

При використанні GZIP-стиснення, економія становить всього 1,5%. Але це все-таки щось.

Але знову ж, це не все, тому що деякі веб-розробники мінімізують HTML шляхом видалення зайвих пробілів, непотрібних лапок та ін.

Так що давайте мінімізуємо HTML і подивимося, які результати ми отримаємо:

Як видно, мінімізація не впливає на розмір файлу при стисненні.