»  Оптимизация  »  Ускорение и Оптимизация WordPress

Ускорение и Оптимизация WordPress

Последнее обновление:

Руководство по ускорению и оптимизации ВордпрессС 2000 по 2016 год компания Loadstorm проводила разные исследования, результаты которых были сведены в этот инфографик. Каждая дополнительная секунда, которая тратится на загрузку страницы:

  • Приводит к 7% потере в конверсии,
  • На сайте будет просмотрено на 11% страниц меньше,
  • Посетитель сайта будет удовлетворен на 16% меньше.

25% посетителей покинут сайт, если он будет загружаться более 4 секунд.
74% мобильных посетителей закроют страницу, если она будет загружаться более 5 секунд.
46% посетителей не вернутся на медленный сайт.

Почему важна скорость загрузки сайта

Быстро загружающиеся страницы улучшают поведенческие характеристики, увеличивают количество просмотренных страниц и помогают с SEO.

В этой статье вы узнаете все основные способы ускорения и оптимизации Вордпресс.

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

Содержание:

  1. Технология, на которой работает сайт
  2. CMS. Система управления контентом
  3. Темы и плагины
  4. Сервер и хостинг
  1. Обновляйте PHP и MySQL
  2. Обновляйте WordPress
  3. Уменьшите количество запросов к базе данных
  4. Удалите ненужные и тормозящие плагины
  5. Оптимизируйте базу данных
  6. Оптимизируйте картинки
  7. Удалите все ненужные блестяшки
  8. Используйте CDN
  9. Включите кеширование
  10. Включите GZIP компрессию
  11. Перенесите скрипты в футер
  12. Минифицируйте и объедините файлы
  13. Оптимизация технического SEO
  14. Отключите hotlink ссылки с вашего сайта
  15. Ограничьте количество ревизий постов
  16. Следите за сайтом

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

Пройдите по этому гайду, возможно, это ускорит ваш сайт на 0,5 секунды в России и на 1 — 2 секунды из более медленных районов, где может находиться ваша аудитория. Это приведет к увеличению эффективности сайта.

Ускорение работы сайта также ведет к повышению в поисковой выдаче, то есть выше скорость — выше позиция в поисковой выдаче.

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

I. Почему сайт загружается медленно

3 причины, по которым сайт работает медленно:

  1. Сайт находится на дешевом (медленном) хостинге,
  2. Cайт работает медленно из-за плохого кода,
  3. Большие картинки на сайте.

1. Технология, на которой работает сайт

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

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

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

2. CMS. Система управления контентом

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

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

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

Большинство CMS имеют инструменты для оптимизации этих запросов, поэтому CMS успешно конкурируют со статичными html-сайтами.

3. Темы и плагины

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

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

У Вордпресса есть большое количество разных плагинов для добавления новых функций. Используйте те, которые регулярно обновляются, имеют положительные отзывы и имеют 1.000 или лучше 10.000 установок. В идеале, плагинов на сайте должно быть как можно меньше. Например, у поисковых систем один из факторов ранжирования сайтов — отношение количества кода к контенту. Хорошее соотношение что-то около 30/70.

4. Сервер и хостинг

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

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

Хостинг — это набор настроек этого сервера. Процессорное время, автоматический бэкап, и так далее.

Для простоты — наиболее значимый параметр хостинга — тип хостинга: виртуальный хостинг, VPS хостинг или выделенный сервер.

  • На виртуальном хостинге может быть от нескольких до нескольких десятков сайтов, это значит, что все они используют тот же диск, что и ваш сайт, ту же оперативную память, тот же процессор, тот же канал интернета. При этом ресурсы распределены неравномерно, то есть, если какой-то сайт начал тормозить и стал использовать 80% ресурсов сервера, то всем остальным сайтам останется только 20% ресурсов сервера.
  • VPS (Virtual Private Server), Виртуальный частный сервер тоже является виртуальным хостингом, но в нем ресурсы сервера распределены равномерно среди сайтов на этом сервере. Если на таком хостинге находятся 5 сайтов, каждый из них получит по 20% ресурсов сервера. Если один из этих сайтов начал тормозить, и ему требуется больше 20% ресурсов, то он их не получит, потому что ресурсы жестко распределены между сайтами.
  • На выделенном сервере один сайт (или один аккаунт) является единственным потребителем всех ресурсов сервера.

Какой хостинг выбрать?

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

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

Осталось 2 варианта:

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

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

Еще одна опция — хостинг WordPress. Это сообщество любителей Вордпресс со своей атмосферой. Есть бесплатный тариф, на котором вы можете получить субдомен типа my-domain.wordpress.com, на нем вы можете установить только бесплатные темы из предложенных и прочие ограничения. Следующие тарифы стоят 4$ в месяц, потом 8$ в месяц и так далее, опции постоянно увеличиваются. На этом хостинге сервера настроены под Вордпресс, нельзя установить ничего другого, кроме Вордпресс, и сам по себе Вордпресс немного своеобразен.

