Как ускорить мобильную версию сайта wordpress

10 cпособов ускорить сайт на WordPress

Мы перевели статью о том, как оптимизировать WordPress и как ускорить работу сайта на WordPress.

Во время экспериментов авторы статьи использовали инструмент Google PageSpeed Insights, чтобы измерить скорость сайта по шкале от 1 до 100.

После применения лайфхаков сайт на WordpRess получил 100 из 100 баллов по шкале скорости Google PageSpeed.

Оптимизация сайта на WordPress — это не так сложно. Рассказываем о 10 способах, как ускорить сайт на WordPress.

10 способов оптимизировать сайт на WordPress

Из статьи вы узнаете:

Выбрать лучшего провайдера веб-хостинга
Установить плагин кэширования и использовать кэширование в браузере
Минимизировать использование CSS и JavaScript
Оптимизировать картинки
- Топ-плагины WordPress для оптимизации картинок
- Как оптимизировать сайт на WordPress и базы данных
- Снизить количество версий постов
- Отключить трекбеки и пингбеки
Выбрать лучшего провайдера веб-хостинга

Если время ответа сервера превышает 200 миллисекунд, тест Google PageSpeed покажет предупреждение.

Чтобы проверить скорость сайта, используйте тест Google PageSpeed.

Установить плагин кэширования и использовать кэширование в браузере

После того, как вы уменьшили время ответа сервера, можете приступать к кэшированию. Google рекомендует кэшировать статический контент сайтов WordPress. Кэширование может ускорить сайт на WordPress в 3-7 раз.

В тройке лидеров среди плагинов кэширования WordPress:

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

До установки плагина кэширования график скорости сайта Google PageSpeed показывал 64/100.

После установки плагина W3 Total Cache мы снова протестировали сайт и получили 83/100 на графике Google PageSpeed. Налицо оптимизация скорости загрузки сайта.

Тестируйте VPS-сервер первые 30 дней за $1
- Память: 4096 МБ
- Диск: 50 ГБ SSD
- Трафик: Безлимит
- CPU: 2 ядра
Минимизировать использование CSS и JavaScript

Cкорость загрузки сайта WordPress также зависит от оптимизации кода. Поэтому удаляйте пробелы, новые строки, комментарии и разметку блоков в HTML, JavaScript и CSS файлах.

Благодаря комментариям и разметке людям легче читать файлы, но это перегружает браузеры и компьютеры. Когда вы удаляете ненужные знаки и код, это облегчает и ускоряет сайт.

Вот, что показывает страница Google PageSpeed по использованию JavaScript и CSS:

Топ-плагины WordPress для удаления ненужного CSS и JavaScript

Оптимизировать картинки

Бесплатные онлайн-инструменты для оптимизации картинок

Топ-плагины WordPress для оптимизации картинок
- WP Smush
- Imagify Image Optimizer
- Optimus – WordPress Image Optimizer
- ShortPixel Image Optimizer
- EWWW Image Optimizer
До установки плагина оптимизации картинок сайт работал со скоростью 84/100 баллов по шкале Google PageSpeed.

После установки плагина оптимизации скорость стала 92/100.

Если после установки плагина вы все равно видите предупреждение от Google об оптимизации картинок — не переживайте. Инструмент Google PageSpeed предоставляет оптимизированную версию этих картинок. Вы можете загрузить их, а потом обновить в библиотеке медиа в WordPress или через File Manager.

Также убедитесь, что вы почистили кэш веб-сервера.

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

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

Чтобы избежать этого, включите умное сжатие Gzip. Так вы уменьшите размер ответов, которые передаются от сервера к браузерам.

Благодаря сжатию Gzip общий размер страницы может снизиться на 50-70%, что снизит время загрузки. Если у вас не включено сжатие Gzip, инструмент Google PageSpeed предупредит об этом.

Вы можете включить сжатие Gzip с помощью плагина W3 Total Cache, через файл .htaccess или используя один из плагинов сжатия:
- Advanced Speed Increaser
- Check and Enable GZIP compression
Проверить, активировано ли на Gzip-сжатие, можно на сайте Check Gzip Compression.

