Статьи

Ban the Bloat: 5 причин следить за весом вашей страницы

Я ошеломлен За эти годы я написал несколько статей для веб-страниц, но все было напрасно. По данным службы мониторинга производительности Pingdom , общий размер файлов веб-страниц за последние 12 месяцев увеличился на 25% .

Средняя веб-страница теперь весит 784 КБ по сравнению с 626 КБ в ноябре 2010 года. Помните, что в среднем 50% сайтов будут превышать этот размер. Чтобы поместить это в контекст, одна страница может быть 10% от приложения браузера, которое было загружено, чтобы отобразить это.

В статье Pingdom делается вывод, что основными виновниками являются:

  • JavaScript: увеличение на 44,7% (с 103 КБ до 149 КБ)
  • изображения: увеличение на 21,2% (с 372 КБ до 451 КБ)

Но почему? Технологии HTML5 встречаются гораздо чаще. Я бы ожидал незначительного увеличения кода HTML и CSS — особенно для удовлетворения префиксов вендоров CSS3 — но разве не должны уменьшаться размеры JavaScript и изображения? Менее необходимы графические градиенты, закодированные анимации, закругленные углы, тени и т. Д.

Я также ожидал, что использование Flash уменьшится, но оно увеличилось с 77 КБ до 87 КБ (13%). Я подозреваю, что он в основном используется в рекламе, но альтернативы HTML5 и отказ от Adobe для мобильных платформ еще не дали о себе знать.

Итак, проблема в том, что дизайнеры и разработчики редко беспокоятся о раздутии страницы? Любой, кто вошел в отрасль за последние пять лет, наслаждался роскошью надежного широкополосного доступа. Тем, кто испытывал боль при коммутируемых соединениях, часто приходилось оптимизировать каждый байт — я помню, как опускал закрывающие теги и атрибутные кавычки, чтобы еще больше сжать страницы.

Очевидно, что ситуация прогрессировала, и мало кто ограничивал себя максимальными разработчиками в 50 КБ, которых придерживались в конце 1990-х годов. Но есть много веских причин, почему вы должны минимизировать размеры файлов…

1. Поисковая оптимизация
Если два сайта имеют одинаковое содержание и ранжирование страниц, тот, который загружается быстрее, получит более высокую позицию в Google.

2. Снижение стоимости
Меньшие размеры файлов приводят к снижению затрат на хостинг, пропускной способности и времени пользователя. Эти факторы никогда не бывают свободными, и чем популярнее становится ваш сайт, тем больше вы будете платить.

3. Медленное соединение
Только потому, что у вас быстрый неограниченный доступ, не думайте, что все остальные сидят на толстой трубе. Ситуация особенно тяжелая в западных странах, которые зависят от стареющих медных телефонных сетей. Часть вашего рынка будет иметь медленное соединение — или даже коммутируемое соединение — потому что это лучшее, что они могут получить.

4. Мобильный доступ растет
Веб-доступ со смартфонов планшетов пользуются популярностью. В конце концов, ожидается, что они превзойдут просмотр настольных компьютеров. Даже те, у кого есть доступ к 3G, будут ждать 30 секунд, пока не появится ваша монолитная страница размером 1 МБ. Это прогресс?

5. Развивающиеся рынки
В отличие от Запада, Азия и Африка будут испытывать взрывной рост интернета в течение следующего десятилетия. Относительные размеры площадей и распределение населения означают, что медленное или мобильное подключение — единственный вариант в обозримом будущем.

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

Наконец, давайте не будем забывать, что меньший размер файла обычно приводит к более отзывчивым приложениям. Это хорошо для всех.

Будем надеяться, что отчет Pingdom за 2012 год показывает значительное уменьшение размеров файлов.