Настройте предварительную загрузку ключевых запросов wordpress плагин

Плагины для ускорения загрузки сайта WordPress

Просмотров: 2 723

Приветствую вас, дорогие друзья! Сегодня у меня снова важная тема для вас — как увеличить скорость загрузки сайта? Как ускорить ваш сайт WordPress? Об этом написано у меня подробно здесь, а этот пост будет дополнение к нему. Лишние знание об ускорение загрузки сайта WordPress нам не повредят. Сразу признаюсь, статья не моя. Позаимствовал её с популярного сервиса pr-cy. Надеюсь они не против. И так, погнали наших городских. Плагины для ускорения загрузки сайта на WordPress?

Первое, что влияет на впечатление пользователя от сайта — скорость его загрузки. Если сайт не загрузился в первые 3 секунды, скорее всего пользователь его закроет.

Как ускорить сайт на WordPress

Даже если на сайте выстроена идеальная воронка продаж, продумано юзабилити, продается что-то выгодное и полезное, клиент этого не увидит. Поисковые системы тоже поощряют ускорение загрузки: с 9 июля Google запустил алгоритм Google Speed Update , которые понижает в выдаче сайты, которые загружаются долго. Особенно рискуют интернет-магазины, потому что обычно они функционально перегружены.

Многие владельцы сайтов и SEO-специалисты жаловались на значительную просадку позиций после обновления алгоритма. Хотя сервисы мониторинга позиции не показывают каких-либо значительных изменений. Интересно, что по анализу Барри Шварца, владельца портала Seroundtable, апдейт больше всего навредил сайтам о здоровье. Пострадали 42% официальных ресурсов медучреждений, частных сайтов о здоровье и фитнесе, ЗОЖ. Причина такого смещения результатов неизвестна. Даже если ваш сайт далек от темы здоровья, работать над скоростью все равно нужно.

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

WordPress плагины для ускорения загрузки сайта

В подборке бесплатные русифицированные плагины для сайта на WordPress, которые исправят ошибки кода, закэшируют страницы и сделают загрузку сайта ВордПресс быстрее. Вы можете установить выбранные плагины стандартным способом. Перейти в панель администрирования вашего сайта. Перейдите в раздел плагины Добавить новый. Искать плагин по названию. Нажмите Установить. После установки активировать плагин и перейти к его настройкам.

WP Fastest Cache

Плагин создает статические html-файлы с сайта на WordPress и сохраняет их, то есть кэширует страницы.

• кэширование страниц в браузере для более быстрой загрузки у пользователей, посещавших сайт ранее;
• gzip-сжатие;
• оптимизация кода;
• уменьшение размера файлов css.

Сравнение производительности с другими плагинами

Плагин совместим с HTTPS, поддерживает SSL, CDN, Cloudflare. Не работает с режимом Multisite. Совместим с версиями WordPress вплоть до свежей 4.9.8 версии от 03.08.18. Минимальное требование — версия WordPress от 3.3. Настройка этого плагина очень проста.

Плагин PageSpeed Ninja

PageSpeed Ninja — это наилучший плагин производительности для WordPress. Вы сможете сделать свои сайты загружающимися быстрее на десктопах и мобильных устройствах, в один клик исправив проблемы найденные Google PageSpeed Insights.

• Простое влючение gzip сжатия для файлов;
• Исправление блокирующих отрисовку css и javascript;
• Улучшение критического пути отрисовки и авто-генерация критического CSS;
• Минификация html, javascript и css файлов;
• Объединение и подстановка javascript и css;
• Отложенная загрузка javascript и css;
• Оптимизация порядка загрузки стилей и скриптов;
• Сжатие всех изображений для оптимизации размера;
• Отложенная (ленивая) загрузка изображений с поддержкой предпросмотра в низком разрешении;
• Получайте преимущества от кэширования в браузере и на стороне сервера.

PageSpeed Ninja предлагает действия по ускорению загрузки сайта