Очищать корзину и оптимизировать базу данных WordPress

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

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

Как оптимизировать сайт на WordPress и базы данных
- WP-Optimize
- WP-Sweep
- Advanced Database Cleaner
- Optimize Database after Deleting Revisions
Эти плагины убирают весь ненужный мусор из базы данных WordPress и посылают запросы оптимизации к базе данных MySQL, не заходя в PHPMyAdmin.

Использовать сеть доставки контента

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

Чтобы настроить CDN на WordPress, понадобится 5 минут и плагин типа W3 Total Cache.

Снизить количество версий постов и отключить трекбеки и пингбеки

Снизить количество версий постов

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

По умолчанию, WordPress сохраняет неограниченное количество версий постов. Вы можете ограничить это число до, например, 4-5 версий.

Чтобы это сделать, добавьте строчку кода в файл wp-config.php:

define( ‘WP_POST_REVISIONS’, 5 );

Если хотите полностью отключить систему хранения версий, добавьте строчку кода в файл wp-config.php:

define( ‘WP_POST_REVISIONS’, false );

Отключить трекбеки и пингбеки

Каждый раз, когда другой веб-ресурс ссылается на ваш сайт, вы получаете уведомление. Это обновляет базу данных и перегружает ресурсы сервера.

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

Разбивать комментарии на страницы

Когда у вас много комментариев, это хорошо для популярности, но плохо для скорости сайта. Когда загружается много комментариев, скорость сайта падает.

Чтобы этого не происходило, у WordPress есть функция Разбивать комментарии.

Зайдите в Настройки обсуждения и активируйте пункт Разбивать комментарии верхнего уровня на страницы:

Не загружать видео напрямую в WordPress

Загружать видео напрямую в админку WordPress — плохо. Это истощает трафик сайта и увеличивает размер резервных копий.

Загружайте видео в популярные видео-провайдеры и используйте ссылку в WordPress. Используйте такие видео-провайдеры:

Чтобы вставить видео YouTube в WordPress, скопируйте ссылку, вставьте ее в пост и нажмите на кнопку Обновить. Видео автоматически вставится в пост.

Установите SSL-сертификат и защитите свой сайт!

Шпаргалка: 10 способов, как ускорить загрузку сайта на WordPress
- Выбрать лучшего провайдера веб-хостинга
- Установить плагин кэширования и использовать кэширование в браузере
- Минимизировать использование CSS и JavaScript
- Оптимизировать картинки
- Включить сжатие Gzip
- Очищать корзину и оптимизировать базу данных WordPress
- Использовать сеть доставки контента
- Снизить количество версий постов и отключить трекбеки и пингбеки
- Разбивать комментарии на страницы
- Не загружать видео напрямую в WordPress
13 плагинов WordPress для ускорения загрузки сайта: как ускорить сайт на WP

Обновленная подборка с бесплатными русифицированными плагинами для сайта на WordPress, которые исправят ошибки кода, закэшируют страницы и сделают загрузку быстрее.
1. Поисковики любят быструю загрузку
2. От чего зависит скорость загрузки сайта
3. Плагины для ускорения загрузки сайта на WordPress
Первое, что влияет на впечатление пользователя от сайта — скорость его загрузки. Если сайт не загрузился в первые три секунды, скорее всего пользователь его закроет. Даже если на сайте выстроена идеальная воронка продаж, продумано юзабилити, продается что-то выгодное и полезное, клиент этого не увидит,потому что не дождется загрузки.

Поисковики любят быструю загрузку

Поисковые системы тоже поощряют ускорение загрузки. В Яндексе говорят о том, что более 40% выходят в сеть с 3G-интернетом, так что тяжелые страницы будут загружаться очень медленно. Проблема долгого ответа сервера считается критичной: если среднее время ответа всех страниц дольше трех секунд, вы увидите предупреждение в Яндекс.Вебмастере

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

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

