Как ускорить WordPress

Доброго времени суток, дорогие коллеги! Хочу вернуться ещё раз к важной теме — как ускорить загрузку сайта WordPress и сейчас добавлю к предыдущим постам еще один небольшое повествование. Попить чайку, принять душ и заняться домашними делами … Всё это люди не хотят делать, пока загружается ваш сайт. По статистике, посетители покидают сайт, который грузится более 3 — х секунд. Я лично всегда так делаю, не жду, а перехожу на другой источник.

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

1. Кэширующие плагины для WordPress

Если ваш сайт работает на WordPress, то этот раздел статьи будет для вас наиболее полезен.

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

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

Самым популярным кэширующим плагином для WordPress является W3 Total Cache, однако он довольно сложный в использовании.

Ещё один плагин, WP Fastest Cache, работать с которым намного проще. У этого плагина более дружественный к пользователю интерфейс и его легче настроить.

2. Подключение к сети доставки контента

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

CDN – это крупная сеть серверов, распределённых по всему миру, способная кэшировать файлы вашего сайта, а затем отправлять эти файлы с ближайшего к вашим пользователям сервера. Таким образом, в идеальной ситуации пользователь в Нью-Йорке загрузит файлы сайта с северо-востока Соединенных Штатов, а не западного побережья или Европы.

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

Чтобы настроить CDN, например CloudFlare, выполните следующие действия:

Зарегистрируйте аккаунт на сайте https://www.cloudflare.com/.

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

Измените серверы доменных имён, чтобы они указывали на те сервера, что были предоставлены CDN в процессе установки. При использовании WordPress и CloudFlare установите официальный плагин CloudFlare:

При использовании другой CMS установите модуль mod_cloudflare для Apache. Хотя это не обязательно, но полезно для регистрации реальных IP-адресов пользователей вашего сайта. CloudFlare — действительно очень удобный сервис. Согласитесь, защитить сайт, забыть о кешировании, установить статистику и не тратить нервы, если сайт недоступен, просто перенеся сайт на другие DNS — это здорово. А если почти всеми этими возможностями можно пользоваться бесплатно, то такой сервис — просто сказка 🙂

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

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

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

Один из самых удобных сайтов для конвертации JPG-изображений в PNG – Tiny PNG.

Далее, можно оптимизировать изображения, используя более новый стандарт WebP. Однако на сегодняшний день этот стандарт поддерживают не все браузеры (только Google Chrome, Android и Opera), поэтому при его применении обязательно нужно использовать резервные методы для корректной загрузки изображений в других браузерах.

4. Объединение и удаление файлов Javascript

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

Если вы используете CloudFlare, вы можете включить минимизацию JavaScript (JavaScript Minification), перейдя на вкладку Speed и отметив галочкой пункт JavaScript в подразделе Auto Minify.

Вы также можете включить Rocket Loader в том же подразделе. Эта функция объединяет JavaScript-файлы в один, загружает скрипты в последнюю очередь и кэширует их локально. Если использование этой функции приведёт к нарушениям в работе JavaScript-функциональности, её можно будет в любой момент отключить.