Параметры сервера

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

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

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

Когда страница загружается, она создает множество запросов, — картинки, таблицы стилей, javascript и другие. Чем меньше запросов, тем быстрее сайт.

Компьютер посетителя

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

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

Скорость сайта зависит от использованной технологии, на которой написан сайт, от CMS, от сервера и хостинга, и от устройства пользователя.

II. Как увеличить скорость сайта

1. Обновляйте PHP и MySQL

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

Версии PHP сильно отличаются по времени обработки кода, особенно PHP 7.

Исследование скорости работы PHP
Источник: http://lornajane.net/posts/2015/php-7-benchmarks

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

Проверьте, что версия PHP не ниже 5.6, Вордпресс рекомендует использовать версию 7.3.

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

Проверьте, что версия MySQL не ниже 5.6.

Установите размер PHP памяти 128 Мб или выше.

2. Обновляйте WordPress

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

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

Обновляйте Вордпресс, темы и плагины.

3. Уменьшите количество запросов к базе данных

Вы можете узнать, сколько запросов делает страница к серверу в вашем браузере в инструментах разработчика, или на таких сервисах, как Pingdom.

Когда вы добавляете картинку на страницу, добавляется новый запрос к базе данных. Один запрос на одну картинку.

Если у вас несколько картинок на странице, и некоторые из них используются на архивных страницах, эта страница может создавать 60-70 запросов.

Один из простых способов уменьшить количество запросов — не использовать шрифты Гугл, отключить Font Awesome и Граватары. Посмотрите, что из этого вам нужно, может быть, вы можете это отключить.

Еще один простой способ — уменьшите количество постов на странице в НастройкахЧтение, или попробуйте публиковать меньше картинок.

Уменьшите количество плагинов на сайте, это увеличит скорость сайта для посетителей. Многие плагины добавляют свои скрипты, стили, итд. Отключите один плагин, это уменьшит количество запросов к базе данных на 1-2. Или на 3-4, если плагин написан не очень хорошо.

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

Возможно, более легкая тема добавит вам скорости.

Эти темы хорошо известны в сообществе Вордпресс и часто рекомендуются:

  • Astra — легкая тема с огромным количеством настроек, модулей, дополнительных плагинов и расширений для плагинов WooCommerce, Elementor, LifterLMS и некоторых других.
  • GeneratePress — популярная легкая тема от Тома Усборна.
  • Genesis — популярный фреймворк для создания тем.
  • StudioPress — темы на основе фреймворка Genesis.
  • OceanWP — легкая тема со множеством настроек и платных и бесплатных плагинов для расширения функционала.

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

4. Удалите ненужные и тормозящие плагины

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

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

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

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

Есть хороший плагин P3 (Plugin Performance Profiler), который поможет найти проблемные плагины. Проблема в том, что этот плагин давно не обновлялся и работает на сайтах, которые используют PHP версии 5.6 и ниже.

Если ваш сайт работает на PHP 7 и выше, используйте инструмент, который называется Waterfall на таких сервисах, как GTmetrix или Pingdom.

Запустите сервис и просмотрите запросы, которые замедляют сайт. Наведите мышку на нужный запрос, появится подсказка какой плагин является источником этого запроса:

<i class="fa fa-star" aria-hidden="true"></i> Ускорение и Оптимизация WordPress
Наведите мышку на запрос, чтобы узнать какой плагин создает каждый запрос

Другой хороший бесплатный плагин, который может показаться не очень простым, — Query Monitor plugin.

Также отключите плагины, которыми редко пользуетесь, например, Thumbnail Regenerator, Duplicate Post или P3. Это очень полезные плагины, но если вы пользуетесь ими нечасто, то их можно отключить, чтобы они не создавали ненужных запросов.

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

5. Оптимизируйте базу данных

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

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

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

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

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

WP Optimize (бесплатный) — делает все то же самое, но в нем есть автоматическое расписание. Для оптимизации базы данных он использует прямые запросы к базе данных, что может оставить после себя некоторый мусор. Настроек минимум, подходит для новичков.

Advanced Database Cleaner (бесплатный) аналогичен предыдущему, но есть крутой инструмент редактирования базы данных вручную, редактирования cron-расписания и редактирования таблицы options базы данных. Плюс в том, что есть все, что нужно, некоторый минус в том, что для оптимизации используются прямые запросы к базе данных. Подходит для продвинутых пользователей.

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

Advanced Database Cleaner Pro (платный) показывает, чему соответствует каждая запись в базе данных.

6. Оптимизируйте картинки