Но сайты, которые действительно долго загружались, просели в выдаче. Интересно, что по анализу Барри Шварца, владельца портала Seroundtable, апдейт больше всего навредил сайтам о здоровье:

Пострадали 42% официальных ресурсов медучреждений, частных сайтов о здоровье и фитнесе, ЗОЖ. Причина такого смещения результатов неизвестна, точнее, нет официального ответа, зато есть версии, о которых мы рассказывали в статье «Как продвигать сайты в медицинской тематике».

Даже если ваш сайт далек от темы здоровья, работать над скоростью все равно нужно.

От чего зависит скорость загрузки сайта

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

Серверные параметры, хостинг

Время ответа сервера — это время, за которое сеть и сервер вернул первый запрошенный байт HTML-файла. Чем больше это время, тем дольше у пользователя белый экран загрузки вместо сайта. Плохо, если время ответа сервера дольше трех секунд, Яндекс.Вебмастер покажет уведомление о критичной ошибке.

Скорость ответа сервера, верстка, оптимизация CSS и JS влияет на время загрузки основной части сайта.

Часто проблема может быть в том, что не хватает ресурсов хостинга — CPU и скорости дисковой системы. Обычно советуют найти SSD хостинг и использовать сети CDN, чтобы сократить время доставки контента — система выберет ближайший к пользователю сервер.

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

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

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

Почитать по теме:
«Как ускорить загрузку: оптимизируем код верхней части страницы»: асинхронная загрузка, jQuery, минификация и объединение кода, кэширование и другие способы.

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

Для этого в корневой директории нужно найти файл wp-config.php, в котором найти строку
```
define ('WPLANG', 'ru_RU');
```
И заменить ее на такой код:
```
if (strpos($_SERVER['REQUEST_URI'], 'wp-admin')) define ('WPLANG', 'ru_RU'); else define ('WPLANG', 'ru_RU_lite');
```
Вес страницы сайта

От веса HTML-страниц тоже зависит скорость загрузки — тяжелые страницы со сложной функциональностью и тяжелыми медиафайлами будут загружаться долго. Чтобы страница стала легче, можно настроить HTML-элементы с помощью CSS, использовать сжатие медиафайлов, настроить кэширование, минифицировать код страницы.

Об этом в подробностях в статье «Как уменьшить вес сайта и ускорить загрузку страниц»: gzip, brotli, минификация и другие способы.

Редиректы

Редиректы замедляют скорость — сервер устанавливает соединение с одной страницей, получает ответ о перенаправлении и переходит на другую. Если на сайте много 301 редиректов, проверьте по источникам трафика, может, в некоторых случаях стоит заменить ссылку с редиректом на конечную страницу.

Редиректы с HTTP на HTTPS тоже могут тормозить процесс, в этом случае поможет технология HSTS (HTTP Strict Transport Security) — тогда браузер автоматически сделает внутренние редиректы, сразу сделает запрос на HTTPS и перенаправит пользователей на безопасное соединение. Для этого нужно подключить функцию HSTS в личном кабинете хостинга или прописать заголовок HTTP Strict Transport Security. Но советуем сначала протестировать функцию, чтобы убедиться, что все страницы доступны.

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

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

Почитать по теме:
Что выбрать: SaaS, IaaS или PaaS? Сравнение облачных моделей ПО

Optimize Database

WordPress создает резервные копии записей при сохранении и редактировании, они все хранятся в базе данных. Чтобы улучшить скорость работы, можно оптимизировать БД — провести ревизию с помощью плагина.
- удаление резервных копий постов с возможностью выставить допустимое количество копий для хранения;
- удаляет спам-комментарии, неиспользуемые теги, пингбэки, трекбэки;
- оптимизирует таблицы базы данных;
- создает журнал оптимизаций, есть настройка для автоматической оптимизации.
Совместим вплоть до 5.2.3 версии WordPress, нужна версия PHP 5.0 или выше.

WP-Optimize

