Несколько простых шагов ускорить сайт на WordPress

1 комментарий
Ускорить сайт на WordPress

Ни для кого не секрет, что быстрая загрузка сайта позволяет удержать посетителей на сайте. Согласитесь, что никто не будет просматривать сайт, где загрузки страниц приходится ожидать, посетитель вернее всего, кликнув на пару ссылок, уйдет. Представьте себя на его месте.

Это подтверждают результаты исследований Google – посетители предпочитают быстрые сайты.

Правильно выбирайте хостинг

Если хостинг не обеспечивает нормальной скорости работы, то как бы вы ни оптимизировали свой сайт, результата не будет. Довольно частый вопрос в сети – сколько посещений выдержит хостинг? Посещения посещениям рознь. Если на сайте просто статистические страницы, то даже большое количество посетителей не создаст большой нагрузки, а если сайте, предположим, установлен форум?

Авторизуется посетитель на сайте – идет обращение к базе. Заходит пользователь на форум – выбираются непрочитанные сообщения, темы. Подгружаются личные сообщения, а это все обращения к базе. А если еще и база большая? Поэтому часто приходится слышать – у знакомого три тысячи «юников» в день, и все «летает», а у меня всего пятьсот, и все еле-еле ворочается. Причем у знакомого и автора вопроса абсолютно разные сайты.

Кроме того, некоторые плагины создают большую нагрузку, разработчики плагина социальной сети Buddypress при его установке рекомендуют перейти на выделенный сервер.

Либо можно услышать – стоит каталог, год все работало отлично, а сейчас одни 503 ошибки. Ну, так за год база выросла в десять раз, и количество пользующихся поиском по сайту выросло на порядок. Поиск тоже может сильно нагружать базу, особенно поиск с фильтрами.

Тут нужно смотреть «хиты», хиты это запросы, посланные браузером посетителя на сервер. Каждый раз, когда браузер посетителя запрашивает просмотр страницы вашего сайта, этот запрос передается через ваш сервер и называется хитом. Более подробно о хитах можно почитать в википедии.

Включите сжатие

Gzip для веб-сайтов впервые был применен в далеком 1992 году и до сих пор не потерял актуальности, если ваш ресурс не перегружен изображениями, то сжатие страниц может доходить до 75%, что, конечно же, ускоряет загрузку страниц.

Работает Gzip просто, объём трафика сжимается, а значит, и передается он быстрее. Даже если у вас гигабитный канал в интернет, это не значит, что между вами и сайтом нет узлов, ограничивающих скорость передачи данных.

Кеширование

Статистические сайты грузятся быстрее динамических, и все потому что статические страницы хранятся на сервере и сразу выдаются посетителю, а динамическая страница формируется сайтом после обращения к базе, на что уходит время. Соответственно, чем больше посетителей, тем больше обращений. При включенном кешировании при обращении к странице ее копия сохраняется в файл и выдается при следующем обращении, что не только сокращает время загрузки, но и уменьшает нагрузку на сервер.

Объединяйте CSS и JS

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

Если вы не продвинутый разработчик, то объединить файлы CSS с JavaScript можно с помощью плагина, например bwp-minify, установка и настройка его очень проста и хорошо описана на сайте разработчика.

Также плагин «склеивает» несколько CSS-файлов в один, что несказанно радует браузер на стороне посетителя.

Оптимизируйте изображения

Все, наверное, встречали сайты, где на страницу приходится не по одному десятку изображений, причем к месту и не к месту. Грузятся такие страницы долго, к тому же иногда «подвешивая» браузер, расходуя большую часть памяти. В момент пиковых нагрузок браузер может использовать до двух гигабайт памяти. А если у посетителя на компьютере параллельно запущено несколько «тяжелых» приложений?

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

Сейчас широко используется формат изображений PNG. Плюсы – высокое качество изображения и прозрачный фон, что позволяет динамически накладывать его на другие изображения. Минусы – большой размер. Изображение можно уменьшить, как правило, в несколько раз, используя либо специальный плагин для фотошоп, либо онлайн-сервис https://tinypng.com/.

Внешние скрипты

Временами добавление внешних скриптов, таких как реклама или «украшательства», может дать неожиданный эффект.

Как-то у меня начал тормозить форум, все чаще выдавая ошибку 502, и он даже был перенесен хостером на другой сервер, для медленных ресурсов. Как оказалось, незадолго до этого на форум был установлен скрипт рекламной сети adsense, и виной всему оказался поисковый бот adsense google, который практически не уходил с форума, постоянно индексируя новые сообщения. На форуме количество сообщений приближалось к полумиллиону, и каждый день по сотне новых.

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

Не захламляйте базу

Возможно, не все знают, что WordPress каждый раз, когда вы редактируете материал, сохраняет ваши изменения как исправление, в итоге размер базы начинает расти, что опять же влияет на скорость загрузки. Тут можно посоветовать плагин wp-optimize, который не только очищает, но оптимизирует базу данных. 

Анализируй это

Часто встает вопрос, как оценить скорость загрузки сайта? Субъективная оценка или оценка «на глазок», пожалуй, самый ненадежный помощник.

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

Первый – это https://developers.google.com/speed/pagespeed/insights/. Причем он анализирует ваш сайт как для мобильных устройств, так и для ПК и дает рекомендации для улучшения показателей.

Второй – это http://tools.pingdom.com, в результатах теста можно увидеть какие скрипты и с какой скоростью загружаются на вашем ресурсе.

Нелишним будет заметить, что не стоит включать все улучшения разом, а потом смотреть на результат. Лучше их включать по одному и смотреть, в некоторых случаях результат может оказаться прямо противоположным.

Бекап

О резервном копировании обычно вспоминают «когда поздно пить боржоми». Akeeba Backup for WordPress позволяет в два клика как сделать резервную копию сайта, так и восстановить сайт из резервной копии. Также можно скачать архив и развернуть на ПК «для опытов». Эксперименты намного безопаснее проводить на локальном сервере.

Верхушка айсберга

Разумеется, в материале описаны наиболее очевидные и простые решения по оптимизации. По большому счету оптимизировать сайт нужно на начальном этапе разработки. Сперва ставится задача, а уже под нее подбирается CMS, но, к сожалению, можно видеть абсолютно противоположный подход – я знаю эту CMS и поэтому буду делать сайт только на ней.

Засим откланиваюсь

Комментарии

Лавр Иванов +17
20 июня в 2016
Замечательная статья! Успехов! :)