Здравствуйте.

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

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

Этап первый – подготовительный:
 one.png ( 952,56 килобайт ) Кол-во скачиваний: 42

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

Как вы видите кодировка моего сервера по умолчанию windows-1251 а макет в utf-8 исправим это досадное недоразумение следующим в .htaccess:

в итоге мы получили стенд для дальнейших экспериментов вот с такими характеристиками:
 1_debug.png ( 15,78 килобайт ) Кол-во скачиваний: 71

На этом первый этап закончим и подождем выходных, что бы продолжить.

Этап второй – gzip и объединение файлов
Суббота утро, ясность голове вернул крепкий чай. После беглого анализа приступим. Самым простым и достаточно эффективным решением для оптимизации является сжатие данных, для apache2 есть замечательный модуль mod_gzip, сжимать можно не только html но и таблицы стилей (css), и скрипты (js). Коэффициент сжатия зависит от содержимого файла и обычно составляет от 30% до 70%. Для повышения эффективности желательно однотипные файлы объединять в один. Объединение также уменьшает количество запросов к серверу, что тоже немаловажно.

для включения gzip в большинстве случаев достаточно добавить в .htaccess:


Со стилями и скриптами немного сложнее. Для начала нужно объединить все файлы в один, затем сжать и отдать клиенту с правильным заголовком. Скрипты упрошены до максимума, для автоматической сборки и компрессии на боевом сервере, естественно используются более сложный алгоритмы с кэшированием и контролем версий.
js:


css:

css можно чуть чуть оптимизировать убрав лишние пробелы и комментарии.

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

получили:
 2_debug.png ( 15,22 килобайт ) Кол-во скачиваний: 43

«не школьники» проигрывают 172,9КБ и 9 запросов

Этап третий – графика:
Честно говоря если бы голова не была затуманена вчерашним абсентом, моя реакция была бы намного эмоциональней…
итак:

• картинка с лентой, бокалом, башней, пепельницей и розами с логотипом весит (барабанная дробь) 519 КБ
• задник к ней 112 КБ
• и две фотки между ними еще ~130КБ
• всего шапка весит: ~760КБ

Много? Да просто ох..ть как. Может это было зачем то нужно? Да вроде нет, контент зафиксирован в контейнере шириной 954px. Возможно было желание создать фишку в плавающих фотках, ну как-то нелепо это организовано: то пол лица башней закрыто и вместо лица цветок, то сигара в ухе и в лицо что то красное вылили. Решено это безобразие убрать и заменить статичной картинкой.

Аналогичная ситуация и с фото Клинта Иствуда (если это он конечно) зачем делать .png с прозрачностью на однородном фоне? Не знаю, исправим.

Ну и на по следок чистим все картинки от мусора с помощью http://developer.yahoo.com/yslow/smushit/

получили:
 3_debug.png ( 15,49 килобайт ) Кол-во скачиваний: 37

«не школьники» проигрывают 884,6КБ что составляет 48,38% и 11 запросов

Этап четвертый – кеширование:
Думаю зачем нужно отправлять файлы в кэш объяснять не кому не нужно. Я хотел выбрал самый легкий путь, и добавил в .htaccess:

но для автоматически собранных фалов так не сработает. нужно еще:

и уменьшит для html до минуты:

Еще раз повторюсь, это эксперимент и не стоит использовать код в том виде в каком он дан на боевых проектах.
Итог:
 4_debug.png ( 19,83 килобайт ) Кол-во скачиваний: 33


Этап пятый – экстрим:
Такими не хитрыми манипуляциями мы получили максимальный прирост в скорости загрузки. Указанные способы подходят для любой CMS и их реализация не требует каких любо глубоких знаний.
А дальше что? Дальнейшая оптимизация конечно же возможна, но слишком трудозатратна для данной ситуации. Необходимо с нуля переверстать макет и пересобрать всю графику. Выигрыш может составить от 20% до 50% от конечного объема. Так же стоит учитывать что готовых плагинов для WP 2.9 реализующих необходимы функционал нет.

Эпилог:
Зачем мне это? Все невероятно просто, дома я имею возможность использовать очень широкий безлимитный канал (в профили speedtest.net) но я иногда оказываюсь за пределами Московской области, например могу поехать к теще в Калужскую область или к родителям в Ставропольский край а там совсем не редкость скорости в 56000 бит/с. Посчитаете сами сколько кружек чая я успею заварить пока блог Маула изготовленный «профессионалами» полностью загрузится? Эй народ за МКАДом тоже есть жизнь, подумайте о тех 80% населения России которые с грустными глазами ждут по 5-10 минут загрузки каждой страницы. Они не в чем не виноваты...

p.s. если Маул разрешит я выложу полученный результат на сервер и вы сами сможете попробовать что получилось.