5 надежных способов ускорить работу вашего сайта WordPress

Опубликовано: 2016-04-08

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

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

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

Итак, что можно сделать, чтобы сайты WordPress работали быстрее? Кажется, много, особенно в этих 5 областях:

1. Сервер

F2

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

Поэтому, прежде чем зарегистрироваться у хостинг-провайдера, обратите внимание на:

  • Обслуживание, резервное копирование и безопасность (по понятным причинам)
  • Масштабируемость: как разные планы влияют на количество посетителей, передачу данных, пропускную способность, пространство для хранения и т. д., и как вы будете масштабироваться, когда превысите некоторые из ограничений.
  • Отзывы клиентов и форумы поддержки (они могут многое рассказать о послужном списке компании)
Вот еще вещи, которые вы можете изучить:
Ø Сторонний видеохостинг

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

Это именно то, что написано на банке. (Только) Видеофайлы размещаются на стороннем сервере, таком как Youtube, Vimeo и т. д., на который вы можете ссылаться со своим веб-сайтом (без вызова разработчика для работы с API). Некоторые из них также поставляются с инструментами для редактирования видео, и большинство из них предлагают поддержку.

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

Ø Предотвращение горячих ссылок на изображения

Хотлинкинг изображений — недооцененное зло.

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

И вы не получите благодарственное письмо.

Твой наивный альтруизм должен смириться только с тем. В Интернете вы защищаете свой контент или подвергаетесь наказанию. Поместите этот код в ваш файл .htaccess:

RewriteEngine включен

RewriteCond %{REQUEST_FILENAME} -f

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?mywebsite\.com [NC]

RewriteCond %{REQUEST_URI} !^/images/stopstealing\.jpg$ [NC]

RewriteRule \.(jpg|jpeg|png)$ http://mywebsite.com/images/stopstealing.jpg [NC,R,L]

Также: Обратите внимание, что некоторые сети доставки контента (CDN) имеют встроенную функцию предотвращения хотлинков.

2. Кэш

Плагины кэширования, такие как W3 Total Cache, — одна из лучших вещей, которые WordPress может предложить для оптимизации скорости страницы ( всем это нравится). Альтернативой (для менее продвинутых пользователей) является WP Super Cache.

Идея состоит в том, чтобы создавать копии (кеши) страниц, объектов и баз данных; уменьшите количество скриптов и упростите интеграцию веб-сайта WordPress с сетью доставки контента (CDN).

Вы также можете нанять разработчиков WordPress, чтобы максимально оптимизировать производительность на стороне сервера с помощью решений для кэширования базы данных, таких как Redis и Memcached.

Ø Модуль истечения срока действия

Этот модуль Apache устанавливает срок службы кеша для указанных форматов файлов.

Вот упрощенный способ его использования: <ifmodule>. Это происходит (в файле .htaccess) следующим образом:

<ifmodule mod_expires.c>

<Filesmatch “\.(jpg|png|gif|js|css|mp3|pdf)$”>

ExpiresActive on

ExpiresDefault «доступ плюс 1 неделя»

</Filesmatch>

</ifmodule>

Приведенный выше фрагмент кода установит срок действия файлов кеша для каждого файла jpg/png/gif/JavaScript/CSS/mp3/и PDF через 1 неделю, после чего будет создан новый кеш. Этот модуль идеально подходит для использования на мультимедийных веб-сайтах, которые регулярно обновляют свой контент.

3. Интерфейс

Приблизительно 80% проблем с производительностью будут решены за счет 20% усилий по оптимизации скорости интерфейса. Это закон Парето веб-разработки.

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

Чтобы помочь в этом, вот несколько методов, которые вы можете использовать:

  • Изображения : Сжимайте как маньяк. Чем меньше размер вашего изображения/носителя, тем лучше. Используйте EWWW Image Optimizer или WP Smush.it для сжатия без потери качества. Затем есть фильтр ленивой загрузки для условной загрузки изображений, если область страницы, содержащая указанные изображения, в настоящее время видна в области просмотра пользователя. Используйте для этого отложенную загрузку XT.
  • Уменьшение количества HTTP-запросов означает меньшее количество обращений в оба конца, что сокращает время загрузки. Превратите изображения-шаблоны в один спрайт с помощью Sprite Pad.
  • Сократите таблицы стилей JavaScript и CSS: rtl.css, style.css и любые добавленные вами пользовательские. Старайтесь не использовать слишком много зависимостей.

4. База данных

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

Излишние ревизии постов, старые неутвержденные комментарии, дублирующиеся метаданные и т. д. — это паутина и комочки пыли. Удалите их с помощью таких инструментов, как WP Sweep, WP-DB Manager и т. д.

5. Обновления

F3

Когда вы будете следить за обсуждениями на Make.WordPress.org, чтобы быть в курсе последних новостей и событий, связанных с платформой (это хорошая привычка для всех, как для разработчиков, так и для обычных пользователей), вы заметите закономерность: основное внимание уделяется всегда на удобстве использования, производительности и безопасности… именно в таком порядке.

WordPress автоматически обновляется в случае второстепенных выпусков (в целях безопасности и исправления незначительных ошибок), если только вы не настроили этот параметр. Это бесполезно, если вы не обновитесь до последней версии.

Чтобы уменьшить беспокойство, следуйте этому полезному шаблону для обновления:

  • Сначала темы: убедитесь, что у вас есть дочерняя тема (которая сохранит любые незначительные изменения, которые вы могли внести во внешний вид). Обновление будет применяться к родительской теме, и таким образом вы значительно уменьшите вероятность того, что что-то испортится без возможности восстановления.
  • Плагины рядом: решайте их один за другим. Я знаю, что это утомительно, но вы будете более подготовлены и проинформированы, когда одно обновление вызовет проблемы совместимости. Примечание: по этой же причине «меньше значит больше», когда речь идет о плагинах .
  • Протокол WSOD: не бегайте, как безголовый цыпленок, если вы столкнетесь лицом к лицу с белым экраном смерти. В Интернете есть много помощи.

Сноска

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

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

Биография автора: Люси Баррет — старший разработчик WordPress в крупной компании по разработке WordPress, HireWPGeeks Ltd. Она руководит командой разработчиков, которые являются экспертами в преобразовании HTML в тему WordPress. Она также является блоггером и любит делиться своими знаниями с большим сообществом WordPress.