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

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

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

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

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

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

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

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

В данной статье мы рассмотрим:

Почему веб-сайт загружается медленно

  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, работают быстро, так как обслуживают пользователей готовыми страницами.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Некоторые веб-хостинги могут называть VPS виртуальным веб-хостингом, или веб-хостингом для CMS. Смотрите на описание тарифов.

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

Следующие тарифы стоят 4$ в месяц, потом 8$ в месяц и так далее, опции постоянно увеличиваются. На этом веб-хостинге сервера настроены под WordPress, нельзя установить ничего иного, кроме WordPress, и сам по себе WordPress своеобразен.

  • Как выбрать веб-хостинг для интернет-магазина

Настройки сервера

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

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

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

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

Также на скорость влияют роутеры, файрволы, и иное оборудование, которое проходит страница на пути к пользователю.

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

Компьютер пользователя

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

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

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

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

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

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

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

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

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

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

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

  • Как увеличить лимит PHP памяти в WordPress — 4 метода

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

Первое правило безопасности от всех разработчиков софта по защите WordPress — регулярное обновление WordPress, тем и плагинов.

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

Обновляйте WordPress, темы и плагины.

  • Почему у вас должна быть последняя версия WordPress

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

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

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

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

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

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

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

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

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

Данные темы отлично известны в сообществе WordPress и часто рекомендуются:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Суть 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 — небольшая проблема.

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

  • Как подключить WordPress к Cloudflare. Подробная инструкция

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

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

Кеширование веб-сайта работает по тому же принципу:

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

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

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

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

  • Лучшие плагины кеширования WordPress

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

  • Как изменить W3 Total Cache: подробное описание
  • Более простые альтернативы плагину W3TC

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

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

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

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

  • Как включить GZIP компрессию на веб-сайте

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

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

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

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

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

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

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

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

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

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

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

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

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

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

14. Отключите hotlink ссылки с веб-сайта

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

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

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

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

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

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

RewriteEngine onRewriteCond %{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, чтобы выключить.

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

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. Безопасность WordPress. Подробная инструкция

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *