Как ускорить работу блога на 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>

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

[dropshadowbox align=»none» effect=»lifted-both» width=»autopx» height=»» background_color=»#d0d8df» border_width=»1″ border_color=»#dddddd» ] А теперь Вам задание: зайдите на сайт Pingdom Tools и посмотрите сколько будет весить у Вас страница до сжатия и после, и обратите внимание на время их загрузки. Свои результаты оставляйте в комментариях, будет интересно узнать на сколько Вам помог данный метод. [/dropshadowbox]

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

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

Для того, что бы сайт смог использовать кэш браузера, надо вставить код отображенный ниже в файл .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.Клик.

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

Как исправить ошибку в RSS — ленты.

Наверное многие сталкивались с одной из распространенных ошибок в RSS - ленты.  У меня эта ошибка появилась из-за использования плагина SuperCache -  ускоряет загрузку страниц на ...

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

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

Зеркало сайта — что это такое и для чего создается

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

Что такое баннерная слепота и чем она так опасна?

Этот термин появился всего несколько десятилетий назад. С развитием интернета появилось огромное количество новых рекламных форматов, которые поначалу работали весьма эффективно. Однако с течением ...

Настройка URL-адреса на платформе WordPress

Прогрессивное продвижение сайта невозможно без правильной настройки URL-адреса и работы с файлом .htaccess. Ниже вы найдете базовые рекомендации по этим двум аспектам. Посещаемость интернет-сайтов во ...

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