Исследования показывают, что страницы, на которых присутствуют картинки, нравятся пользователям на 80% больше, чем страницы без картинок. Но картинки нужно оптимизировать, то есть уменьшать их размер в Пикселях и Килобайтах. Неоптимизированные картинки — одна из главных причин медленной скорости сайта.

Например, если вы хотите вставить картинку, которая займет 1/3 экрана, сделайте ее соответствующего размера, например, 400х250 пикс. Современные требования Гугл и прочих сервисов на такой размер что-то около 20-30 Кб.

В Фотошопе или Иллюстраторе вы можете сохранить картинку функцией «Save for Web» в jpeg или png файл. Это два наиболее распространенных формата картинок.

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

PNG — сжатие без потерь (lossless) и поддерживает прозрачность.

  • Если вам нужна хорошая цветная картинка (фотография), используйте jpeg.
    Вы можете уменьшить качество картинки до 20-50, более низкое качество для фоновых или затененных картинок, более высокое качество для картинок на виду.
  • Если вам нужная простая картинка, иконка, график, прозрачность, используйте png.
    Для оптимизации вы можете изменить количество цветов картинки. Для более сложных со множеством цветов используйте 128-256 цветов, для более простых картинок с несколькими цветами можно снизить до 32-64 цветов.

Вы можете полностью оптимизировать картинки в Фотошопе или Иллюстраторе, или можете дооптимизировать их на сайте разными плагинами.

Например, ShortPixel (бесплатный), WP Smush (бесплатный), Tiny PNG (бесплатный), EWWW Image Optimizer (бесплатный). ShortPixel предлагает бесплатную оптимизацию 100 картинок в месяц, WP Smush оптимизирует изображения прямо на сайте, но оптимизирует наполовину, вторая половина платная, надо покупать Pro плагин. Tiny PNG оптимизирует изображения на своем сервере, в бесплатной версии до 500 изображений в месяц.

Хорошие отзывы у плагина Imsanity и Imagify (бесплатно 25 Мб в месяц). Также можете попробовать онлайн-сервисы Optimizilla и Bulkresizephotos.

7. Удалите все ненужные блестяшки

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

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

Удалите ненужные украшения, это добавит сайту скорости. Если на сайте будет меньше анимированных элементов, меньше Явы, меньше стилей, это ускорит его работу.

Второй пример относится к конверсии украшений в продажи. Хороший пример — слайдер. Почти каждое исследование на тему слайдеров приходит к одному и тому же выводу: в 4 из 5 случаев слайдер лучше не использовать. Он занимает много места, он понижает SEO, он тормозит сайт.

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

Вместо слайдера можно написать какой-то текст со ссылкой или с картинкой.

8. Используйте CDN

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

Суть CDN (Content Delivery Network — Сеть Доставки Контента) в том, чтобы обслуживать посетителя контентом из географически ближайшего сервера. Например, этот сайт находится в Санкт-Петербурге, но если посетитель находится в Праге, то он получит контент из ближайшего сервера CDN, который находится в Праге. Другой посетитель может находиться, например, в Москве, он получит тот же контент с сервера в Москве.

Сеть CDN Cloudflare
Источник: https://blog.cloudflare.com/one-more-thing-keyless-ssl-and-cloudflares-growing-network

Когда картинки находятся на CDN, это освобождает контент от медиафайлов. Вы можете сменить домен или переехать на другой хостинг, но ваши медиафайлы всегда хранятся в одном месте. База данных и тема сайта обычно занимает 40-50 MB, но картинки могут занимать до нескольких Гигабайт на большом сайте. Если они находятся на CDN, то перенести 40-50 MB — небольшая проблема.

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

9. Включите кеширование

Кеширование — самый эффективный способ ускорения сайта. Пример кеширования: вы знаете, сколько будет 5х5. Один раз вы сложили 5 раз по 5, убедились в том, что ответ 25, с тех пор вы просто знаете, что ответ 25 и не проверяете это каждый раз. Кеширование сайта работает по тому же принципу:

Как работает кеш страницы
Принцип работы кеширования

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

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

Простые, но мощные плагины кеширования: WP Super Cache и WP Fastest Cache.

W3 Total Cache — мощный плагин, в котором есть все инструменты для кеширования, минификации и оптимизации.

10. Включите GZIP компрессию

GZIP — эффективный способ ускорения сайта, который уменьшает размер страницы до 70%. Включить эту функцию можно на сервере записью в .htaccess, но многие плагины кеша имеют эту функцию. Проверить, включен ли у вас GZIP, можно на сайте checkgzipcompression.com.

Принцип работы GZIP заключается в том, что HTML и CSS используют много повторяющихся фрагментов. Чем больше повторяющихся фрагментов, тем сильнее страница может быть сжата. Например, если на странице 20 раз написано «Оптимизация Вордпресс», то эту запись можно заменить на «20ОВ», или что-то подобное. Чем больше и чем длиннее повторяющиеся паттерны, тем больше места можно освободить.

