Оптимизация скорости для cms WordPress.

Автор: Хасан Мухамеджанов

20 января, 2024г.

Что может замедлить работу вашего сайта?

1. Плагины:

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

2. Изображения:

Изображения являются ключевым фактором в оптимизации веб-сайта. Важно оптимизировать изображения для вашего сайта. Изображения большого размера могут замедлить работу вашего сайта. Не загружайте изображения большого размера. Например, если ваш блог создан из изображений размером 800*600, вам следует загрузить изображение такого же размера, но не больше.

3. Хостинг:

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

4. Файлы JS и CSS:

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

Как улучшить скорость сайта?

1. Оптимизация изображения:

Вы можете сжимать изображения с веб-сайта CompressJPEG/TinyPNG. Посетите https://compressjpeg.com или https://tinypng.com/ и сожмите все изображения перед загрузкой их на свой веб-сайт. С помощью этого процесса вы можете сократить время загрузки вашего веб-сайта и предоставить посетителям лучший опыт.
Если же ваш сайт уже имеет большое количество изображений используйте автоматизированные методы сжатия. Если у вас имеются проблемы с пониманием данных технологий можете обратиться за помощью к нам на Kwork – ссылка работу по на оптимизации изображений.

2. Код .htaccess для повышения скорости сайта:

Если вы знакомы с .htaccess, вы можете перейти в корневой каталог вашей установки WordPress. Найдите файл .htaccess и откройте его. Вставьте следующий код.

AddType application/x-font-woff .woff
AddType application/font-woff2 .woff2
AddType application/vnd.ms-fontobject .eot
<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/xml
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-woff
  AddOutputFilterByType DEFLATE application/font-woff2
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/opentype

# For Olders Browsers Which Can't Handle Compression
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>

<ifModule mod_gzip.c>
  mod_gzip_on Yes
  mod_gzip_dechunk Yes
  mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
  mod_gzip_item_include mime ^application/x-javascript.*
  mod_gzip_item_include mime ^text/.*
  mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
  mod_gzip_item_exclude mime ^image/.* 
  mod_gzip_item_include handler ^cgi-script$
</ifModule>

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType application/vnd.ms-fontobject "access plus 1 year"
ExpiresByType application/x-font-ttf "access plus 1 year"
ExpiresByType application/x-font-opentype "access plus 1 year"
ExpiresByType application/x-font-woff "access plus 1 year"
ExpiresByType application/font-woff2 "access plus 1 year"
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 3 month"
ExpiresByType application/pdf "access plus 3 month"
ExpiresByType text/x-javascript "access plus 3 month"
ExpiresByType application/x-shockwave-flash "access plus 3 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 3 month"
</IfModule>
## EXPIRES CACHING ##
<ifModule mod_headers.c>
    Header set Connection keep-alive
</ifModule>
<IfModule mod_header.c>
  # 3 Month
  <FilesMatch "\.(flv|gif|jpg|jpeg|png|ico|swf)$">
    Header set Cache-Control "max-age=7257600"
  </FilesMatch>
  # 1 Week
  <FilesMatch "\.(js|css|pdf|txt)$">
    Header set Cache-Control "max-age=604800"
  </FilesMatch>
  # 10 Minutes
  <FilesMatch "\.(html|htm)$">
    Header set Cache-Control "max-age=600"
  </FilesMatch>
  # NONE
  <FilesMatch "\.(pl|php|cgi|spl)$">
    Header unset Cache-Control
    Header unset Expires
    Header unset Last-Modified
    FileETag None
    Header unset Pragma
  </FilesMatch>	
</IfModule>
# END WordPress

(Примечание. Не заменяйте код, который уже существует в файле .htaccess. Это может иметь серьезные последствия для вашего веб-сайта.)