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

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

Какие плагины ставить на WordPress 2022 году

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

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

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

4. Установка темы на WordPress

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

Мобильный сайт. 3 способа создания мобильной версии сайта.

Особенности мобильного веб-сайта. Как создать мобильный сайт (3 разных способа) Пошаговая видео-инструкция Тестирование Особенности мобильного проекта Под фразой «мобильный сайт» подразумевается виртуальная площадка, предназначенная специально для приема пользователей, ...

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

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