Как ускорить сайт на вордпресс волнует многих начинающих и не только вебмастеров, выбравших данную ЦМС для своего ресурса. Существует множество методов ускорения и оптимизации работы, включая плагины, встроенные ресурсы хостинга или хаки, прописываемые в теме или специальных файлах wordpress, .htaccess.
Ускорение работы сайта на вордпресс — необходимо по причине «тяжеловесности» движка или его дополнений (плагинов). Что это дает? Удобство работы пользователей с быстрым сайтом, большее доверие поисковиков и, как следствие более высокие позиции. Плюс удовлетворение от проделанной работы. Факторов, влияющих на резвость вашего ресурса множество: от настроек хостинга, количества скриптов и стилей до опыта вебмастера (чистота кода), выкладывающего содержание на страницах.
На момент 2021 года есть более эффективные решения
Как проверить скорость загрузки сайта
Есть несколько хороших сервисов, позволяющих онлайн тестировать скорость до и после работ по ускорению. Сервис от pr-cy.ru и от ГУГЛА PageSpeed Insights. Вот примеры плохой и хорошей настройки скорости:
[su_row][su_column size=»1/2″]
Плохая скорость на примере одного из магнитогорских сайтов. Но тут ничего не попишешь). Куча подгруженных скриптов и сервисов.
[/su_column] [su_column size=»1/2″]
Отличная скорость нашего https-сайта достигнута длительным тестированием и настройкой, удалением ненужных функций.
[/su_column] [/su_row]
Чем достичь ускорения сайта на ВП?
Нужно прежде всего ускорить загрузку хедера и видимой части контента. Это достигается оптимизацией и сокращением скриптов и стилей, тормозящих сайт, загрузкой оптимизированных для веб изображений, особенно в верхней части страниц, кэширование и пр. Методов ускорения много. Один из проверенных — использование плагина WP Super Cache. Рассмотрим его подробно.
Он имеет множество настроек от простых до продвинутых, предусматривающих «ручного» управления и определенных знаний. Даже в рекомендованном методе настроек плаг дает хороший результат. Что он делает?:
- Кэширует динамичный контент, «превращая» его в статичный и тем самым увеличивает скорость отзыва сервера, одновременно снижая нагрузку на хостинг и ускоряет загрузку страниц. При каждом переходе на страницу сайта, WordPress, не создает динамическую страницу, а отдаёт браузеру посетителя статичную копию html-страницы из кеша.
- Инициирует Gzip сжатие всего содержания для уменьшения веса обращаемой информации (html, js, css) при обращении к серверу (сжимает их до 70%). Время передачи файлов значительно уменьшается.
- В простом варианте настроек плагина все изменения видны только браузеру. В продвинутом есть возможность посмотреть и поэкспериментировать (сохраняйте копии) с файлом .htaccess.
С 2019 года мы перешли на более продвинутый плагин — W3 Total Cache
[su_spacer]
[su_row][su_column size=»1/2″]
Пример созданного кода в режиме «Эксперт»
Весь код нет смысла приводить а в простом режиме его вообще не видно (но он есть)).
[su_note note_color=»#dddcdc» text_color=»#000000″ radius=»0″]
# BEGIN WPSuperCache
/*здесь очень длинный код, сгенерированный плагином*/
# END WPSuperCache
/*Далее стандартные записи ВП*/
# BEGIN WordPress
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
# END WordPress
[/su_note]
Как подключать данный PLAGIN? Перейдите в админке в раздел «плагины», нажмите кнопку «Добавить новый» и затем в поисковой строке введите WP Super Cache.
Далее, следуя рекомендованным подсказкам пройти все вкладки «Общий кэш» и нажать кнопку внизу «Создать общий кэш сейчас»
[/su_column] [su_column size=»1/2″]
Дополнительный ХАК
И напоследок добавьте в файл .htaccess следующий код в самом верху. Это дополнительный пинок), сжимающий скрипты, стили CSS, JS и пр.
[su_note note_color=»#dddcdc» text_color=»#000000″ radius=»0″]
# Compress HTML, CSS, JavaScript, Text, XML and fonts AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/txt AddOutputFilterByType DEFLATE text/xml # Remove browser bugs (only needed for really old browsers) BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent
[/su_note]
[/su_column] [/su_row]
По завершению всех работ можно еще раз пройти тест на скорость
[su_spacer]
