Еще несколько слов про скорость загрузки сайта

сентября 21 13:19 2012

Всем привет! Этой статьей хочу продолжить тему оптимизации скорости загрузки сайта и ее увеличении, начатую в статье 11 Простых Способов Ускорить WordPress Блог. Сегодня я расскажу, как еще можно ускорить ваш WordPress блог без особых затрат и мегазнаний. Но для начала, чтобы было общее представление об этой теме, прочитайте статью про 11 простых способов ускорить блог, ссылка на которую дана выше.

Как обычно, все по порядку.

Плагины

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

Когда я писал статью про необходимые плагины для WordPress, я использовал такие плагины как

  • Comment Redirect by Yoast, который перенаправляет посетителя, оставившего свой первый комментарий, на специально заготовленную страницу, например, с формой подписки и еще чем-нибудь. Но с комментариями на блоге дела могут обстоять не самым позитивным образом (их мало или нет вообще), а кому нужен включенный плагин, который, откровенно говоря, работает в холостую? Поэтому я его отключил.
  • jQuery lazy load plugin, который загружает изображения только тогда, когда пользователь прокрутил страницу до них. То есть если на мониторе вы не видите изображение, то оно не загрузилось. А как только вы до него прокрутите, то начнет грузиться. Плагин классный, отлично подойдет для фотоблогов и т.п., но если вы используете мало изображений в своих статьях, то есть смысл отказаться от этого плагина.
  • My Page Order, который помогает расположить страницы («Главная», «О себе», «Реклама на блоге» и т.п.) в нужном порядке. Я так подумал, а зачем он мне? Можно ведь сделать меню в html и вставить вручную, а потом вручную же и редактировать! Ну я и сделал его. Сложно? Ничего сложно! Можете нанять фрилансера для этого. Он вам за недорого меню-то и сделает.
  • Exclude Pages from Navigation, который исключает страницу из навигации. Тоже самое — нафиг он нужен, если мы сами контролируем, что выводить в меню? Ну а запретить вывод страницы из меню путем простого удаления кусочка кода — проще простого!
  • Subscribe To Comments, который дает возможность подписаться на новые комментарии. Тоже в принципе пожертвовать им можно.
  • Scrolling Social Sharebar, это плагин плавающей панели кнопок социальных сетей. Я от него отказался по той простой причине, что он загораживает часть сайдбара, что смотрится не очень гуд. Но плагин хороший, где скачать, как настроить и установить, читайте здесь.
  • Video Embedder, который позволяет вставлять видео с довольно-таки большого количества видео-хостингов. А теперь ответьте на простой вопрос: с каких видео-хостингов вы вставляете видео и каково их количество? Я более чем уверен, что таких всего два: youtube и vkontakte. Другой вопрос, стоит ли перегружать свой блог этим плагином, если можно вставить видео напрямую, без посредничества плагина? Думаю, ответ очевиден. Как вставлять видео с наиболее популярным видео-хостингов напрямую я расскажу в следующей статье. Поэтому подписывайтесь на обновления (форма подписки внизу), чтобы не пропустить.
  • W3 Total Cache, плагин кэширования. Отказался в пользу скрипта MaxCache.

Вот такой аудит плагинов я провел в свое время. Теперь у меня постоянно включены только 12 плагинов. Данное мероприятие по оптимизации довольно-таки существенно повлияло на скорость блога.

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

Скрипты

Со скриптами, также как и с плагинами, следует провести аудит. Подумал я, подумал, и совсем недавно отключил скрипт, который выводил кнопочку «Вверх» для прокрутки страницы наверх, так как осознал, что сам им не пользуюсь да и другие в принципе тоже. Не настолько же современный homo sapiens обленился...

По крайней мере, хотелось бы в это верить...

MaxCache — классный скрипт кэширования

Начитавшись положительных отзывов об этом скрипте, я решил отказаться от W3 Total Cache, и приобрел-таки скрипт MaxCache. И знаете, что я вам скажу? Страницы стали грузиться почти моментально!!!

Этот плагин используют такие именитые блоггеры, как Михаил Шакин, Александр Борисов, Сергей Первушин, Алексей (Goodwin)...

Взгляните на скриншот:

Еще несколько слов про скорость загрузки сайта

И это после установки скрипта кэширования MaxCache.

