Как улучшить скорость сайта WordPress на мобильных телефонах

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

Если твойСкорость сайта WordPressНе быстро, тогда ваша аудитория и Google будут недовольны этим, что приведет к потере видимости и посещаемости.

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

Сначала позвольте нам узнать, насколько быстро ваш сайт.

• Подумайте с Google " "Проверьте свою скорость движения", Затем введите URL-адрес для сканирования вашего веб-сайта.
• Это запустит анализ мобильного веб-сайта, чтобы проверить HTML и CSS, JavaScript, сжимаемость, удобство использования, а также сравнить ваш веб-сайт Wordpress.Скорость страницы, Другие сайты вашей отрасли.
• После завершения сканирования вы увидите время загрузки вашей мобильной страницы, расчетную потерю посетителей и сравнение отраслей.Он также расскажет, насколько можно сократить время загрузки, применив некоторые исправления.

Как ускорить загрузку мобильного сайта

Вот шаги, чтобы улучшить время загрузки страницы WordPress на мобильных устройствах:

Выберите подходящего хоста

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

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

Точно так же серверы хостинга рядом с вами или вашей целевой аудиторией будут задерживать время загрузки.Если у вас больше посетителей из США, вы должны выбрать расположение хостинг-сервера в том же месте (США), где можно быстро обслуживать веб-страницу.

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

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

Это пример использования сети доставки контента.

Попросите хостинг-провайдера обновить последнюю версию PHP.

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

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

Используйте плагин кеширования

Для сайтов WordPress один из самых быстрых и простых способов снизить скорость загрузки страницы - это установить плагин кеширования, напримерПолный кэш WP或WP Super Cache.Оба этих плагина можно скачать бесплатно, и они очень хороши.Хотя это название является подключаемым модулем кеширования, основная функция подключаемого модуля кеширования - это кеширование браузера.

Очистить базу данных

Одна из ловушек WordPress заключается в том, что ваша база данных может быстро стать очень беспорядочной из-за сохраненных черновиков, исправлений публикаций, отключенных плагинов и т. Д.. WP-ОптимизацияЭто отличный плагин, он будет периодически удалять все ненужное, тем самым заставляя файлы портить вашу базу данных.

Сжатое изображение

Если вы используете WordPress, установите плагин WP Smush.it для автоматического сжатия изображений.Это уменьшит размер изображения без потери визуального качества.Преимущество этого плагина в том, что каждый раз, когда вы загружаете новое изображение, оно будет работать в фоновом режиме.Вы также можете запустить его ретроспективно для всех изображений, загруженных в медиатеку.

Отключить горячую ссылку изображений

Когда другие сайты "горячие"Ссылка "на ваше изображение,Он потребляет пропускную способность, тем самым снижая скорость веб-сайта.Чтобы другие сайты не использовали вашу полосу пропускания, вы можете добавить этот фрагмент кода в свой файл .htaccess.Не забудьте изменить содержимое example.com!

RewriteEngine на
RewriteCond% {HTTP_REFERER}! ^ $
RewriteCond% {HTTP_REFERER}! ^ Http (s)?: // (www \.)? Example.com [NC]
RewriteRule \. (Jpg | jpeg | png | gif) $ - [NC, F, L]

Сжимайте свой сайт с помощью gzip

Gzip - это простой метод сжатия файлов веб-сайтов для экономии трафика и ускорения загрузки страницы.Gzip сжимает файлы в zip-файлы, что ускоряет загрузку браузера пользователя.Затем браузер пользователя распаковывает файл и отображает его содержимое.Этот метод передачи контента с сервера в браузер более эффективен и экономит много времени.

Вам нужно только добавить следующий код в файл .htaccess, чтобы включить Gzip:

# сжатие текста, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text / plain
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE text / xml
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE приложения / XML
AddOutputFilterByType DEFLATE application / xhtml + xml
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / x-javascript

# Или сжимайте файлы определенных типов по расширению:

SetOutputFilter DEFLATE

Чтобы проверить, включен ли Gzip или правильно ли работает на вашем сайте, вы можете использовать Gziptest.com.

Минимизировать файлы CSS и JS

Когда вы посмотрите на причины медленной загрузки веб-страницы, скорее всего, это связано с большим количеством неуклюжих файлов Javascript или низкой эффективностью загрузки CSS.Одним из недостатков WordPress и других систем управления контентом является то, что новый файл JS или CSS добавляется почти каждый раз, когда устанавливается новый плагин.

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

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

Включить сохранение активности

HTTP keep alive относится к сообщению, отправляемому между клиентским компьютером и веб-сервером с запросом разрешения на загрузку файла.Включение Keep-Alive позволяет клиентским компьютерам загружать несколько файлов без повторного запроса разрешения, что помогает сэкономить полосу пропускания.

Чтобы включить Keep-Alive, просто скопируйте и вставьте следующий код в свой файл .htaccess.

Соединение настройки заголовка остается в живых

Уменьшить перенаправления

Хотя переадресация 301 (постоянная) предпочтительнее, чем ошибка 404 (неработающая ссылка), они все же не идеальны, поскольку замедляют время, необходимое браузеру для достижения правильной версии страницы.

Screaming Frog снова стал хорошим инструментом для обнаружения 301 редиректа.Если вы используете ПК, вы также можете использовать Xenu Link Sleuth, который является хорошим инструментом для сбора данных с веб-сайтов.

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

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

Чтобы отключить пингбэк для каждого сообщения, которое вы публикуете, перейдите в «Администратор» → «Настройки» → «Обсуждение» и отключите параметр «Разрешить уведомления о ссылках (пингбэки и цитаты) из других блогов».

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

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

AMP: AMPЭто сокращение от «Ускоренные мобильные страницы».Есть много факторов, которые могут сделать эту страницу быстрым:

• Он в основном полагается на легкий HTML.
• Он использует ленивую загрузку.
• Содержимое страницы кэшируется в Google Cloud.

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

PWA:PWAЭто аббревиатура от «Progressive Web App».Он в полной мере использует преимущества мобильной сети (возможность поиска и удобство) и объединяет их с мобильными приложениями (то есть более удобным для мобильных устройств дизайном и функциями телефона).Это также намного быстрее, чем традиционные мобильные веб-сайты.

Следует также отметить, что доступ к PWA можно получить в автономном режиме, как к мобильному приложению. Если ваш веб-сайт ориентирован на людей, которые живут в зонах с низким или нулевым покрытием, то PWA - хороший выбор.

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

Хотя есть несколько плагинов WordPress, которые могут помочь вам превратить ваш сайт в своего рода PWA, лучше всего написать этот плагин с нуля.

Теперь вы снова можете рассмотреть возможность использования Google " Страница "Проверьте свою скорость движения" И введите URL-адрес для сканирования вашего веб-сайта, каков ваш результат?

Опять же, важно регулярно посещать свой мобильный веб-сайт, чтобы убедиться, что он работает как можно быстрее.