Как ускорить работу блога на WordPress.

Добрый вечер!

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

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

Выявить эти причины мне помог сервис от Google — Page Speed.

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

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

Как ускорить работу блога на WordPress.

Самыми важными элементами, которые существенно увеличивают скорость блога, являются:

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

Включение сжатия.

Без сжатия вес моей страницы изначально составлял примерно 1,3 Мб. Я был просто в шоке. Раньше я на это не обращал внимания. Вроде простой движок, от куда столько мегабайт набежало? Проверял я эту инфу на сайте Pingdom Tools. После сжатия вес страницы уменьшился до 800 Кб. Блог стал грузиться куда заметнее быстрее.

Pingdom Tools

А теперь давайте поподробнее. Как и где прописывать функцию gzip?

Для начала необходимо будет зайти в корень вашего сайта. Используйте для этого Total Comander или Filezilla. В корневой директории ищем файл .htaccess и в него в самом начале вставляем следующий код:

<IfModule mod_deflate.c>
 AddOutputFilterByType DEFLATE text/html
 AddOutputFilterByType DEFLATE application/javascript
 AddOutputFilterByType DEFLATE text/javascript
 AddOutputFilterByType DEFLATE text/css
 <IfModule mod_setenvif.c>
 BrowserMatch ^Mozilla/4 gzip-only-text/html
 BrowserMatch ^Mozilla/4.0[678] no-gzip
 BrowserMatch bMSIE !no-gzip !gzip-only-text/html
 </IfModule>
</IfModule>

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

 Использование кэша браузера.

Буду короток, Кэш — это временная информация, которая хранится в буфере на локальном диске определенное время(как то так 🙂 ). Благодаря использованию кэша браузера, часть информации загружается с вашего компьютера, благодаря чему и ускоряется загрузка блога.

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

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access 7 days"
ExpiresByType application/javascript "access plus 1 year"
ExpiresByType text/javascript "access plus 1 year"
ExpiresByType text/css "access plus 1 year"
ExpiresByType text/html "access plus 7 day"
ExpiresByType text/x-javascript "access 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/x-icon "access 1 year"
ExpiresByType application/x-shockwave-flash "access 1 year"
</IfModule>
 
# Cache-Control
<ifModule mod_headers.c>
# 30 дней
<filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
# 30 дней
<filesMatch ".(css|js)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
# 2 дня
<filesMatch ".(xml|txt)$">
Header set Cache-Control "max-age=172800, public, must-revalidate"
</filesMatch>
# 1 день
<filesMatch ".(html|htm|php)$">
Header set Cache-Control "max-age=172800, private, must-revalidate"
</filesMatch>
</ifModule>
 
# использование кеша браузеров
FileETag MTime Size
<ifmodule mod_expires.c>
<filesmatch ".(jpg|jpeg|gif|png|ico|css|js)$">
ExpiresActive on
ExpiresDefault "access plus 1 year"
</filesmatch>
</ifmodule>
 
#Запрет отдачи HTTP-заголовков Vary браузерам семейства MSIE
<IfModule mod_setenvif.c>
BrowserMatch "MSIE" force-no-vary
BrowserMatch "Mozilla/4.[0-9]{2}" force-no-vary
</IfModule>

Кстати, это тоже один единственный рабочий код, что я смог найти. С другими была ошибка 500.

По завершению редактирования файла  .htaccess, обязательно проверьте на сайте Pingdom Tools, как он повлиял на производительность. Если вдруг выскочит ошибка 500 или ничего не изменится, то удалите его к чертям собачим  насовсем.

Данные рекомендации должны существенно увеличить скорость блога.

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

На этом пожалуй всё на сегодня. Всего доброго и желаю вам успехов с оптимизацией блога.

С Уважением, Александр Рус и mr.Клик.

Материалы по теме:

Что такое CMS, а так же правила ее выбора

Сейчас мы разберемся с вопросом: "Что такое CMS?". На самом деле тут все просто, CMS расшифровывается как "Content Management Software" ("программное обеспечение для управления ...

2. Регистрация домена.

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

Виджет YouTube для сайта. Как это сделать.

Создание виджета при помощи html кода. Создание виджета при помощи плагина. Как узнать ID канала Youtube. Создание виджета через сайт Youtube. Всем привет! Сегодняшняя статья посвящается тем, кто ищет ...

3. Создаем фундамент блога.

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

Плагин de: comment: адаптивная форма комментариев.

Плюсы плагина Регистрация на сайте Настройки de:comments Партнерская программа. Всем привет! Сегодня я расскажу про один из лучших плагинов, который заменяет стандартную форму комментариев ...