Блог Михаила Шакина прям летает! Наверняка все дело в хостинге. В то время как я сижу на виртуальном хостинге, Борисов и Шакин сидят на VPS. Кстати, выбор быстрого надежного хостинга также очень сильно влияет на скорость загрузки сайта.

Скрипт MaxCache сокращает количество MySQL-запросов до нуля (без кэша: 10-100 запросов), снижает PHP-память до 0,1-0,4 МБ (без кэша: 12-40Мб), время до 0,001-0,01 сек (без кэша: 0,1 — 10 сек).

Установка скрипта очень проста: нужно будет создать специальную папку cache и закачать в корень блога несколько файлов. И все!

Стоит скрипт MaxCache всего 340 рублей. Думаю, оно того стоит. Подробнее о скрипте можно почитать на сайте разработчика.

Хостинг

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

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

Изображения

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

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

А может следует отказаться от (как их даже назвать не знаю) картинок-анонсов? Я отказался. А на главной теперь отображаются легкие миниатюры по 3-5 Кб.

Чистка

Проведите чистку кода шаблона блога и таблиц стилей. Это нужно делать, чтобы уменьшить вес страницы. Затем включите сжатие. Это дополнительно уменьшит вес.

Один из самых популярных плагинов для сжатия —  WP Minify, который сжимает JavaScript, CSS и HTML. Скачать его можно здесь.

P.S. Когда я на своем блоге его активировал, у меня перестали корректно отображаться табы в сайдбаре и слайдер в хедере. Так что будьте внимательны.

Асинхронная загрузка

Когда я писал статью про слайдер рекомендаций, я узнал про асинхронную загрузку, которую и использует этот плагин. Асинхронная загрузка — это когда прорисовывается сначала вся страница, а затем подгружаются js-скрипты.

Тема для меня эта нова, поэтому ничего толком я вам не могу про нее рассказать. Как-нибудь в следующих статьях...

Резюме

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

Исходя из всего того, что было описано в этой статье можно записать следующий план действий:

  • провести аудит плагинов и скриптов,
  • приобрести скрипт кэширования MaxCache или установить плагин кэширования W3 Total Cache, если жаба душит,
  • перебраться на хороший быстрый надежный хостинг, если ваш текущий хостинг оставляет желать лучшего,
  • использовать изображения в статьях только если они действительно нужны + удалить ненужные изображения в уже опубликованных статьях,
  • удалить ошметки ненужного кода из шаблона блога и неиспользуемые стили в таблице стилей,
  • включить сжатие (компрессию) JavaScript, CSS и HTML с помощью плагина WP Minify. Однако его можно и не применять, если вы используете W3 Total Cache, так как последний также выполняет функции сжатия.

Вот в принципе и все, что я хотел вам сегодня рассказать. Надеюсь, все было понятно и доступно. Подписывайтесь на обновления и... пока-пока!

Как вы ускоряете свой WordPress блог?

write a comment

7 комментариев

  1. Элина
    сентября 22, 20:31 #1 Элина

    Спасибо за пост. Тоже стараюсь использовать как можно меньше плагинов.

    Reply to this comment
  2. Ксения
    сентября 24, 10:42 #2 Ксения

    Спасибо, Как Всегда только полезная информация.

    Я прям уже каждого поста жду с не терпением.

    Вы самый классный и полезный БЛОГ

    рекомендую читать его всем своим друзьям

    Reply to this comment
  3. Лысенко Евгений
    сентября 25, 12:12 #3 Лысенко Евгений

    Я бы не стал отказываться от Subscribe To Comments. Хотя это выбор каждого. Почистить список плагинов стоит, это да. Я уже приметил там пяток-другой, без которых можно обойтись.

    Подумаю над покупкой скрипта, раз он действительно так хорош.

    Reply to this comment
  4. Владимир
    сентября 27, 01:15 #4 Владимир

    Никогда не понимал для чего ставится на сайте кнопка «ВВЕРХ», если на любой клавиатуре есть клавиши «Home» и «End».

    Reply to this comment
    • Альберт Александров
      сентября 27, 10:46 Альберт Александров Author

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

      Reply to this comment
  5. alexandr
    октября 19, 22:55 #5 alexandr

    На счет кнопки вверх не соглашусь-вещь удобная, а вот MaxCache — действительно классный скрипт кэширования

    Reply to this comment

Add a Comment

Your data will be safe! Your e-mail address will not be published. Also other data will not be shared with third person.
All fields are required.