Плагин для очистки базы данных, сжатия изображений и кэширования.
- удаление резервных копий, спам-комментариев, пингбэков, трекбэков;
- массовое сжатие изображений в формате PNG, JPG, GIF, BMP и TIF;
- кэширование: специфический кэш для устройств, предварительная загрузка кэша, расширенные правила исключения для файлов;
- gzip-сжатие HTML, JavaScript и CSS;
- настройка автоматических очисток по расписанию.
Работает бесплатно, есть премиум-версия с дополнительными возможностями. Совместим с версиями WordPress от 3.8.

WP Fastest Cache

Плагин создает статические html-файлы с сайта на WordPress и сохраняет их, то есть кэширует страницы.
- кэширование страниц в браузере для более быстрой загрузки у пользователей, посещавших сайт ранее;
- gzip-сжатие;
- оптимизация кода;
- уменьшение размера файлов css.
Плагин совместим с HTTPS, поддерживает SSL, CDN, Cloudflare. Не работает с режимом Multisite. Совместим с версиями WordPress от 3.3

PageSpeed Ninja

Плагин улучшает производительность сайта на WordPress, работает с десктопным и мобильным отображением.
- кэширование страниц в браузере и на сервере;
- gzip-сжатие файлов;
- оптимизация порядка, котором будут загружаться стили и скрипты;
- сжатие изображений;
- предпросмотр изображений в низком разрешении;
- и другие действия для ускорения загрузки и облегчения веса страницы.
Плагин может быть несовместим с некоторыми сайтами, поэтому проверьте совместимость на сайте PageSpeed.Ninja. Введите свой домен, результаты появятся на экране и придут на почту.

Совместим с версиями WordPress от 4.0.1 и выше.

PageSpeed Module

Плагин открывает дополнительные настройки страниц для ускорения загрузки, если на сайте используется веб-сервера с открытым исходным кодом Apache или Nginx.
- очистка кэша от модулей;
- включение режим разработчика для обхода кэширования PageSpeed.
Для работы нужно, чтобы был установлен веб-сервер Apache или Nginx. Плагин совместим с версиями WordPress от 4.4.

Jetpack

Плагин от WordPress.com, он должен работать, чтобы улучшить оформление сайта, обеспечить пользователям безопасную работу, отследить маркетинговые данные. Некоторые оптимизаторы писали, что не видят эффекта, но лучше протестировать самостоятельно.
- отложенная загрузка изображений для ускорения работы на мобильных устройствах;
- темы для оформления;
- поддержка статистики и аналитики;
- автоматический постинг в соцсети с планированием публикаций;
- статистика и аналитика сайта
- Elasticsearch — поиск похожего контента на сайтах;
- фильтрация спама;
- ежедневное резервирование;
- поддержка системы оплаты;
- двухфакторная аутентификация для входа на сайт;
- и другие возможности для безопасной работы на сайте и маркетинга.
Некоторые возможности платные, цена зависит от количества подключенных дополнений. Есть бесплатный минимальный тариф.

Совместим с версиями WordPress от 5.1, версия PHP от 5.6.

All in One SEO Pack

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

WP Total cache

Плагин справляется с кэшированием HTML-страниц, объединением стилей и скриптов, браузерным кэшированием.
- тестирование настроек сервера, чтобы подобрать настройки плагина для комфортной работы;
- импорт настроек, если работаете с несколькими проектами;
- кэширование страниц и объектов;
- сжатие CSS и JavaScript;
- отслеживание работы плагина.
Нужна версия WordPress 3.2 или выше.

WP Super Cache

Плагин для кэширования HTML-страниц. Не оптимизирует JS/CSS, но с этим справляется следующий плагин из подборки.
- простое включение и отключение кэширования;
- настройка сроков и страниц для кэширования;
- настройка кэширования для мобильной версии;
- поддержка CDN;
- сбор статистики по страницам.
Совместим с версиями WordPress от 3.1, минимальное требование — версия PHP 5.2.4 или выше.

Autoptimize

