Автор оригинала: Todd Gardner.
Новости команды часто конкурируют, чтобы сначала сломали историю. Мы думаем, что они также должны конкурировать на первом загрузке своего сайта. Давайте применим наши навыки веб-характеристик на примере реального мира: какой сайт новостей имеет лучшую производительность?
Давайте решим этот вопрос, загрузив домашние страницы некоторых крупных новостных сайтов. Выборка Лучшие сайты Алекса Дает четыре тестовых кандидата: Новости Google , CNN , The New York Times (NYT) и Фокс Новости Отказ Посмотрите, что чувствует себя наиболее быстрым для вас?
Как измерить скорость страницы
Нам нужно решить, что и как проверить, прежде чем мы сможем ответить на этот вопрос. Это всего лишь некоторые из возможных метрик синхронизации, которые мы могли бы измерить:
- Дом готов: Документ HTML был проанализирован, но все активы пока не были загружены.
- Страница загружена: Все активы, указанные HTML, были загружены.
- Смещения макета остановились: Сценарии часто меняют страницу как задерженое содержимое загружено. Это измеряется как Кумулятивный макет Shift Отказ
Мы выберем наш победитель в зависимости от того, когда планировка страницы останавливает переключение. Это измерение важно, потому что пользователи воспринимают Макет нестабильности Как страница, которая все еще загружается. Кроме того, новостные сайты известны своими вопиющими, сдвигами на основе приводвов. Мы собираем измерения, используя Chrome на быстрой (300 Мбит/с) жилом Интернете, который является почти лучшим сценарием.
Новостные результаты производительности сайта
Победитель ясен. Существовало некоторое утверждение между выходами Google и News по поводу тяжелой агрегирования новостей Google. Просто потрите его, Google News принимает скоростную корону с CNN, поднимая заднюю часть:
Быстрее производительность, загрузка меньше
Как Google News так удовольствие отбивает других? Производительность – это многогранная проблема, но Google сильно полагался на одной важной оптимизации мантры: делать меньше, чем всегда быстрее, чем делать больше.
Общее количество запросов ресурсов показывает, насколько мало активов Google News загружается в браузер. Делайте меньше, получить больше скорости:
Общие переведенные байты показывают, что Google News не просто помещает активы в большие пакеты. Это просто требует меньшего размера браузера:
Корреляция между производительностью страницы, количество запросов и размер полезной нагрузки не является идеальным. Например, New York Times загружает меньше, но большие активы против других. Это показывает, что есть еще много проспектов для оптимизации, чем просто, на котором мы рассмотрим здесь.
Заключение
Производительность новостей Google легко превосходит другие крупные новости, просто делая меньше. Прежде чем углубиться в сложности оптимизации производительности веб-страницы, всегда спрашивайте: «Должен ли я сделать это вообще?» Потому что самый быстрый код – код не написан.