Отчет HTTP Archive опубликовал статистику по технологиям на конец года, в которой собрана информация с 300 000 самых популярных веб-сайтов. Средний вес страницы за год увеличился на 32% и достиг более 1700 КБ — или 1,7 МБ — и теперь включает 96 отдельных HTTP-запросов. Это хуже, чем ошеломляющий рост на 30% в 2012 году !
Некоторое увеличение можно объяснить увеличением активности электронной коммерции и рекламы, поскольку люди охотятся за подарками. Однако лишь немногие веб-сайты теряют вес в январе и продолжают скармливаться в течение всего года.
В отчете анализируются общедоступный контент и веб-сайты покупок, а не сложные веб-приложения. Это обеспечивает разбивку конкретных используемых технологий:
| технологии | конец 2012 | конец 2013 | увеличение |
|---|---|---|---|
| HTML | 54Kb | 57Kb | + 6% |
| CSS | 35Kb | 46Kb | + 31% |
| JavaScript | 211Кб | 276KB | + 31% |
| Картинки | 793Kb | 1,030Kb | + 30% |
| вспышка | 92Kb | 87Kb | -5% |
| Другой | 101Kb | 205Кб | + 103% |
| Общее количество | 1,286Kb | 1,701Kb | + 32% |
Рост HTML довольно незначителен, хотя это немного удивительно, учитывая тенденцию к сокращению контента и более простым, более плоским проектам. 57Kb довольно коротко для простого контента.
Размеры CSS увеличились в среднем на 11 КБ. Некоторые из них можно объяснить адаптивным веб-дизайном и эффектами CSS3, но должно ли помочь снижение требований к префиксам вендоров?
Однако любой рост HTML и CSS может быть компенсирован уменьшением кода JavaScript. У нас меньше причин использовать большие библиотеки скриптов, теперь у нас улучшена согласованность браузера и анимация CSS3. Этого не произошло, и средняя страница теперь загружает 18 отдельных файлов скриптов; конкатенация и минификация очень помогли бы.
Неудивительно, что Flash сократился на несколько килобайт, а количество страниц, использующих плагин, сократилось с 37% до 32%. Рекламодатели остаются основными пользователями, но теперь начинают появляться альтернативы HTML5. Адаптивный веб-дизайн является основной техникой.
«Другие» файлы увеличились в два раза. Почти треть этого роста можно отнести к веб-шрифтам и наборам иконок веб-шрифтов, что является приемлемым, если учесть, что это должно привести к сокращению использования изображений … за исключением того, что это не так . Возможно, фотографии с высокой плотностью могут оправдать некоторое увеличение, но кто загружает мегабайт изображений на каждой странице?
Цифры более шокирующие, если учесть, что они средние. Приблизительно половина проанализированных веб-сайтов будет более тучной. Мы, веб-разработчики, должны держать голову в стыде.
Причины
Что мы можем винить? Мои основные подозреваемые:
- Раздутые шаблоны CMS
Типичные темы WordPress полны функций. Многие будут сторонними стилями и виджетами, добавленными автором, чтобы сделать тему более полезной или привлекательной для покупателей. Многие функции не будут использоваться, но файлы все еще присутствуют. - HTML5 Boilerplates
Шаблон может сэкономить время, но важно понимать, что это общие шаблоны. Стили и сценарии содержат функции, которые вы никогда не будете использовать, и HTML-код может быть многословным с глубоко вложенными элементами и длинными описательными именами классов. Немногие разработчики удосуживаются удалить избыточный код. - небрежность
Разработчики по своей природе ленивы; мы пишем программное обеспечение, чтобы облегчить задачу. Однако, если вас не беспокоит последствия веса страницы, вам следует отозвать вашу веб-лицензию.
Даже если мы забудем SEO сайта, эффективность программного обеспечения и отзывчивость пользователей, каждое пятое посещение сайта происходит с телефона. В самой эффективной сети мобильной связи загрузка страницы объемом 1,7 Мб займет одну минуту — при условии, что телефон или планшет способен эффективно ее воспроизвести. Будет ли потенциальный клиент готов ждать?
Мобильная связь и пропускная способность продолжают улучшаться, но за год они редко растут на 30%. Ирония в том, что разработчики готовы использовать технологии RWD, делая тот же веб-сайт непригодным для использования на устройствах, на которые они ориентированы.
Я в ужасе По общему признанию, я начал разработку в дни коммутируемого доступа, когда 100 КБ считались чрезмерными, но сегодняшние веб-страницы в семнадцать раз лучше, чем они были тогда?
Будет ли когда-нибудь уменьшаться вес веб-страницы? Ваш сайт клинически страдает ожирением? Как он попал в это состояние?