Плагин работает с кодом, скриптами и стилями страницы, ускоряя загрузку. Хорошо справляется в тандеме с предыдущим плагином.
- оптимизация JavaScript и CSS;
- исправление кода, блокирующего отображение верха страницы.
- кэширование и объединение скриптов и стилей;
- работа с заголовками;
- перемещение скриптов в нижний колонтитул;
- упрощение HTML.
Совместим с версиями WordPress от 4.0 и выше, версиями PHP от 5.3 и выше.

AMP for WordPress

Плагин ускоряет загрузку страниц, преобразовывая их в AMP. Такие страницы быстро загружаются: все элементы статичны, поэтому их положения и размеры можно определить до загрузки, и макет загружается сразу без перекомпоновки.
- преобразование страниц в вид AMP, тогда к URL каждой страницы добавится /amp/;
- отображение сайта как «Native AMP», тогда у каждого адреса будет только одна AMP-версия URL;
- обновление кэша по расписанию.
Поддерживает CDN. Совместим с версиями WordPress от 4.9, PHP от 5.4.

Yandex.News Feed by Teplitsa

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

Smush Image Compression and Optimization

Плагин уменьшает и сжимает изображения для быстрой загрузки страницы.
- сжатие изображений при загрузке на сайт;
- сжатие уже загруженных из любого каталога;
- установка границ — максимальной высоты и ширины, большие изображения будут сжиматься и подстраиваться под размер;
- настройка отложенной загрузки;
- массовая работа с изображениями.
Совместим с версиями WordPress от 4.6, PHP от 5.3 и выше.

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

Лучшие плагины для оптимизации WordPress-сайта под мобильные устройства

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

Обновлено: 2023-10-17 14:10:06 Вадим Дворников автор материала

The Mobile Theme Module by Jetpack

WordPress Mobile Pack

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

Веб-приложение являются гораздо более удобным для пользователя, включают в себя автономную синхронизацию и работают на всех платформах, включая iOS, Windows Phone, BlackBerry OS и Android.

Плагин WordPress Mobile Pack также позволяет выборочно синхронизировать записи, страницы и комментарии. Платная версия предоставляет продвинутые функции настройки и создания тем, интеграции с Google Analytics, Google AdSense и DoubleClick.

WPtouch Mobile Plugin

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

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

Также можно приобрести дополнительные расширения. Их стоимость варьируются от 10 до 20 долларов.

Стоимость базовой версии WPtouch Pro начинается от 88 долларов в год за лицензию для одного сайта. Она включает в себя такие расширения, как Basic Ads, Related Posts, а также режим Web-App.

Any Mobile Theme Switcher

Плагин Any Mobile Theme Switcher распознает смартфоны и планшеты, работающие на базе Android, Windows Mobile и BlackBerry OS. Вы можете выбрать для них различные мобильные темы оформления.

Премиум-версия плагина (стоимость которой составляет $10) позволяет отображать различные домашние страницы в зависимости от типа мобильного устройства. Он также отображает QR-код на десктопной версии сайта для мобильных закладок и совместим с плагином W3 Total Cache.

Obox Mobile – WordPress Mobile Plugin

Плагин Obox Mobile WordPress предлагает расширенные возможности настройки мобильной темы:
- Визуальный настройщик.
- Главная страница с виджетами, которая позволяет более эффективно размещать контент.
- Всплывающая левая боковая панель, которая формирует у посетителей ощущение использования веб-приложения.
Этот премиум плагин стоит $40, включая пожизненные обновления и 6 месяцев эксклюзивной поддержки от команды разработчиков Obox.

WP Mobile Detector

Плагин определяет более 5000 устройств и позволяет обслуживать «специфический» контент.

Бесплатная версия WP Mobile Detector поставляется с 11 темами оформления для мобильных устройств, предназначенными для блогов, сайтов компаний и интернет-магазинов.

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

Несколько дополнительных советов

Цель этой статьи заключается в том, чтобы показать, как оптимизировать мобильный WordPress-сайт. Мы предоставили вам список полезных плагинов. Теперь рассмотрим еще несколько аспектов реализации.

Адаптивные изображения

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