Плагин может быть несовместим с некоторыми сайтами, поэтому проверьте совместимость на сайте PageSpeed.Ninja ( http://pagespeed.ninja/ ). Введите свой домен, результаты появятся на экране и придут на почту. Совместим с версиями WordPress от 4.0.1 вплоть до последней на сегодня версией 4.9.8. Минимальное требование — версия от 4.0.1.

PageSpeed Module

Плагин открывает дополнительные настройки страниц для ускорения загрузки, если на сайте используется веб-сервера с открытым исходным кодом Apache или Nginx. Возможности плагина:

• очистка кэша от модулей;
• включение режим разработчика для обхода кэширования PageSpeed.

Плагин имеет страницу настроек в консоли сайта, с кнопками и элементами управления:

Панель настроек плагина PageSpeed Module

Для работы нужно, чтобы был установлен веб-сервер Apache или Nginx. Плагин совместим с версиями WordPress вплоть до свежей 4.9.8 версии от 03.08.18. Минимальное требование — версия WordPress от 4.4.

Jetpack от WordPress.com

Удобный дизайн, маркетинговые инструменты и средства безопасности — всё собрано вместе. Плагин от WordPress.com, его функциональность позволяет улучшить оформление сайта, обеспечить пользователям безопасную работу, отследить маркетинговые данные. Создайте сайт WordPress с чистого листа и настройте его по своему усмотрению. Плагин установили более 5 000 000 пользователей.

Создайте сайт WordPress с чистого листа и настройте его по своему усмотрению

• отложенная загрузка изображений для ускорения работы на мобильных устройствах;
• темы для оформления;
• поддержка статистики и аналитики;
• автоматический постинг в соцсети с планированием публикаций;
• статистика и аналитика сайта
• Elasticsearch — поиск похожего контента на сайтах;
• фильтрация спама;
• ежедневное резервирование;
• поддержка системы оплаты;
• двухфакторная аутентификация для входа на сайт;
• и другие возможности для безопасной работы на сайте и маркетинга.

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

AMP for WordPress

Плагин ускоряет загрузку страниц, преобразовывая их в AMP. Такие страницы быстро загружаются: все элементы статичны, поэтому их положения и размеры можно определить до загрузки, и макет загружается сразу без перекомпоновки. Возможности:

• преобразование страниц в вид AMP, тогда к URL каждой страницы добавится /amp/;
• отображение сайта как «Native AMP», тогда у каждого адреса будет только одна AMP-версия URL;
• обновление кэша по расписанию.

Поддерживает CDN. Совместим с версиями WordPress вплоть до свежей 4.9.8 версии от 03.08.18. Минимальное требование — версия WordPress от 4.7.

All in One SEO Pack

Плагин работает с ускорением загрузки страниц, но предназначен в целом для автоматизации работы с SEO сайта. Более 45 000 000 установок. Возможности:

• поддержка Google AMP для ускорения загрузки мобильных страниц;
• уведомление Google об изменениях на сайте;
• автоматическая оптимизация заголовков и генерация метатегов;
• поддержка Google Analytics;
• встроенный API, который позволяет дорабатывать плагины под себя;
• и другая функциональность для SEO.

Совместимость с PHP 7. Совместим с версиями WordPress вплоть до свежей 4.9.8 версии от 03.08.18. Минимальное требование — версия WordPress от 4.4.

Autoptimize

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

• оптимизация JavaScript и CSS;
• исправление кода, блокирующего отображение верха страницы.
• кэширование и объединение скриптов и стилей;
• работа с заголовками;
• перемещение скриптов в нижний колонтитул;
• упрощение HTML.

Совместим с версиями WordPress вплоть до свежей 4.9.8 версии от 03.08.18. Минимальное требование — версия WordPress от 4.0.

Yandex.News Feed by Teplitsa

Плагин упрощает интеграцию сайта с Яндекс.Новостями, включая поддержку турбо. Возможности:

• трансляция контента для Яндекс.Новостей;
• поддержка режима Турбо Страниц.
• настройка категорий, которые попадут в трансляцию;
• и другие настройки RSS-ленты для Яндекс.Новостей.

Плагин Yandex.News Feed by Teplitsa

Плагин имеет минимум необходимых настроек. Минимальное требование — версия WordPress от 3.9. Смотрите другие плагины для турбо-страниц яндекса тут.

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

И последнее. Очищайте базы данных .

При выполнении любого действия на сайте, удаление или добавление записей, новостей, комментариев, меняя настройки, устанавливая новые плагины, база данных сохраняет об этом всю информацию. Ее следует постоянно чистить. А точнее хотя бы раз в неделю. В этом поможет плагин. В WordPress, в репозитории, можно найти огромный выбор плагинов, чтоб чистить базу данных. К примеру, плагин WP-Optimize поможет провести очистку всего в один клик.

Источник

Оптимизация сайта на WordPress для Google PageSpeed

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

Проверить, насколько быстр ваш сайт, можно с помощью сервиса Google PageSpeed Insights.

Хорошая скорость загрузки — если сайт находится в зеленой зоне.

Как улучшить показатели Google PageSpeed

Ошибка » Отложите загрузку скрытых изображений» ( Defer offscreen images)

Чтобы уменьшить время до начала взаимодействия с сайтом, Google рекомендует использовать принцип lazy loading для скрытых изображений, то есть загружать их не сразу, а по мере прокрутки страницы.

Установите плагин Lazy Load Optimizer, который добавляет ленивую загрузку для изображений WordPress, а также для изображений товаров и категорий товаров WooCommerce.

Ошибка » Задайте правила эффективного использования кеша для статических объектов » ( Serve static assets with an efficient cache policy )

Часто возникает ошибка » Задайте правила эффективного использования кеша для статических объектов «.

Для исправления этой ошибки нужно вставить следующий код в файл .htaccess (находится в корневой директории WordPress, еще к нему можно получить доступ с помощью плагина Yoast SEO):

Если у вас стоит Яндекс.Метрика, или Google Analytics — то исправить данную ошибку не получится. Но ничего страшного, так как данные сервисы не тормозят работу вашего сайта.

Ошибки — » Уменьшите размер кода CSS «, » Уменьшите размер кода JavaScript», «Сократите глубину вложенности критических запросов», » Устраните ресурсы, блокирующие отображение «

Эти ошибки поможет исправить плагин Autoptimize. В настройках включаем:

• Оптимизировать код HTML
• Оптимизировать код JavaScript
• Оптимизировать код CSS

Для исправления о шибки » Устраните ресурсы, блокирующие отображение » нужно поставить галочку в пункте Встраивать все CSS:

Таким образом весь css встроится в начало страницы. Что касается js — плагин собирает все js-файлы в один файл, и загружает его в конце документа. То есть js больше не будет мешать загрузке сайта, что ускорит отображение страницы для пользователя.

Ошибка «Сократите глубину вложенности критических запросов» может возникнуть, если на сайте используются шрифты Google fonts. Перейдите на вкладку «Дополнительно» данного плагина. Там нужно установить настройку для Гугл шрифтов — Combine and preload in head (fonts load late, but are not render-blocking).

Ошибка — » Настройте предварительную загрузку ключевых запросов» (Preload key requests)

В решении этой проблемы опять поможет Autoptimize. Во вкладке «Дополнительные» нужно найти пункт Preload specific request.

Сюда нужно вставить полный урл ресурса. Если их несколько, то вставляем несколько, разделяя запятой. Урл ресурса можно скопировать, кликнув правой кнопкой мыши по ссылке на ресурс:

Ошибка — » Настройте эффективную кодировку изображений «

Чтобы оптимизировать изображения, установите плагин WP Smush. Этот плагин оптимизирует все изображения, загруженные в Медиа-библиотеку WordPress.

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

Хороший сайт, на котором можно оптимизировать картинки онлайн — https://tinypng.com/

Ошибка — » Используйте современные форматы изображений » ( Serve images in next-gen formats)

Для устранения этой ошибки подойдет плагин WebP Converter for Media . Этот плагин создаст для всех изображений на сайте их аналоги в новом формате WebP. На браузерах, которые поддерживают этот формат, картинки будут грузиться в новом формате, в остальных браузерах будет загружаться старый формат png, jpg.

Ошибка » Сократите время ответа сервера (время до получения первого байта)»

Чаще всего с ней помогает бороться плагин WP Super Cashe. После установки необходимо в настройках плагина включить кеширование и включить опцию — «Сжимать файлы кэша чтобы ускорить работу»:

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

Ошибка «Включите сжатие текста»

Добавьте в файл .htaccess:

Дополнительно

Cниппет, который добавит асинхронную загрузку для скриптов, подключенных через wp_enqueue_script():

Если нужна помощь в ускорении вашего сайта — мы оказываем услугу оптимизации сайтов на WordPress.

Вам помогла эта статья? Оцените!

Комментариев: 17

Здравствуйте. А я блин, от многого избавится не могу. Плагин Autoptimize не работает, как было куча скриптов, так и есть. Но вопрос в другом! Как мобильную версию оптимизировать? На десктопе 86% добился, а вот на мобильном 71% максимально. Может кто подскажет?

Плагин Autoptimize может не работать из-за неправильной конфигурации хостинга, или устаревшей версии PHP. Попробуйте поставить версию PHP 7.0

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

Статья обновлена, возможно сейчас результат будет лучше.

Спасибо, теперь сервис PageSpeed Insights перестал ругаться красными воцклицательными знаками. Использовал подсказку по добавлению правил в .htaccess

а как для самописного сайта ускорить загрузку?

Сделать вручную то, что делают эти плагины — минифицировать css, js и html. Все скрипты объединить в 1 файл и подключать внизу страницы, либо используя атрибут async. Сжать все изображения на сайте. Интегрировать ленивый загрузчик для изображений, например lazysizes, ссылка на него есть в начале статьи.

Когда делаю шаблон (не использую готовые, там трудно добиться высоких показателей по pagespeed), обязательно включаю кеш в htaccess с указанием всех форматов, ужимаю все картинки через FileOptimizer, обязательно ставлю плагин Minit. Шрифты стараюсь подключать со своего сервера и в CSS прописываю им font-display: swap. Также просматриваю код и если что-то не устраивает в плане нагрузки удаляю (скрипты, стили картинки). Когда начинал заниматься созданием шаблонов под WordPress большая ошибка была в том, что подключал стили и скрипты прямо в шаблоне, например в header.php, а оказалось правильно через functions.php через функции wp_enqueue_style/wp_enqueue_script, начинающим стоит взять на заметку.

у меня на сайте тестов для врачей с 30 на мобильных до 61 поднялось. Так гугл пишет, что блокируют отображение файлы autoptimize.css , которые он комбинирует.

Возможно вы не включили в настройках «Встраивать все CSS»

Спасибо за полезную статью, многое использую у себя + еще w.tools, ускорение на лицо.

Спасибо автору за статью. Поднял загрузку страницы с 15 балов на мобилках и 31 на ПК до 70 и 90+. Рекомендую!

Это далеко не всё. Главные методы — это оптимизация картинок и кеширование. Не всем помогут эти варианты с асинхронной загрузкой, а тем более объединение стилей и скриптов не навредив сайту внешне.

Добрый день! Большое Вам спасибо, добрый человек! Статья отличная! Всё выполнила по Вашим рекомендациям. Загрузка страницы с 15 баллов на мобильных и 52 на ПК выросла до 85 и 98 соответственно. Удачи Вам во всех делах и крепкого здоровья!

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

помогло
мобильная: 49 до 71
для компьютеров: 80 до 95

Источник