У нас с ребятами есть замечательный проект, который ест %)

atkritka.com

Сайт сделан на движке битрикса, и уже начал работу. Кушал он довольно много ресурса, как серверного так и клиентского. Обусловлено было множеством картинок. Оптимизация нужна, и это был факт.

Что бы измерить результаты воспользуемся известным сайтом webo.in. Изначально результаты были не очень впечатляющими, оптимизация проводилась только серверная. Был установлен eAccelerator, который ускорил генерацию php в 3-5 раз.

Первоначальные результаты по webo.in:

оценк: 51/100
интегральная оценка:     30/100
число файлов: 66
суммарный размер файлов: 1264212
время загрузки (33,6kbps): 430 с
время загрузки (100 KB/s): 12.35 с
WEBO Site SpeedUp: ускорит в 4.26 раза
возможное ускорение: 326% 

Основные замечания:

• Более одного js
• Большие js
• Более одного css
• Большие css
• 1 хост
• не сжатый html
• Не включено кеширование для статических файлов.
• Не оптимизированы картинки

Ну что же, раз WEBO Site SpeedUp, дальше WSS, ускорит в 4.26, попробуем. Скачав продукт, сразу устанавливаем на битрикс. Установка проходит быстро и гладко.

WWS сразу сказал о недостающих ему модулях апача (mod_filter и mod_deflate), которые мы включаем и продолжаем настройки. Вбиваем временный ключ, который можно получить на его сайте, включаем оптимизацию.

Поигравшись стандартными пакетами оптимизации, приходим к выводу что безопасная и базовая конфигурации маловаты, и дают всего лишь 14% и 31% ускорения.

Смотрим в сторону оптимальных настроек. После включения получилось сразу 81%.

• css грузится раньше html, нет никаких моргания у сайта
• все фоновые картинки оказались в css (минус много конектов + они оптимизированы)
• весь css одним сжатым файлом
• все скрипты одним сжатым файлом
• грузится молниеносно :)

Казалось счастью нет предела. Но сломались скрипты, и кое-что начало работать не так.

Сдаваться рано. Лезем в саму конфигурацию. Так как на сайте используется jquery и другие скрипты, нужно было изменить метод упаковки скриптов. Проверяем есть ли на сервере java и выбираем YUI Compressor. Он сжал все скрипты лучше всех, и в итоге они все заработали.

Смотрим дальше, проблемы с css. Используемый метод сжатия и чистки css-Tidy, немного перестарался, и поубивал много незнакомых ему правил, такие как @font-face, @media. Написав баг-репорт на проект в google-code, баги были исправлены очень оперативно и всё стало на круги своя.

Смотрим опять на webo.in:

• он нам подсказывает, что лучше добавить несколько саб.доменов, что бы сделать загрузку ещё быстрее. Прописываем алиасы в апаче, и конфигурируя настройки «Множественные хосты», скорость загрузки очень сильно возрастает.
• ещё сказал что лучше использовать другой метод кэширования и сжатия. Идём в настройки «.htaccess», включаем mod_deflate + mod_filter и mod_headers.
• сжимаем html в одну строку и убираем внутренние комментарии.

В итоге WWS говорит что ускорение уже 84%. Итоговые результаты webo.in

оценка: 68/100
интегральная оценка: 36/100
число файлов:  22 (было 66)
суммарный размер файлов: 421054
время загрузки (33,6kbps): 146.41 с
время загрузки (100 KB/s): 7.3 с
WEBO Site SpeedUp: ускорит в 1.33 раза
возможное ускорение: 40% 

Можно сказать, что мы добились желаемого результата, сайт стал реактивным! Много из возможностей WSS осталось не востребованным, так как у сайта сложная вёрстка и картинки должны быть в максимальном качестве. Но на других проектах эти фичи дадут жару!

Есть ещё и известные пузомерки скорости от Google и Yahoo, они меня очень порадовали:

• Page Speed Score: 95/100
• Grade «A» Overall performance score 92% (YSlow V2)

Осталось пожелать дальнейшего развития проекту, а мне монитор :D Наше сотрудничество будет продолжаться, в версии для битрикса.

UPD: Основная проблема, которая осталась, это были картинки. В WSS уже интегрирован замечательные оптимизатор картинок от Yahoo, который называется SmushIt. Он уменьшает размеры картинок (оставляя оригинал рядом) без потери качества, что очень важно для проекта.

Что бы стало ещё быстрее, в ручную пришлось:

• убрать объявление favicon.ico (грузится и сам, главное в корень положить)
• почистить неиспользуемые селекторы
• убрать лишнее из некоторых спрайтов
• оптимизировать всевозможные картинки
• убрать 404 фоновые картинки

В итоге стало ооооооочень быстро и горячо :)
И да, конечная оценка стала ух и ах:

оценка: 77/100
интегральная оценка: 44/100
дата проверки: 8 Апреля 2010, 09:04
число файлов: 18
суммарный размер файлов: 324500
время загрузки (33,6kbps): 112.95 с
время загрузки (100 KB/s): 5.74 с

Спасибо за прочтение!