Начиная с версии WordPress 4.4, CMS поставляется со встроенной поддержкой адаптивных изображений. Если вы используете старую тему, убедитесь, что разработчик обновил ее. Проверьте, работает ли адаптивное отображение изображений. Если нет, то лучше поменять тему оформления на более современную.

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

WordPress автоматически создает оптимизированные версии изображений в разных размерах. Вы можете оптимизировать новые и существующие изображения, используя плагин EWWW Image Optimizer. Он поддерживает пакетное сжатие изображений в форматах JPG или PNG.

WP Smush — еще один плагин для оптимизации изображений. Бесплатная версия ограничивает максимальный размер входного файла 1 МБ.

Отложенная загрузка изображений

Но для загрузки оптимизированных изображений все еще требуется время. Чтобы минимизировать передачу данных и сократить время загрузки сайта, можно использовать плагин BJ Lazy Load.

Простой JavaScript-код откладывает загрузку изображений до тех пор, пока область просмотра не станет активной. Если в браузере отключена поддержка JavaScript, плагин перестает работать, «не ломая» сайт. Изображения будут загружаться в обычном режиме. Другими словами, изображения загружаются только тогда, когда вы прокручиваете страницу вниз и находитесь в области просмотра.

Протестируйте свой мобильный сайт

Google предоставляет удобный тестер сайтов для мобильных устройств. После проверки сервис выдает персональные рекомендации по оптимизации сайта.

Заключение

Все эксперты говорят о том, что количество мобильных пользователей будет увеличиваться. Google уже начал использовать принцип mobile first в качестве фактора ранжирования. Поэтому пришло время и вам оптимизировать свой сайт под мобильную аудиторию!

Вадим Дворников автор-переводчик статьи « Best Plugins for WordPress Mobile Site Optimization »

Как ускорить низкую скорость загрузки мобильной версии сайта на wordpress?

Здравствуйте знатоки!
Проверяю скорость загрузки своего сайта-блога (wordpress) на сервисе PageSpeed Insights для мобильной версии. Результат неутешительный красная зона. У меня активирован плагин кэширования страниц. Но не помогает.

Хотя, проверила несколько посещаемых очень активных сайта (типа exler) Скорость загрузки для моб. тоже не ахти. Тем не менее, экслер прекрасно индексируется и там полно завсегдатаев. Я тоже хочу активности.

Но полагаю, сейчас поисковики учитывают (строго относятся) к скорости загрузки для моб устройств новых сайтов.
Кто может помочь за умеренную плату?
- Вопрос задан более трёх лет назад
- 2442 просмотра
4 комментария

Простой 4 комментария

Вова Дружаев @OtshelnikFm Куратор тега WordPress
Исполнителей ищут здесь https://freelance.habr.com/?utm_source=habr_qna&ut.

Полина Игнатова @ZeroZen Автор вопроса

Владимир Дружаев, Благодарю!
Но там какие-то невероятные цены. Как будто люди из Силиконовой долины там работают. )))

А как бы уже закрыть этот вопрос? Кто подскажет.

Вова Дружаев @OtshelnikFm Куратор тега WordPress
Специалисты за доширак не работают. Они в кайф отвечают на вопросы здесь))

Полина Игнатова @ZeroZen Автор вопроса

Владимир Дружаев, не стану жаловаться. но однако, я тоже спец в своей области, но такие деньжищи, мне не платят почему-то. ))) В проститутки что ли пойти хи-хи-хи

Решения вопроса 1

WP Panda @wppanda5 Куратор тега WordPress
WordPress Mедведь
Обратитесь на фриланс
Ответ написан более трёх лет назад
Нравится 1 11 комментариев

Полина Игнатова @ZeroZen Автор вопроса
Благодарю! Вы профессионал!

WP Panda @wppanda5 Куратор тега WordPress

Полина Игнатова, сарказм это круто, но
1 там целый комплекс мероприятий и описывать его бесполезно, вы не сможете
2 к сожалению тут не биржа фриланса, задания за деньги только там