Если вы не используете JavaScript, то вы можете сжимать JavaScript-файлы вручную. Для этого можно использовать такой инструмент, как JS Compress (https://jscompress.com/).

Если вы веб-разработчик и хорошо разбираетесь в коде, вы можете запустить Grunt (https://gruntjs.com/) или Gulp (https://gulpjs.com/) для автоматизации процесса минимизации JavaScript. Существует также модуль Apache (https://www.modpagespeed.com/doc/filter-js-minify), который способен уменьшать размер исходного кода JavaScript «на лету», однако его нельзя сочетать с другими методами минимизации.

После объединения и минимизации ваших файлов JavaScript вам нужно настроить асинхронную или отложенную загрузку скриптов на сайте. Для внешних скриптов лучше использовать атрибут async. Для большинства других скриптов, которые полагаются друг на друга для работы, используйте атрибут defer. Более подробную информацию можно посмотреть на сайте — http://www.growingwiththeweb.com/2014/02/async-vs-defer-attributes.html.

При использовании WordPress вы можете попробовать один из плагинов оптимизации, таких как Hummingbird (https://premium.wpmudev.org/blog/hummingbird/) или плагин Async JavaScript (https://wordpress.org/plugins/async-javascript/), которые позволяют легко добавить атрибуты async или defer к JavaScript-файлам.

5. Объединение и минимизация CSS-файлов

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

Для пользователей CloudFlare функция минимизации CSS расположена в том же разделе Speed. Вы также можете включить минимизацию HTML.

Как и в случае с JavaScript, продвинутые пользователи могут использовать Grunt или Gulp для минимизации кода CSS на своём сервере. Существует также модуль Apache, называемый mod_ext_filter, который может быть настроен для автоматической минимизации файлов CSS, однако, поскольку они не будут кэшироваться как статические файлы, это не является предпочтительным способом минимизации.

Чтобы вручную минимизировать CSS, можно использовать специальные онлайн-инструменты. Например, Minifier — https://www.minifier.org/.

6. Загрузка динамических частей через AJAX

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

Например, на сайте PriceListo те страницы, на которых находятся счётчики репостов в социальных сетях, могли бы загружаться медленно, поскольку сайту нужно связываться с серверами Facebook и Twitter для правильного расчёта общего числа репостов.

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

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

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

7. Использование браузерного кэширования

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

В CloudFlare этот параметр можно настроить, перейдя на вкладку Caching и выбрав подходящий вариант срока хранения данных в кэше – Browser Cache Expiration. Если ваши файлы обновляются нечасто, вы можете выбрать более длительный срок, например 8-16 дней. Если файлы обновляются чаще, то нужно выбрать меньший период.

Чтобы включить браузерное кэширование на серверах на базе Apache, вы можете попробовать добавить код, подобный этому — https://gtmetrix.com/leverage-browser-caching.html, в файл .htaccess в корневом каталоге вашего сайта.

8. Использование алгоритма сжатия Gzip

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

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

Если вы используете CloudFlare, ваши ресурсы автоматически будут автоматически сжиматься с помощью Gzip.

9. Избегание загрузки большого количества внешних ресурсов

Загрузка большого количества внешних ресурсов – это одна из проблем, с которой сегодня сталкиваются крупные медиасайты. Но это не значит, что данная проблема не может повлиять на ваш сайт. Фактически, это актуально и для более мелких сайтов, особенно тех, что используют рекламные сети, такие как Google AdSense, Media.net, Taboola и т.д.

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

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

Если вы используете другие сторонние ресурсы, такие как формы, чат, всплывающие оповещения и т. д., то вам нужно будет проверить сайт с помощью инструмента GTmetrix (https://gtmetrix.com/). На вкладке Waterfall вы сможете просмотреть скорость загрузки всех файлов, найденных на странице, и понять, какие из них больше всего её замедляют.

wordpressmania.ru

10 шагов по ускорению WordPress

Содержание статьи:

1. Скорость хостинга — TTFB;
2. Настройка WordPress;
3. Настройка шаблона;
4. Оптимизация базы данных;
5. Удаление лишних и тяжелых плагинов;
6. Настройка кэширования сайта;
7. Сжимаем картинки + спрайты;
8. Критический путь рендеринга;
9. Ускорение загрузки шрифтов;
10. Защита сайта от взломов.

1. Скорость хостинга — TTFB

Быстрый и качественный хостинг позволяет молниеносно передавать мегобайты данных о вашем сайте пользователям. Но как определить скорость и качество хостинга?

Переходим к анализа скорости сайта на WebPageTest. Стрелочкой я показал, за какой промежуток времени мой хостинг начинает передавать данные (первый байт информации или TTFB).Время составило 0,303 секунды, что достаточно хороший результат. Быстрый хостинг всегда показывает результаты от 0,2 до 0,4 сек — идеальные показатели!

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

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

2. Настройка WordPress

WordPress по какой-то причине передает много лишней информации из-за чего сайт не реально тормозит, особенно при большой посещаемости. Наша цель правильно настроить WP и убрать всё лишнее.

Первые делом переходим в административную панель > «настройки» > «написание» и убираем 2 галочки.Потом переходим во вкладку «обсуждение» и убираем галочки так же с двух пунктов. При желание в этой вкладке можно отменить пункт «показывать аватарку» это дает ускорение страниц на 10%, где есть аватарки.

А теперь установите плагин Disable All WordPress Updates, который позволяет не проверять сайт на наличие обновлений шаблонов, плагинов и самого WP. Почему плагин, а не вручную? Да потому что это очень удобно, захотел обновиться — деактивировал плагин, а потом включил его заново!

3. Настройка шаблона

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

Рекомендую изначально выбирать легкий и простой шаблон, который не перегружен скриптами и стилями. То есть при выборе шаблона, обязательно прогоняйте его с помощью Google Page Speed (должно быть более 80 баллов).

Лучшие шаблоны 2016 года — на данной странице я собрал 10 SEO оптимизированных шаблонов, которые включают в себя сжатие и ускорение. Результаты Page Speed можно увидеть под шаблоном.

И даже если у вас классный шаблон, который использует сжатые файлы, вы все равно можете улучшить его, убрав лишние запросы с помощью файлов header и functions. Найти их можно через «Внешний вид» > «редактирование шаблона» .

В header.php я переписывал готовые результаты запросов (к сожалению не помню изначальный вид запросов), но вот что у меня получилось:

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

В functions.php дописываем несколько строк, что бы в коде сайта убрать лишние строчки. Кстати, таким образом мы так же улучшаем безопасность сайта! Вот скрин:

А с 7 строчки по 22 мы убираем смайлы, которые создают нагрузку 3-10% на сайт.Как вариант можно полазить по шаблону и заняться удалением лишних функций и оптимизацией нужных. Но я не разу этого не делал, поэтому не могу дать такой совет.

4. Оптимизация базы данных

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

Установим несколько крутых плагинов, которые сильно облегчат работу с базами данных:

1. WP-DBManager — он оптимизирует базу данных и вес базы становится в 10 раз меньше! Кроме этого он делает автоматические бекапы вашей базы и может удалять лишний мусор, который накапливается.

2. WPBase Cache — это плагин кэширования базы данных, который помогает ускорить работу запросов в 3 раза. То есть люди обращаться не к базе, а к готовому файлу, что не только ускоряет действия, но и снижает нагрузку на базу данных.

Вот как сильно упала нагрузка после установки двух плагинов:

5. Удаление тяжелых и лишних плагинов

Если вы используете более 10 плагинов, тогда вам обязательно стоит проверить, сколько создает нагрузки каждый из них. Для этого устанавливаем P3 plugin profile, который покажет сколько нагрузки приходится на каждый из плагинов.

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

Некоторые плагины могут подключать внешние стили и скрипты, что еще влияет на отображение сайта. К примеру DS Blog Map подключает скрипт в head «tw-sack.min.js» , который оттягивает загрузку сайта на 0,1 секунды.

6. Настройка кэширования WordPress

Изначально любой сайт весит около 600 — 3 000 КБ и имеет около 80-200 обращений к MySQL базе. Однако если мы включим кэширование определенных элементов, подключим gzip сжатие, объединим лишние css и скрипты, то нам удастся снизить вес страниц в 10 раз, а обращение к базе станет в 2-3 раза меньше.

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

1. Вкладка «Page Cache» , ставим галочки под этими пунктами:
2. Вкладка minify (оптимизация js и css файлов), сначала сделайте резервное копирование, потом ставим галочки!
3. Вкладка «Browser Cache» (включение кэширования браузером, gzip сжатие и другие плюшки). Вот где я расставил галочки:
И последним делом переходите в General setting и ставите нужные галочки. После чего ваш сайт начнет очень быстро работать при повторном обращение к сайту.

7. Сжатие картинок и Спрайты

Картинки в хорошем качестве весят 300-800 КБ их можно обрабатывать без потери качества и сократить их вес в 2-4 раза, то есть вес станет 100-200 КБ. Это сильно поможет сайту быстрее загружаться т.к. нужно передавать меньшее количество информации.

Для того, что бы сокращать вес картинок, рекомендую скачать PhotoShop, где будем выбирать строчку «сохранить для Web». Данная функция работает лучше, чем любой другой онлайн сервис по сокращению веса!

Если у вас на сайте уже море не оптимизированных картинок, тогда можно установить плагин tinygrab, который сможет переработать png и jpeg в объеме до 500 картинок в месяц бесплатно. Либо найти альтернативный плагин.

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

Поэтому изобрели спрайты, которые объединяют все картинки в одну и с помощью style.css можно указать стиль определенного места для картинки и ее обозначение. Об этом можно написать отдельную статью, поэтому не буду детально описывать как и зачем это делается.

8. Критический путь рендеринга

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

Смотрим на график waterfall в WebPageTest!

Для быстрой отрисовки страницы необходимо, что бы css файлы загрузились в первую очередь. Обычно их загрузки могут мешать js файлы, которые иногда стоят выше и загружаются первыми. В теории мы уже объединили все css в один файл, а js файлы убрали в body с помощью w3 Total Cache плагина.

Вы можете не знать, но виджет Вконтакте подключенный с помощью скрипта в header.php создает запрос, который отодвигает загрузку страницы на целых 2 секунды! А что если у вас несколько социальных скриптов подключается первым css файлов? — Тогда загрузка будет ну очень долгой.

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

9. Ускорение загрузки шрифтов

Частенько дизайнеры подключают внешние шрифты от Гугл под названием «Google Fonts». А для того, что бы они отобразились на сайте, браузер должен соединиться с сервером, тот с другим, где идет загрузка css-файла и только потом получаем этот файл обратно.

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

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

10. Защита сайта от взломов

Последнее, что осталось сделать это защитить сайт от различных атак, которые могут сильно нагружать сервер и заставлять тормозить сайт. А владелец сайта может даже не подозревать, что сайт тормозит из-за постоянных атак. Плагин All In One WP Security позволит отвести практический любую угрозу от вашего сайта. Он может предотвращать спам в комментариях, поменять страницу входа, установить файрволл, защитить файлы от взлома, защитить базу данных и поменять пароли и доступы к самым нужным файлам.

Ну а если вас заинтересовала тема полной защиты сайта, тогда рекомендую прочитать — Как защитить WordPress в 2016 году.

Надеюсь, что данная статья будет полезна не только новичкам, но и профессионалам, которые решили значительно ускорить свой сайт. А какие результаты вышли у меня? Изначально сайт загружался за 12 секунд, мне удалось это время сократить до 3-ех секунд (загрузка последующих страниц менее секунды).

seosko.ru

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

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

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

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

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

Сейчас наиболее распространена технология PHP.

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 и другие. Чем меньше запросов, тем быстрее сайт.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Я пользуюсь комбайном W3TC, но есть специальные плагины только для объединения файлов: MinQueue, Merge + Minify + Refresh и Dependency + Minification. Они хорошо объединяют файлы, но они сильно зависят от настроек сервера и сайта. В одних случаях один плагин работает лучше, в другом — другой. Попробуйте по одному, посмотрите, где результат окажется лучше в вашем случае.

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

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

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

Регулярно обновляйте плагины.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Более простые альтернативы плагину W3TC
• 4 Лучших плагина кеширования для Вордпресс

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

• Как настроить W3 Total Cache: подробное описание

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

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

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

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

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

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

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

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

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

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

• Как очистить и оптимизировать базу данных

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

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

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

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

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

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

• Если вам нужна хорошая цветная картинка (фотография), используйте jpeg.

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

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

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

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

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

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

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

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

11. Отключите 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 на ваш адрес.

12. Минифицируйте файлы

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

Это делают многие кеширующие плагины, например, W3TC.

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

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

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

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

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

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

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

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

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

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

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

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

Я пользуюсь плагином Clearfy, он удаляет пять типов дублей страниц, удаляет технические страницы, удаляет Emoji, удаляет версию WP, скриптов и стилей и другую информацию. Убирает возможность узнать логин администратора, ограничивает количество ревизий постов, удалет внешние ссылки в комментариях, создает файл robots.txt, делает транслитерацию заголовков, редирект на https и так далее, всего на данный момент более 40 функций.

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

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

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

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

***

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

Если у вас есть вопросы или идеи — пишите в комментариях.

techbear.ru

10 советов по ускорению загрузки сайта на WordPress

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

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

Давайте перечислим как возможно ускорить сайт на wordpress:

• gZIP сжатие;
• уменьшаем css и JavaScript;
• сокращение размера заголовка отзыва;
• очистка базы данных от мусора;
• убрать лишний JavaScript;
• использовать кэширование для статического контента;
• расположение css и JavaScript;
• пользуйтесь поддоменами для паралельного скачивания;
• откажитесь от ненужных плагинов;
• выберите быстрый хостинг для своего сайта.

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

Совет 1. Ускорение WordPress с помощью GZip сжатия

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

Как проверить включено ли gzip сжатие

Для того что бы проверить включено ли сжатие на вашем сервере можно воспользоваться сайтом whatsmyip.org который покажет сжимаются ли ваши данные и на сколько эффективно.

Если по результатам проверки вы получите следующее:

Значит ваши данные сжимаются и у вас все правильно работает.

Как использовать qzip сжатие, можно прочитать в отдельной статье.

Совет 2. Уменьшение CSS и JavaScript

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

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

Совет 3. Уменьшайте количество http запросов

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

• картинки;
• скрипты;
• флеш анимации и т.д.

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

Совет 4. Очистка базы данных от мусора

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

Загрязненная БД приведет к огромным задержкам при загрузке, из-за того что количество переборов будет очень велико. Правильно настроена корректировка внесения данных в базу и своевременная очистка ее от «шлака» поможет вам сохранить скорость и чистоту, позволит неплохо ускорить сайт на wordpress.

Совет 5. Убрать лишний JavaScript

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

Совет 6. Использование кэширования позволит как ускорить сайт на wordpress

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

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

Для кэширования можно использовать плагин WP Super Cache, или другой понравившийся вам плагин.

Совет 7. Правильно располагайте ваши css и JavaScript включения.

Для лучшей загрузки сайта подключайте все свои стили в верхней части документа, в теге <HEAD>. Данная методика позволит браузеру постепенно загружать весь ваш стиль, без потери и нежелательных скачков картинок. Очень не красиво выглядит когда сначала подгружается текст, а уж потом его начинает бросать со стороны в сторону добавляя ему отступы и замещая навигацией и прочей добавочной стилистикой сайта.

В то же время Google рекомендует опускать все файлы стилей вниз документа, якобы они мешают загрузке контента, по сути так оно и есть. Что же выбрать в данном случае? Этот спор поможет решить небольшой эксперимент. Если у вас «тяжелый» CSS файл, с огромным количеством правил, и при загрузке страницы сайта, все элементы прыгают, тогда размещайте в хедере, если же при расположении подключения стилей в футере ничего такого не происходит, тогда лучше оставить его внизу. Нужно из двух зол выбирать меньшее.

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

Совет 8. Пользуйтесь поддоменами для параллельного скачивания

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

Совет 9. Откажитесь от ненужных плагинов

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

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

Статья по данной теме представлена отдельно.

Совет 10. Выберите быстрый хостинг для своего сайта

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

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

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

yrokiwp.ru