GZIP включается во многих плагинах кеширования, или это можно сделать вручную:

11. Перенесите скрипты в футер

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

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

Это можно делать при помощи плагинов W3TC (инструкция), Hummingbird, Clearfy и других.

12. Минифицируйте и объедините файлы

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

После минификации файлов их можно объединить. То есть, вместо загрузки 10 файлов по 20 кб, можно загрузить один файл размером 200 кб, который скачается гораздо быстрее.

Этот сайт работает на комбайне W3TC, который делает всю работу по ускорению сайта, но есть специальные плагины только для минификации и объединения файлов: MinQueueMerge + Minify + Refresh, Autoptimize или Dependency + Minification. Они хорошо объединяют файлы, но сильно зависят от настроек сервера и сайта.

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

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

13. Оптимизация технического SEO

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

С этих страниц можно поставить редирект на основную страницу с помощью плагина Clearfy, который удаляет пять типов дублей страниц, удаляет технические страницы, отключает Emoji, удаляет версию WP, скриптов и стилей и другую информацию.

Кроме этого, ограничивает количество ревизий постов, удаляет внешние ссылки в комментариях, создает файл robots.txt, делает транслитерацию заголовков, редирект на https и так далее, в версии 3.3.2 более 50 функций.

14. Отключите hotlink ссылки с вашего сайта

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

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

Отключить это можно в файле .htaccess:

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?my-site.ru/.*$ [NC]
RewriteRule \.(gif|jpg|js|css)$ — [F]

Измените my-site.ru на ваш адрес.

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

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?my-site.ru/.*$ [NC]
RewriteRule \.(gif|jpg)$ http://www.my-site.ru/AngryMan.gif [R,L]

Измените my-site.ru и AngryMan на ваш адрес.

15. Ограничьте количество ревизий постов

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

Ограничить количество ревизий постов можно вставив этот код в файл wp-config.php:

/*Limit Post Revisions*/
define( ‘WP_POST_REVISIONS’, 4 );

Замените 4 на нужное количество. Или на false, чтобы выключить.

Также это можно сделать при помощи плагина из следующей главы.

16. Следите за сайтом

Проверяйте ваш сайт на скорость время от времени.

Я пользуюсь этими сервисами:

Google PageSpeed Insights — https://developers.google.com/speed/pagespeed/insights/
Pingdom Website Speed Test — https://tools.pingdom.com/
GTmetrix — https://gtmetrix.com/

Заключение: Скорость сайта — это не самое главное.

Хотя скорость сайта очень важна, но это не самое главное. Вы могли бы отключить все картинки и почти не использовать стили или js, и добиться скорости загрузки 350мс. Но поможет ли вам это добиться той цели, которую вы преследуете, или вы просто победите в бессмысленной гонке за скорость?

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

Сделайте сайт с хорошим контентом, понятным интерфейсом и достаточно привлекательным, этого будет вполне достаточно.
Проверьте сайты типа Amazon или eBay на Google PageSpeed. Вы увидите, что их показатели далеки от идеала, но они делают хорошую работу для своих владельцев, не так ли?
Я работал в одной компании, их сайт набирал 50 баллов по тесту Гугл, но всегда находился на первой странице поисковой выдачи Яндекса за счет контента и рекламы.

Если вы потратите 2 дня на перенос какого-то скрипта из шапки сайта в футер, и выиграете на этом 2 балла от Гугл, стоит ли оно этого?

Читайте также:

  1. SEO для начинающих: Подробная инструкция
  2. Безопасность Вордпресс. Подробная инструкция

Я надеюсь, это гайд был полезен, и вы что-то внедрили на своем сайте. Оставляйте комментарии.

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

  1. Решил попробовать новые технологии:
    1. Использовать современные форматы изображений, т.е. изображения в формате WebP, с помощью плагина WebP Express. За 40 минут плагин добавил все фотографии на сервере в формате WebP. При добавлении новых фото, плагин также конвертирует фото в формат WebP. Плагин сам определяет поддерживает, ли браузер формат WebP, если да , то выдает WebP, если нет — PNG и JPEG.
    2. PWA
    Попробывал два плагина:
    — PWA for WP & AMP
    Все вроде бы и не плохо, например работает с Google Аналитикой, не не работает «Ориентация» (Следовать ориентации устройства).
    — Super Progressive Web Apps
    Ориентация работает, но нет «Стратегии кеширования»
    3. Планирую попробовать АМА, но не знаю как начать.

    Коллеги, интересно Ваше мнение о Новых технологиях.

Оставьте комментарий

Do NOT follow this link or you will be banned from the site!