Полина Игнатова @ZeroZen Автор вопроса

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

Полина Игнатова, Зачем вы приводите ссылку на сайт, который не имеет отношения к вопросу? 90% могут ввестись просто в заблуждение.
На вашем же сайте отключение прелоадера(надеюсь понимаете чьто это), вероятнее всего, улучшит ситуацию.
Скорость загрузки, безусловно, важна, но достаточно чтобы была в разумных пределах, но ключевые факторы любви гугла — это поведенческие факторы.

Полина Игнатова @ZeroZen Автор вопроса

like-a-boss, я блондинка. простите. плохо паркуюсь, ещё хуже примеры могу приводить. Примите меня такой, какая я есть.
Прелоадер я знаю — это розовые штучки которые крутятся перед загрузкой.

Полина Игнатова @ZeroZen Автор вопроса
like-a-boss, Исправила. чтобы не вводить вас в заблуждение. Простите!

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

WP Panda @wppanda5 Куратор тега WordPress
Полина Игнатова, нет, на кворке меня нет а цены у меня сильно выше средних

Полина Игнатова @ZeroZen Автор вопроса

WP Panda, понятно! И про цены. Вот почему, как профи, так цены запредельные. А я безработная не журналистка без профильного образования. Не отношу себя ни к одной из социальных групп. И, если честно, не понимаю кто я такая. Частенько общаюсь с прохожими и туристами, гуляющими по Арбату. Записываю на диктофон их ответы на мои каверзные вопросы.
Возможно, ближе к старости я поумнею и сама стану профи. Если инопланетяне нас не уничтожат )))

WP Panda @wppanda5 Куратор тега WordPress

Полина Игнатова, Председатель профкома:
— Марья Ивановна! Как же так? Вы ведь у нас передовик производства, неоднократно становились ударником Коммунистического труда, депутатом всех созывов, наставницей. Как же вы смогли стать валютной проституткой?!
Марья Ивановна:
— Ну что я могу сказать? Повезло

Полина Игнатова @ZeroZen Автор вопроса
WP Panda, Прикольно! Чую не школьник пишет. Дали мне повод для задуматься )))
Ответы на вопрос 3

mahmudchon @mahmudchon
Чуть ниже описаны все причины снижения оценки, а также советы по их решению.
Ответ написан более трёх лет назад
Нравится 1 1 комментарий

Полина Игнатова @ZeroZen Автор вопроса
Где чуть ниже ответы?
К слову, я не программист. И смысла отсылать к ответам не вижу. Благодарю.

Орхан Гасанлы @azerphoenix
Java Software Engineer

Кто может помочь за умеренную плату?

С этим Вам на фриланс биржу.

Ответ написан более трёх лет назад
Нравится 1 31 комментарий

Полина Игнатова @ZeroZen Автор вопроса

Я уже попробовала на кворке нашла. На аферистов нарвалась. Чтобы найти причину медленной загрузки требуют полторы штуки за анализ проблемы. Но ничего не гарантируют кроме условного возврата денег. Кошмар!

Орхан Гасанлы @azerphoenix

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

Полина Игнатова @ZeroZen Автор вопроса
Урл сайта https://zerozen.ru/ Но, доступ в админку я вам пока не дам.

Орхан Гасанлы @azerphoenix
Полина Игнатова, доступ в вдминку мне не нужен. Вечерком гляну на сайт и отпишусь

Полина Игнатова @ZeroZen Автор вопроса
Благодарю Я в ожидании )))

Орхан Гасанлы @azerphoenix

Полина Игнатова, итак, я протестировал ваш сайт на разных сайтах.

Разумеется, что проблемы разного характера:
1) фактический размер картины и отображаемый размер картины.
У вас на главной миниатюры постов выводятся в размере 583х400 пикс, в то время, как их фактический размер 768х540.
Рекомендация — через add_image_size() создать нужный размер картинки и вывести их на главной.
https://wp-kama.ru/function/add_image_size
Та же ситуация с картинкой левого бокового сайдбара (или меню). Фактический размер — 900х1600. Выводимый размер — 397х506.

