Каждый блогер, вероятно, заметил, что страницы с большим количеством комментариев загружаются медленнее по сравнению с другими публикациями на сайте. Разумеется, такая ситуация не радует, ведь медленная работа сайта отпугивает как пользователей, так и поисковые системы.
Перед тем как обсудить способы ускорения загрузки комментариев, стоит разобраться, какие ресурсы задействуются для их загрузки и отображения на страницах WordPress.
- На первом этапе выполняется запрос к базе данных, который извлекает все комментарии (в WordPress каждому комментарию соответствует отдельная запись в базе).
- Далее веб-браузер пользователя обрабатывает полученные комментарии и их метаданные (такие как автор, время и дата публикации, ID поста или страницы и другое).
- В следующем шаге происходит запрос и загрузка Gravatars из внешних источников.
- Затем загружаются ресурсы JavaScript и jQuery, которые также требуют обработки.
Все вышеописанные действия могут существенно увеличить нагрузку на веб-сервер, повысить общий размер страницы и количество необходимых HTTP-запросов, а также добавить задержки из-за загрузки и обработки дополнительных ресурсов JavaScript. Не имеет значения, используете ли вы встроенную систему комментариев WordPress или подключаете сторонние сервисы (например, Disqus или Facebook Комментарии), это значительно влияет на общую скорость работы сайта. Поэтому важно оптимизировать этот процесс.
Вот несколько практических советов по ускорению загрузки комментариев:
- Используйте кеширование: подключите плагины кеширования, такие как WP Super Cache или W3 Total Cache, чтобы сохранить статическую версию страниц с комментариями, что уменьшит нагрузку на сервер.
- Ограничьте количество отображаемых комментариев: настройте отображение определенного количества комментариев на странице и добавьте пагинацию. Это уменьшает объем данных, загружаемых сразу.
- Оптимизируйте Gravatars: вы можете использовать локальные изображения или выбирать меньший размер изображений Gravatars, чтобы уменьшить время их загрузки.
- Загружайте JavaScript асинхронно: настройте загрузку скриптов на вашей странице так, чтобы они загружались асинхронно или отложенно, что позволит загружать главную часть страницы без задержек.
- Используйте внешний CDN: подключение к сети доставки контента (CDN) для хранения и передачи статических файлов может повысить скорость загрузки страниц.
- Минимизируйте запросы к базе данных: установите плагины для оптимизации базы данных, которые очищают старые и ненужные записи, тем самым ускоряя выполнение запросов.
Следуя этим рекомендациям, вы сможете значительно улучшить производительность вашего сайта на WordPress и обеспечить быструю загрузку комментариев для ваших читателей.
Как ускорить загрузку комментариев?
Если вы заметили, что раздел комментариев замедляет загрузку страниц вашего сайта, существует несколько вариантов решения этой проблемы.
1. Полное отключение комментариев
Это, безусловно, избавит от замедления. Однако важно учесть, насколько этот блок полезен для ваших посетителей. Если комментарии способствуют росту популярности вашего ресурса, это решение может оказаться не самым уместным.
Если вы все-таки приняли решение отключить комментарии, рекомендуем ознакомиться с соответствующим руководством.
2. Оптимизация встроенной системы комментариев
Существует несколько методов, которые помогут ускорить загрузку встроенных комментариев WordPress.
3. Применение сторонних систем комментариев
Если ваш сайт размещен на недорогом виртуальном хостинге, внедрение сторонних систем комментариев (например, Disqus) может помочь ускорить страницы с обширным количеством комментариев. В случае аренды собственного сервера, переход на внешний сервис может, наоборот, привести к увеличению времени загрузки.
4. Реализация «ленивой» загрузки комментариев
Преимуществом технологии отложенной загрузки является то, что комментарии к посту не загружаются целиком, а отображаются частями, что оправдано при наличии больших веток обсуждения. Подробную инструкцию по установке «ленивой» загрузки можно найти в одной из наших статей.
Рассмотрим каждую из перечисленных стратегий более подробно, чтобы вы могли выбрать наиболее подходящий вариант для вашего сайта.
Оптимизация встроенной системы комментариев
Оптимизация встроенной системы комментариев может осуществляться двумя способами: ограничением количества загружаемых одновременно комментариев или использованием локальных аватаров.
Количество загружаемых комментариев
По умолчанию в WordPress выводятся все комментарии для конкретной страницы, что может стать проблемой при большом их количестве. Избыточные HTTP-запросы негативно сказываются на общей скорости работы сайта.
Для управления количеством выводимых комментариев WordPress предоставляет необходимые инструменты. Для этого в административной панели перейдите в раздел Настройки -> Обсуждение.
На странице настроек обсуждения есть блок Другие настройки комментариев, в котором нужно активировать опцию Разбивать комментарии верхнего уровня на страницы по…, указав необходимое количество комментариев на страницу.
После применения изменения, загрузка страницы будет отображать указанное вами количество комментариев.
Локальные аватары
WordPress поддерживает Gravatar, что позволяет пользователям иметь собственные иконки, загружаемые в их профили на сервисе. Но это может негативно сказаться на производительности сайта, так как каждое обращение к Gravatar требует отдельного HTTP-запроса. Представьте, что для 100 пользователей нужно отправить ту же массу запросов.
Если вы решили отключить Gravatar, это можно сделать, ознакомившись с нашим руководством.
Существует и другой вариант: использование локально сохраненных аватаров. Подробности об установке локальных аватаров были изложены в одной из предыдущих статей.
Следует помнить, что в этом случае все комментарии будут иметь стандартный аватар, пока пользователь не зарегистрируется и не загрузит свое изображение.
Сторонняя система комментариев
Как было упомянуто ранее, многие пользователи WordPress активно используют внешние системы комментариев. Эти системы помогают значительно уменьшить нагрузку на сервер, так как обработка комментариев — это сравнительно тяжелая задача. Кроме того, такие сервисы часто предлагают более удобный интерфейс для пользователей и возможность оставлять комментарии без регистрации на сайте.
Однако у сторонних служб есть и свои недовольства. Никто не может гарантировать, что новый блок комментариев будет работать быстрее. Если вы все же решите его использовать, не забудьте позаботиться о реализации “ленивой” загрузки.
“Ленивая” загрузка
Не имеет значения, какую систему комментариев вы выбрали (встроенную или внешнюю), реализация отложенной загрузки может значительно сократить общее время загрузки страницы. В этом случае новые комментарии появятся по мере прокрутки страницы или при нажатии кнопки Загрузить еще.
“Ленивая” загрузка для встроенных комментариев
К сожалению, эта функция не поддерживается в ядре WordPress, но ее можно реализовать с помощью соответствующего плагина (например, wpDiscuz).
“Ленивая” загрузка для Disqus
Для сервиса Disqus тоже есть хорошее решение для отложенной загрузки комментариев — бесплатный плагин Disqus Conditional Load.
“Ленивая” загрузка для Facebook* Комментариев
Если вы используете комментарии Facebook*, то и для этого сервиса возможно настроить «ленивую» загрузку. Для этого существует бесплатный плагин.
Дополнительные материалы: Как защититься от спама в комментариях с помощью плагина капчи.
* Facebook признан экстремистской организацией и запрещен на территории РФ.
5. Кэширование комментариев
Использование кэширования может существенно ускорить работу вашего сайта. Часто повторяемые запросы к базе данных, в том числе для комментариев, могут быть кэшированы с помощью плагинов, таких как W3 Total Cache или WP Super Cache. Они сохраняют выполненные запросы и предоставляют их пользователям, не выполняя новую выборку из базы данных.
6. Сжатие и оптимизация ресурсов
Сжатие CSS и JavaScript файлов также поможет ускорить загрузку страницы. Плагины, такие как Autoptimize, позволяют оптимизировать сайт, уменьшив размер файлов и время их загрузки. Это также может способствовать более быстрой загрузке комментариев.
