Жажда скорости или как я загорелся ускорением блога

Зачем нужно ускорять сайт или блог? Во-первых, на быстром сайте комфортней посетителям. Во-вторых — быстрые сайты любят поисковики. В-третьих, чтобы тупо поковыряться в коде =)

Жажда скорости или как я загорелся ускорением блога

Приветствую, уважаемые. У вас бывает такое, что загорится какая-либо идея или мысль в голове и никак не дает вам покоя?

Вот и у меня с момента разработки клиентского блога на WordPress, появилась такая вот навязчивая идея. А заключается он в том, что мне хочется ускорить свой блог да и вообще изменить дизайн. Причем изменить именно дизайн стоит не на первом месте. Больше я хочу сделать тему для своего блога самостоятельно и за счет этого ускорить его работу.

Сразу оговорюсь: в тематику этого блога не входят развернутые уроки про WordPress. Может на меня когда-нибудь снизойдет благодать Господня и это поможет мне побороть лень и все-таки сделать несколько уроков по действительно интересным вещам. Но это только гипотезы.

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

Итак, преамбула написана в полном объеме и можно начинать основную часть повествования. (такие вот мысли вслух)

Ускорение блога за счет темы Вордпресс.

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

На момент написания этой статьи я использую тему Atahualpa. Эта темя считается темой-фреймворком. То есть, тема-заготовка для сайта или блога. Бесспорно, она очень хороша для быстрого старта. Без титанических усилий и особых знаний, можно запустить блог с темой Atahualpa буквально за несколько часов. Настраиваются цвета, стили, размер блоков. В общем, все в этой теме хорошо, но для среднестатистического пользователя.

Если вы, как и я, хоть мало-мальски читаете код html, css и php (я скромняга), то вам рано или поздно захочется наворотить ваш блог какими-либо фишечками. И тут начинаются проблемы. В общем-то не такие уж и проблемы. Тема Atahualpa в основе своей имеет такую же структуру, как и большинство других. Но вот от того количества настроек, которое в ней есть, разрастается и код самой темы. Стоит что-либо убрать и тема полетит к чертям. Я уже не говорю о том, что стоит вам добавить какую-либо функцию и все снова летит.

Вернемся к рассуждениям о новой теме. Или какой должна быть оптимизированная тема. Лично я впервые узнал об этом из блога «Кто на новенького» несколько лет назад. Недавно вновь нашел этот пост и применил информацию при разработке клиентской темы.

Результаты меня удивили. Есть такое расширение для Firefox – Firebug. наверняка оно вам знакомо. Так вот, в нем есть вкладочка Page Speed. Это тестер скорости сайтов от Google. Моему блогу этот тестер дает оценку 73 из 100, а вот клиентскому – 91 из 100. При этом, на клиентском сайте я не заморачивался с объединением стилей и скриптов, о чем мы еще поговорим.

На блоге клиента также, как и у меня, установлен плагин кэширования W3 Total Cache. К стати, замечательный плагин. Реально ускорил свой блог с его помощью.

Насчет темы вывод такой: хочешь, чтобы все работало быстро, делайте тему сами с нуля. Либо же оптимизируйте готовую тему, если оно того стоит. Ну, или заказывайте, но уникальную и по вашему ТЗ.

Второй фактор, мешающий ускорению блога — Плагины.

Вот казалось бы. Столько полезных плагинов платных и бесплатных. Но вот к их установке нужно подходить с умом и осторожностью. Перед установкой плагина, нужно лишний раз задуматься о двух вещах:

  1. Действительно ли мне так важен его функционал?
  2. Нельзя ли сделать это без плагина?

Конечно, без некоторых плагинов не обойтись. Например, All In One Seo Pack. Заменять этот плагин функциями темы не вижу смысла. Он работает уже много лет и им пользуются тысячи блоггеров.

А вот постраничную навигацию, вывод похожих, последних и популярных записей, да и еще много чего, можно реализовать без плагина.

Вывод такой. Оставляйте только те плагины, которые действительно нужны и всегда ищите нельзя ли их заменить функцией WordPress.

Режим турбо для блога за счет объединения и кэширования.

Сразу скажу, я делал только кэширование. Установил плагин, настроил и вуаля – блог работает быстрее. Недавно, все на том же, «Кто на новенького», наткнулся на статьи про сжатие картинок и скриптов и про объединение css. Последнее я пока не пробовал. Единственное, что я делал, это объединял все фоновые картинки сайта в спрайт – один файл со всеми картинками. Набрав в поисковике «генератор спрайтов» вы найдете онлайн генератор, которому нужно скормить все разрозненные картинки, а он их соберет в один файл и пропишет стили. Очень удобно.

По поводу отключения стилей плагинов пока ничего сказать не могу, но думаю, что очень мощная штука и я обязательно ее сделаю.

Итак, делаю выводы и подвожу итог. Чтобы ускорить WordPress блог мне и вам понадобятся:

  1. Новая переработанная и/или оптимизированная тема
  2. Отказ от части плагинов и перенос их функционала на «могучие плечи» WordPress
  3. Включение кэширования на блоге
  4. Объединение файлов стилей в один
  5. Оптимизация изображений, стилей и скриптов

Вот так. Работы будет много и пока, я не ставлю для себя конкретных сроков. Ведь нужно еще и деньги зарабатывать. Скорее всего я сделаю скелет, перейду на него, а вы, уважаемый читатель, сможете наблюдать за его развитием.

Продолжайте читать мой блог и делитесь с друзьями.

P.S. И еще факт об ускорении. При включении Gzip сжатия увеличивается скорость загрузки страниц, но и увеличивается нагрузка на сервер. Закон сохранения энергии не обманешь.

C уважением,
Александр Парфилов

Игорь
Игорь

Есть литература/программа для создания шаблона с нуля для WordPress?

Ответить
Александр
Александр

Игорь, привет! Сколько лет сколько зим)) Сперва тему лучше нарисовать в фотошоп. Поверь, блоки в нем двигать проще, чем при верстке. Лучшая литература это кодекс wordpress. Начни с поиска в сети с ключом "иерархия шаблона wordpresss". Разберись какой файл шаблона за что отвечает. Затем посмотри функции, которые отвечают за вывод чего-либо. Можно начать шаблон WP двумя способами: 1) Сверстать статичный html+css а затем прикручивать движок и скрипты 2) Прикручивать и верстать одновременно Мне больше по нраву второй способ так как сразу лезут косяки и можно налету их исправлять. На самом деле шаблон WP это очень просто, нужно лишь разобраться и не лениться)) Удачи!

Ответить
Оставьте комментарий