2) Оптимизация изображений. Изображения должны быть оптимизированы. Тут выбор довольно большой. Надо оптимизировать и проверять ругается ли гугл. Если финансы позволяют установите https://ru.wordpress.org/plugins/tiny-compress-images/
и подключите платную услугу https://tinypng.com/
Если есть проблемы с финансами, то используйте консольные инструменты оптимизации картинок. Смотрите в сторону jpegoptim, pngtran и другие.

3) Кэширование статики. (js, css, images) Могу предположить, что у вас nginx или apache+nginx. Из-за чего у вас статика обрабатывается nginx и не настроено их кеширование.

4) Задайте корректные стили для шрифтов. Смотрите в сторону font-display. Должно помочь.

5) Классика жанра — счетчики статистики. Либо удалите счетчик, либо подключите его файлы локально с настройкой cron задачи для периодического обновления скрипта. В данном случае яндекс метрика —

Читаем тут мой ответ — Как ускорить загрузку сайта? (пункт 3)

6) Перенос сайта на более близкий к вам хостинг, увеличение конфигурации хостинга, корректная настройка хостинга, обновлении версии рнр и т.д. также помогут делу.

7) Как показал мой опыт неплохой результат дают плагины в комплексе — fastest cache + fastest cache premium + autoptimize Как ускорить загрузку сайта? (пункт 1)

8) Подумайте над интеграцией вашего проекта с CDN. Например, cloudflare.com или maxcdn

За профессиональной помощью можете обратиться в веб-студию, которая также занимается оптимизацией.
https://spartan.by/pagespeed

Это все, чем я могу вам помочь.

Полина Игнатова @ZeroZen Автор вопроса

azerphoenix, Вы профи! У меня слов не хватает чтобы выразить вам признательность. Многое я поняла. С остальным (интеграцией вашего проекта с CDN) буду разбираться.
А вот это совсем непонятно — Перенос сайта на более близкий к вам хостинг. Это прям не понимаю. Рег.ру вроде самый близкий хостинг.
По поводу оптимизации изображений. Я установила оптимизатор, который уменьшает размер на примерно 30%.
И вообще, я уже писала в первом моём обращении, что полно успешных сайтов, которые показывают скорость даже меньше моей. Но, тем не менее на этих сайтах «кипит жизнь» А я дошла до того, что комментарии купила. Ужас!
В общем. Огромное вам спасибо за проделанную работу. Единственное что я могу добавить, сайт у меня не коммерческий, как вы заметили и тратить деньги на переезд, на интеграцию с CDN мягко говоря, для меня — экономически нецелесообразно.

Орхан Гасанлы @azerphoenix

(интеграцией вашего проекта с CDN)

подразумевается, что вы замените dns вашего домена и прикрепите на указанные в cloudflare. Соответственно, вся статика сайта будет отдаваться из cdn

Перенос сайта на более близкий к вам хостинг.

Если сайт в РФ и ваш трафик в РФ, то есть смысл держать хостинг в РФ. Если сайт зарубежный и трафик зарубежный, то смысл есть в американском или европейском хостинге.

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

Все верно, не нужно стремится к 100 из 100. Это вам ничего не даст. Людям важна не только скорость, но и качество контента. Люди не считают секунды или миллисекунды, как это делает гугл))) Но с другой стороны — «быстрый сайт — быстрая индексация гуглом и преимущества выдачи в результатах поиска.»

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

вам достаточно будет бесплатного CDN от cloudflare

По поводу оптимизации изображений. Я установила оптимизатор, который уменьшает размер на примерно 30%.

Пока вы не настроите кеширование статики на nginx, не устраните проблему с фактическими и выводимыми размерами изображений гугл будет жаловаться на размер картинок, даже если вы оптимизируете их через плагин. Иногда, как показывает практика бесплатного пакета плагина недостаточно, чтобы устранить уведомление от гугла. Я обычно использую консольные утилиты — jpegoptim и др.
Похожие публикации: