Примечание: ниже располагается перевод заметки "Average Top 100 Weblog Performance Survey", в которое анализируется клиентская производительность 100 ведущих блогов, а затем она сравнивается с производительностью 1000 самых популярных сайтов. Мои комментарии далее курсивом.
Каким образом можно сравнить первые 100 ведущих блогов и 1000 самых популярных сайтов? Какие будут различия в размере страниц и производительности для этих двух групп? Какие выводы можно сделать по поводу использования рекламы, если рассматривать исследования, проведенные относительно этих двух групп сайтов? Чтобы выяснить все наверняка, мы обновили опрос, проведенный Pingdom — компании, занимающейся проверкой работоспособности сайтов и базирующейся в Швеции, — в котором не так давно проводился анализ размера, внешнего вида и производительности для домашних страниц у 100 первых по рейтингу Technorati блогов. В этой статье собраны вместе выводы Pingdom, добавлен анализ CSS и проведено сравнение первых 100 блогов с 1000 самых популярных сайтов. Также приводятся некоторые практические советы.
В октябрьском исследовании от Pingdom было установлено, что средняя домашняя страница первых 100 блогов составляет 934 Кб. Где-то две трети от этого составляют картинки (61,3%), 17,2% приходится на скрипты, только 15,3% на сам HTML, а 5,9% на CSS. На средней домашней странице этих блогов было 63 изображения (включая как HTML-, так и CSS-картинки) и 9 внешних скриптов. Число CSS-файлов не сообщается, поэтому мы обновили эти данные информацией о числе и размере внешних CSS-файлов для первых 100 блогов.
Мы провели собственное исследование для первых 100 блогов насчет внешних CSS-файлов. В среднем, каждый такой блог использовал 4 внешних CSS-файла (включая @import внутри HTML), при этом общий средний размер файлов был равен 43,1 Кб (в несжатом виде). Число внешних CSS-файлов варьировалось от 1 до 18. Общие же размер CSS «плавал» от 0,2 Кб до умопомрачительных 307 Кб. Стоит отметить, что результаты анализа не учитывают CSS-объявления внутри HTML-кода, а также не включают вложенные CSS-файлы, подключаемые из родительских при помощи директив @import (в совокупности оба этих фактора увеличивают полученный результат на 20–30%: часто большой объем CSS-кода бывает включен внутрь HTML, а конструкции @import внутри CSS-файлов встречаются не так редко).
Средняя домашняя страница у блогов в 3 раза больше, чем аналогичная домашняя страница для ведущего сайта. Заглавная страница у блогов занимает 934 Кб (октябрь 2008), тогда как для ведущих сайтов это число составляет 312,05 Кб (январь 2008). Естественно, за прошедший год размер страницы существенно вырос (если сохранить динамику, то примерно на 24,2% до 385 Кб). Но даже с учетом эти поправок все равно разница составляет 2,4 раза.
Рис. 1. Среднее по 100 ведущим блогам в сравнении с 1000 ведущими сайтами. Источники: Pingdom.com и WebsiteOptimization.com.
На главной странице блогов располагается, в среднем, 76 объектов. Это на 50% больше аналогичного числа для сайтов на январь 2008 (в среднем, 50,6 объектов). Предполагая, что за год это число увеличится на 14,5%, тогда на главных страницах ведущих сайтов будет примерно по 57,9 объектов на декабрь 2008. Это на треть (31,2%) меньше, чем у блогов (см. рис. 1).
Мы заметили интересную тенденцию: хотя главные страницы ведущих сайтов перегружены рекламой и изображениями, у блогов с ростом популярности размер страниц уменьшается (причинно следственная связь здесь, конечно же, обратная). Чем популярнее становится сайт, тем больше соблазн разместить на нем банерную рекламу. С этой точки зрения было бы интересно изучить использование банерной рекламы для 100 самых популярных сайтов.
Общий размер и характер использования файлов для 100 ведущих блогов приводят к тому, что даже на высокоскоростном подключении в 1 Мбит/с время их загрузки составляет порядка 8 секунд. Для модемного подключения со скоростью 56 Кбит/с это время составит больше 2 минут. Для широкополосного доступа было установлено, что основная часть задержек вносится большим числом подключаемых на странице объектов. Примерно две трети размера главных страниц для 100 ведущих блогов составляют изображения (61,3%), следовательно, основная часть усилий по оптимизации страницы должна быть сосредоточена на оптимизации и объединении графических файлов. В этой связи также весьма эффективным является использование CSS Sprites или комбинированной техники data:URI для объединения фоновых декоративных изображений (скругленных уголков, фонов и различных меток для списков), чтобы уменьшить число HTTP-запросов. Методы оптимизации размера изображений, равно как и уменьшение и упрощение «теней» (что потребует изменения слоев в исходном Photoshop-файле), оптимизация веса (перевод изображений из одного формата в другой), использование текста вместо графики во всех возможных случаях, уменьшение размытия и глубины цвета — все это позволит существенно уменьшить общий размер графической информации на странице и снизить издержки на ее доставку.