Скорость загрузки сайта. Ускоряемся до третьей космической!

Добрый день, дорогие друзья! Сегодня мы продолжаем говорить о скорости загрузки сайта.

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

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

Скорость загрузки сайта и плагины

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

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

Об этом читайте тут. Также некоторые плагины можно дезактивировать и включать только, когда необходимо, например, Broken Link Checker.

Кроме этого через плагины хакеры могут взломать Ваш сайт. И, как Вы понимаете, чем меньше плагинов, тем меньше шансов у хакеров и больше у Вашего ресурса.

Я сократила количество плагинов с 20 до 11 (2 из них активирую только периодически).

Разобраться, какие плагины оставить, а какие нет, вам поможет опять же, как ни странно, плагин — P3 (Plugin Performance Profiler). Вы его найдете через поиск в админке WordPress, устанавливайте и активируйте, он у вас появится в разделе Инструменты. Выбираете Start Scan и получает вот такой анализ:

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

Он оказался медленнее таких плагинов, как WordPress Seo by Yoast и Ithemes Security, хотя они и выполняют намного больше функций, да и более важны для блога.

После анализа плагин P3 можно удалить.

Не все плагины замедляют блог, есть и те, что, наоборот, способствуют его ускорению. Речь идет о плагинах кэширования, как Hyper Cache или WP Super Cache.

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

Результат получился неоднозначным, так как многие сервисы и в том числе Page Speed, не показали разницу в скорости до и после установки плагина Hyper Cache.

Я уже решила его удалить, но сервис www.pr-cy.ru/speed_test, который показал, что скорость уменьшилась в 3 раза.

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

Оптимизация базы данных

Следующий этап в ускорении сайта — это оптимизация базы данных. Здесь есть два варианта: с помощью плагина или с помощью PhpMyAdmin.

Есть хороший плагин WP Clean Up, он удаляет все ненужное на блоге, как ревизии постов и прочее, а также оптимизирует базу данных, и все это нажатием на 2 кнопочки.

Как это выглядит вы можете увидеть на скриншотах:

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

Либо вы можете зайти на свой хостинг в PhpMyAdmin, выбрать раздел SQL:

И вставляете туда следующие команды и нажмите очистить:

DELETE FROM wp_posts WHERE post_type = "revision";
DELETE FROM wp_posts WHERE post_status = 'trash';
OPTIMIZE TABLE wp_posts,wp_postmeta,wp_comments,wp_options;
DELETE FROM wp_comments WHERE comment_approved = 'spam';
DELETE FROM wp_comments WHERE comment_type = 'pingback';
UPDATE wp_posts p SET p.ping_status = 'closed';
DELETE FROM wp_postmeta WHERE meta_key IN('_edit_lock', '_edit_last','_wp_old_slug');

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

Оптимизация шаблона

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

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

Найдите скрипты, которые находятся между тегами <head>. И перенесите их в footer.php (подвал). Переносите скрипты по одному, и сразу же проверяйте, как работает блог, так как при переносе в подвал некоторые скрипты могут перестать работать.

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

Также оптимизируйте файл стилей. Загрузите его себе на компьютер (обязательно сохраните первоначальный вариант, если вдруг что-то пойдет не так). Переходите на сайт www.styleneat.com, загружаете свой файл css и нажимаете на Organize CSS:

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

Как ускорить сайт: оптимизация изображений

Обязательно оптимизируйте изображения перед вставкой их на блог. Что это значит? Уменьшите по максимуму вес картинки. В этом вам помогут фотошоп, либо онлайн-сервисы, о которых я писала тут.

Иногда картинка очень большая и wordpress позволяет уменьшить ее размер:

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

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

И наконец, приступаем к самому интересному. В прошлой статье я уже рассказала вам о плагине Page Speed, пришла пора воспользоваться его рекомендациями.

Ускорение с помощью Page Speed

Вот какой результат показал плагин для моего второго блога (который служит мне площадкой для экспериментов) до принятия каких-либо мер по его ускорению:

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

Сделать это довольно легко, добавив необходимый код в файл .htaccess.

Вот этот код:

FileETag MTime Size
<ifmodule mod_expires.c>
<filesmatch ".(jpg|jpeg|gif|png|ico|css|js)$">
ExpiresActive on
ExpiresDefault "access plus 1 month"
</filesmatch>
</ifmodule>
# compress text, html, javascript, css, xml: 
AddOutputFilterByType DEFLATE text/plain 
AddOutputFilterByType DEFLATE text/html 
AddOutputFilterByType DEFLATE text/xml 
AddOutputFilterByType DEFLATE text/css 
AddOutputFilterByType DEFLATE application/xml 
AddOutputFilterByType DEFLATE application/xhtml+xml 
AddOutputFilterByType DEFLATE application/rss+xml 
AddOutputFilterByType DEFLATE application/javascript 
AddOutputFilterByType DEFLATE application/x-javascript
# Or, compress certain file types by extension:
SetOutputFilter DEFLATE

 Код я вставила перед строкой: # END WordPress

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

С помощью Page Speed вы также можете оптимизировать картинки, нужно выбрать раздел Оптимизировать картинки, нажать Save As и сохранить на компьютер, а затем заменить картинки на блоге на оптимизированные:

По этому же принципу можно сократить JavaScript и Css, разумеется в том случае, если данные пункты отмечены красным или желтым.

Благодаря данным действиям мне удалось получить следующий результат:

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

Желаю вам побольше посетителей на блог и топовых позиций в поисковиках!

На этом пока все, надеюсь данные советы будут вам полезны и ваш блог станет еще более быстрым. Удачи и до встречи! Если у вы знаете еще какой-нибудь эффективный способ ускорения, поделитесь им в комментариях.