Ниже приведены все результаты оптимизации для отдельной взятой страницы. Загрузка тестировалась на соединении 100 Кб/с, общее число первоначальных объектов: 23.
Номер шага | Описание | Общий размер (кб) | Время загрузки (мс) |
---|---|---|---|
1 | Обычная страница. Ничего не сжато (только html отдается через gzip) | 63 | 117 |
2 | HTML/CSS файлы и картинки минимизированы | 58 | 108 |
3 | Один-единственный файл. Картинки вставлены через data:URI | 49 | 104 |
4 | HTML-файл параллельно загружает 6 частей с данными и собирает их на клиенте | 49 | 233 |
4.5 | HTML-файл загружает 4 iframe | 49 | 205 |
5 | Вариант #3, только JPEG-изображения (примерно одинаковые по размеру) вынесены в файлы и загружаются через (new Image()).src в head странице | 49 | 98 |
Таблица 5.1. Различные способы параллельной загрузки объектов на странице