3 способа ускорить ваш сайт с помощью PHP


Содержание

Как ускорить загрузку сайта 10 способов

Доброго времени суток, дорогие коллеги! Хочу вернуться ещё раз к важной теме — как ускорить загрузку сайта 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:

Плагин Cloudflare для WordPress

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

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

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

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

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

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

10. Настройка Google AMP

Google AMP (Accelerated Mobile Pages) – это фреймворк для создания облегчённых версий веб-страниц для мобильных устройств. Для ускорения загрузки эти страницы предварительно загружаются и кэшируются серверами Google.

Для настройки AMP пользователям WordPress рекомендуется использовать официальный AMP-плагин.

Плагин AMP for WordPress

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

ТОП-7 эффективных способов ускорения загрузки сайта

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

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

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

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

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

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

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


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

Только, что я проверил скорость загрузки одной своей статьи. По результатам 5ти проверок получил средний результат в 0,82 секунды.

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

Конечно, бывает сложно добиться маленького значения и это зависит от многих факторов:

  • Количество контента на странице;
  • Количество подгружаемых скриптов;
  • Размер графики на странице и на сайте в целом;
  • Количество плагинов.

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

Оптимизация графики

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

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

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

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

Относительно дизайна, то старайтесь использовать в нем меньше изображений. Можно сделать вполне вменяемый и органичный дизайн, использовав при этом CSS стили. Это даже к лучшему будет. Если вы посмотрите на очень популярные ресурсы, то заметите, что у них дизайн — это по сути белый фон с разделительными линиями. Это играет на руку очень сильно и убивает 2х зайцев:

  1. Уменьшает время загрузки;
  2. Повышает удобность потребления контента.

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

Кэширование

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

Чтобы сделать кэширование на сайте (для WordPress) нужно установить плагин Hyper Cache. Полную инструкцию читайте по данной ссылке. Все разжевал там.

Также можно добавить некоторые коды в файл .htaccess, которые также будут включать кеширование, а также gzip сжатие. Честно сказать, их действие на своем сайте я не заметил. Может потому, что мой блог уже был полностью оптимизирован. Да и не вижу в них особого смысла. И заморочка одна имеется, так как не сможем очищать кэш. Тогда не будет видно изменений на сайте. Поэтому, не буду давать эти коды, чтобы вы потом не ломали себе голову при возникновении проблем.

Я их не использую. Кэширования с помощью плагина Hyper Cache более, чем достаточно.

Оптимизация загрузки скриптов

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

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

Как ускорить php скрипт?

У меня есть php скрипт, который сравнивает два текстовых файла со списом цифровых значенией и те, которые не встретились во втором файле записывает в итоговый файл.
PHP 5.5.14 установлен на OS X 10.10.2 (macbook air, Core i5), запускаю «php ./script.php» просто из консоли.
В каждом файле примерно по 150 тысяч строк-записей. Исполняется долго, час-два.
Мне почему то казалось, что такие простые вещи как сравнение массивов должны делаться влет.
Скажите, пожалуйста, можно ли тут что-то оптимизировать?

  • Вопрос задан более трёх лет назад
  • 526 просмотров

Две важные строки помечены комментариями.
На двух файлах по 150к строк у меня отработало за 0.333s

PS array_diff, предложенный Денис Акимкин, значительно лучше по читабельности при сравнимой производительности, так что лучше использовать его.

AstonMartin: У меня условие неправильное, должно быть if (!isset($array_minus[$value])).

И отметьте пожалуйста решением ответ Денис Акимкин. array_diff незначительно медленнее, но значительно понятнее и более универсален, чем мой костыль.

10 способов ускорить WordPress блог

Приветствую всех, кто ведет свой блог на WordPress. В этой теме я дам несколько советов о том, как ускорить WordPress блог. Наверняка многие из вас об этом задумываются. В первую очередь нужно думать о посетителях, а они не любят ждать, если ваш блог загружается медленно. Читал на каком-то иностранном авторитетном ресурсе о том, что каждые 0,5 секунды загрузки страниц, теряются от 20% посетителей. А еще, если снизить скорость загрузки портала Amazon,будет потеряна прибыль в 1%. И я с этим полностью согласен, да и вы наверное тоже. Прежде чем ускрорять WordPress, нам нужно проверить скорость загрузки сайта. Для этого можно воспользоваться сервисом. Для наглядности — вот мои показатели на сегодняшний день. Откроется в новом окне.

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

1. Выбор сервера.

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

Shared Hosting — На одном сервере может располагаться 500 и даже 1000 клиентов. Сайтов конечно гораздо больше.

VPS — Сервер расчитан на небольшое количество людей. Порядка 20 человек.

Dedicated — индивидуальный сервер, который будете использовать только вы.

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

2. Удаление ненужных плагинов

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

3. Удаление ненужных тегов PHP

Если вы не сами делали тему, то открываем в административной части блога Внешний вид-Редактор-файл header.php на редактирование и смотрим, что у нас там есть. Если вы видите что-то типа этого:

То эту конструкцию можно смело удалять, так как она говорит о версии вашего движка. Эта информация лишняя, она никому не нужна. Далее смотрим:

Все это содержимое можно заменить, только на формат HTML:

Если вы в чем-то сомневаетесь, то откройте любую страницу своего блога. Нажмите на клавиатуре Ctrl + U и в самом верху смотрим, что у вас написано в исходном коде. Можно просто скопировать эти самые строчки, которые браузер отобразил уже в HTML формате и вставить в header.php
Копируем их и вставляем вместо тех, которые написаны на PHP . Можно попробовать скопировать все, что находится между тегами

и заменить их на HTML.

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

4. Используйте кэширование страниц

Для этого подойдет WordPress плагин WP Super Cashe, он поможет хорошо ускорить сайт. Но мы с вами стремимся использовать минимальное количество плагинов, поэтому есть способ от него отказаться. Решением является установка скрипта My-Cashe. Я бы сказал, что он даже лучше, чем все плагины кэшироавания вместе взятые, потому как очень сильно снижает нагрузку на сервер и одновременно кэширует. Установка скрипта не совсем стандартная, но есть инструкция, разобраться можно. Если что-то будет непонятно, пишите вопросы в комментариях.

Так же нужно включить кэширование сайта браузером. Делается это вставкой кода в .htaccess, находящийся в корне WP директории на сервере. Если у вас его нет, то создайте его и внесите следующие строки:

FileETag MTime Size ExpiresActive on ExpiresDefault «access plus 1 year»

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

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

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

6. Оптимизируйте все изображения

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

7. Сжать и объединить CSS и JS код

Для того, чтобы сжать CSS и JavaScript код нужно воспользоваться специальными сервисами.
Для сжатия CSS кода.
Для сжатия JS кода
Еще один. (Не поверял. Проверите, расскажете. :)).
Установить плагин для сжатия CSS и JS под названием WP-Minify. Если к вашей теме подключено несколько CSS файлов , например print.css или специально предназначенный для браузера IE-8. Можно объединить все файлы в один, скопировав весь код и переместив его в основной style.css. Остальные можно будет удалить и в header.php нужно будет убрать подключаемые стили. К примеру такой:

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

8. Всегда обновляйте WP до последней версии

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

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

Цукерберг рекомендует:  Как найти работу своей мечты в сфере IT

RewriteEngine on RewriteCond % !^$ RewriteCond % !^//(www\.)?yourdomain.com/.*$ [NC] #RewriteRule \.(gif|jpg)$ — [F] RewriteRule \.(gif|jpg)$ //www.yourdomain.com/nohotlink.gif [R,L]

В третьей строчке замените yourdomain.com на имя вашего сайта? а в пятой — //www.yourdomain.com/nohotlink.gif-ссылка на картинку-заглушку. То есть, где раньше были размещены изображения с вашего сайта , будет показываться специально подготовленная картинка . Это может быть как реклама вашего блога, так и уведомление о том, что вы отключили хотлинки.

10. Картинки на поддомене

Если разместить все картинки на поддомен, то нагрузка на сайт снизится, за счет ее распределения, что хорошо повлияет на Ускорение WordPress. Если у вас много графических элементов, например фотографии, то данный способ должен помочь снизить нагрузку.
Потребуется создать поддомен, например images.yourdomain.com . Первое, что нам нужно, это узнать абсолютный путь до директории сохранения всей графики. Можно посмотреть его в админ. панели хостинга, но если нет такой возможности, то в корне поддомена создайте файл с расширением PHP, например info.php и добавить в него этот код :


Затем в браузере наберите путь до этого файла . На экране появится полный путь, который нам и нужен. Перепишите его, он нам пригодится, а info.php можно удалить. Копируем папку uploads и переносим ее на поддомен. Изменяем пути до картинок в базе данных. Для этого идем в PhpMyAdmin, выбираем БД вкладка SQL в поле пишем следующий код:

UPDATE wp_posts SET post_content = REPLACE(post_content, ‘//yourdomain.com/wp-content/uploads/’,’//images.yourdomain.com/’) UPDATE wp_posts SET gu )

В административной части WordPress идем в Параметры-Медиафайлы и пописываем Полный URL-путь к файлам , который скопировали ранее. Сохраняем. О том, что у вас изменились пути к картинкам нужно оповестить поисковые системы. Снова открываем на редактирование файл .htaccess и пишем функцию перенаправления:

RedirectMatch 301 ^/wp-content/uploads/(.*)$ //image.yourdomain.com/$1

Папку uploads с основного домена можно удалить.

Заключение

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

  • В 3 раза удалось ускорить WordPress блог
  • Нагрузка на сервер снизилась вдвое
  • Увеличилась посещаемость с поисковых систем (примерно в 2 раза)
  • Процент отказов стал гораздо ниже
  • Увеличилось количество просмотренных страниц
  • Увеличилось общее время, проведенное на блоге пользователем

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

Как ускорить загрузку WordPress с помощью header.php и .htaccess

Скорость загрузки сайта очень важна для каждого блога или сайта, особенно для тех, кто использует виртуальный хостинг — самый дешевый вариант услуг хостинга. В статье будет представлено несколько трюков с .htaccess и header.php, которые увеличат скорость загрузки вашего сайта на 50-70%.

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

Что значит скорость для крупных интернет-проектов :

  • для Google — увеличенное на 500 миллисекунд время загрузки приводит к уменьшенному на 20% количеству поисков.
  • для Yahoo — увеличенное на 400 миллисекунд время загрузки приводит к 5-9% возрастанию количества людей, который нажимают «назад» до того, как страница загрузилась.
  • для Amazon — увеличенное на 100 миллисекунд время загрузки приводит к 1% спаду продаж.

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

Так что медленный сайт также ухудшит ваши позиции в поисковой выдаче.

Таким образом, скорость загрузки очень важна. CDN (Content Delivery System – система доставки контента) для этих целей хороша, но до определенного уровня, и хорошие CDN провайдеры немного дороговаты.

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

Шаг 1. Gzip сжатие файлов

Сжатие уменьшает время ответа, уменьшая размер http ответа.

Стоит сжимать с помощью gzip ваши HTML документы, скрипты и таблицы стилей. Более того, стоит сжимать любой текстовый ответ, включая XML и JSON.

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

Сжатие файлов также сэкономит немного трафика.

С помощью .htaccess

Для серверов с Apache

mod_pagespeed – это модуль Apache, разработанный Google, он может быть использован как другие модули.

Сейчас только GoDaddy и DreamHost поддерживают модуль mod_pagespeed, так что если вы размещаетесь у них, просто скопируйте и вставьте следующий код в ваш файл .htaccess:

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

Вы можете использовать модуль mod_deflate (Apache 1.3x использовал mod_gzip, но, начиная с Apache 2x, используется mod_deflate).

С помощью header.php

Если ваш сервер не поддерживает mod_deflate или mod_gzip, вы можете использовать этот PHP скрипт для gzip сжатия, он работает и на Apache, и на Nginx.

Просто скопируйте это в файл header.php вашей темы:

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

Шаг 2. Отключение ETags

ETags (Entity Tags – теги объектов) — это механизм, который веб-серверы и браузеры используют для определения, совпадает ли компонент в кеше браузера с оригинальным. ETags были добавлены в качестве механизма для проверки актуальности объектов.

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

Чтобы отключить ETags, вставьте это в свой файл .htaccess:

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

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

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

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

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

Для серверов с Apache

Apache задействует модули mod_expires и mod_headers.

  • Модуль mod_expires контролирует настройки HTTP заголовка Expires и директивы срока работы для HTTP заголовка Cache-Control http в ответах сервера. Чтобы изменить другие директивы Cache-Control, вы можете использовать модуль mod_headers.
  • Модуль mod_headers описывает директивы для контроля и изменения HTTP заголовок запросов и ответов. Заголовки могут быть объединены, заменены или удалены.

Добавьте эти правила в .htaccess для установки заголовков Expires:

.htaccess правила для установки заголовка Cache-control:

Обратите внимание :

  • Нет нужды устанавливать директиву max-age с помощью заголовка Cache-Control, поскольку она уже установлена с помощью модуля mod_expires.
  • must-revalidate значит, что как только ответ устаревает, его нужно перепроверить; это не значит, что он будет проверяться каждый раз.

Шаг 4. Уменьшение размера базы данных MySQL

Начиная с WordPress 2.6, WordPress автоматически сохраняет посты во время написания, они остаются в базе данных MySQL как версии документов даже после того, как пост сохранен. Большая база данных также увеличивает время загрузки сайта. Я предлагаю отказаться от сохранения версий.

Вставьте следующий код в wp-config.php для отключения сохранения версий:

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

И еще кое-что…

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

Проследите, как работает ваш сайт: покажите количество запросов и время обработки.

Просто вставьте следующий код после текста копирайтов в файле footer.php вашей темы:

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

Источник: WP.tutsplus.com

Насколько полезным был этот пост?

Нажмите на звезду, чтобы оценить этот пост!

Средний рейтинг: 5 / 5. Количество голосов: 3

18 способов ускорить любой WordPress сайт

Всем привет, друзья. Самые разные пользователи по всему миру используют сегодня WordPress для создания своих сайтов совершенно разных тематик и направлений. В результате, на этой системе управления контентом работает практически половина сайтов, в основе которых лежит какая-либо CMS вообще. Сегодня это около 74 млн. сайтов (статистика). И конечно, вопрос о том, как правильно, безопасно и максимально ускорить свой сайт на WordPress является чрезвычайно актуальным для многих.


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

Итак, разгоняем наш любимый WordPress в 2020 году. Поехали!

1. Используйте надежный фреймворк/тему

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

Будьте осторожны, когда покупаете темы на таких мега популярных сайтах, как ThemeForest и Creative Market. Несмотря на то, что там много великолепных тем, вы должны понимать, что разработчики часто добавляете функции просто, чтоб увеличить продажи. Так что главное — найти правильных разработчиков. И именно о таких мы не раз писали на страницах этого сайта.

Так же, такие легкие фреймворки, как Thesis Theme framework и Genesis также известны тем, что на их основе разрабатываются быстрые и хорошо написанные темы.

2. Использование кэширования

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

Плагины кэширования

Вот несколько лучших бесплатных и платных плагинов кэширования:

Установка и правильная настройка плагина кэширования может привести к увеличению производительности в 200-300%!

Обход PHP для кэшируемых страниц

Ниже представлена более продвинутая конфигурация Nginx обхода PHP для кэширования страниц. Этот пример оптимизирован для плагина Cache Enabler.

Пример конфигурации Nginx

Кэширование браузера – добавьте заголовки Expires к WordPress

Вы также можете добавить кэширование браузера, добавив заголовки expires. Заголовки Expires говорят браузеру, должны kb они запросить определенный файл с сервера или они должны захватить их из кэша браузера. Добавляя их, вы можете уменьшить количество HTTP-запросов, которые им нужны. Некоторые плагины кэширования для WordPress позволяют добавить их, но вы также можете просто добавить код в ваш файл .htaccess

Кэширование сервера

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

Prefetch обычно используемых доменов

Prefetching – это нечто сходное кэшированию в том смысле, что вы тоже говорите браузеру, типа Chrome, что нужно найти DNS-настройки перед тем, как они на самом деле понадобятся. Благодаря этому «прошиваются» страницы и запросы любых prefetched-доменов, которые еще не кэшируются, и они начинают работать быстрее.

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

Prefetch Google шрифты:

Prefetch Google код (jQuery)

Prefetch Google Analytics

Удаляем Query Strings из статичных ресурсов

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

Отредактируйте ваш файл functions.php, чтоб включить туда функцию, которая удалит query strings.

Если вы используете плагин кэширования типа W3 Total Cache, то у вас есть опция, которая предотвращает создание query strings. Есть бесплатные WordPress-плагины, которые также могут удалить query strings, и это плагины Query Strings Remover и Remove Query Strings From Static Resources.

3. Внедрение сети доставки содержимого (Content Delivery Network)

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

Загрузка всех ассетов из WordPress CDN

Убедитесь в том, что вы загружаете даже самые мелкие файлы, типа фавикона, из вашей CDN. Если загружено все из CDN, то создается одно единое соединение. Чтобы твикнуть ваш фавикон, просто киньте его в корневой каталог вашей инсталляции WordPress с помощью FTP, а затем добавить следующее в ваш header.php между тегами head.

Как вы видите из примера ниже, загружено 100% ваших ассетов из CDN.

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

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

Отключение и ограничение количества версий постов в WordPress

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

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

Отключение создания версий WordPress-постов

Чтоб отключить создание версии постов в WordPress, вам нужно добавить следующий код в ваш файл wp-config.php. Таким образом вы сначала измените интервал авто сохранения по умолчанию с 60 секунд на 5 минут, а затем и вовсе отключите создание версий записей. По умолчанию останется одно авто сохранение на пост.

Также есть бесплатный маленький плагин, который называется Disable Post Revision. Он делает тоже самое без необходимости копаться в коде.

Ограничение количества сохраненных версий WordPress-постов

Чтоб ограничить количество создаваемых версий WordPress-постов, вам нужно добавить следующий код в ваш файл wp-config.php. Таким образом вы измените интервал авто сохранения по умолчанию с 60 секунд на 5 минут и ограничите количество создаваемых версий до трех. Впрочем, вы можете указать любое желаемое количество сохраняемых версий.

Удаление старых версий постов из вашей базы данных

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

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

Предупреждение об ограничении WordPress в 100 сраниц

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

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

Решение? Вам нужно начать использовать кастомные типы записей. Вы можете использовать бесплатный плагин типа Post Type Switcher, если у вас много страниц, и вы хотите конвертировать их в кастомные типы записей.

5. Оптимизируйте картинки, используя компрессию без потерь

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

Optimus – это плагин, который нацелен именно на компрессию картинок без потерь: он может убрать до 70% веса изображений. Вы можете установить его и автоматически сжимать ваши картинки во время их загрузки. Почитать об оптимизации картинок можно еще вот здесь.

6. Компрессия Gzip

Gzip – это еще один вид компрессии, который сжимает веб-страницы, CSS и javascript на уровне сервера перед тем, как послать их в браузер.

Apache

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

Nginx

Вы можете включить конверсию, добавив следующее в ваш файл nginx.conf .

7. Сократите количество WordPress-плагинов

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

P3 (Plugin Performance Profiler)

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

  • Время загрузки каждого плагина
  • Общее количество активных плагинов и время загрузки страницы
  • Влияние каждого плагина на скорость загрузки страницы
  • Количество MySQL запросов (на уровне страницы)
  • Сравнение сканирований

Заметим: сейчас плагин не совместим с PHP7.

WP Performance Profiler

WP performance profiler – это недорогой (всего 9$) премиальный WordPress-плагин, созданный специально для того, чтоб вы могли измерить производительность ваших WordPress-плагинов на более продвинутом уровне, чем это делает P3.

И конечно же — после того, как анализ проведем, плагины-измерители можно удалить или просто отключить.

8. Оптимизируйте производительность Web-шрифтов

57% веб-сайтов сейчас использует кастомные шрифты, и это 850% прирост с 2011. Мы заметили, что важно использовать только те шрифты, которые действительно нужны и такие форматы, как WOFF и WOFF2.

В наших тестах Google шрифты показали себя хорошо, так как они используют собственный CDN и придерживаются форматов WOFF. Open Sans стал самым быстрым из 10 самых популярных шрифтов. Если вы хотите ускориться и при этом использовать Google-шрифты, то лучшая комбинация для WordPress это Open Sans и веб-безопасный Arial.


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

Также вы можете перенести ваши Google Шрифты на собственный CDN.

Вы также можете шагнуть еще дальше в сторону base64, закодировав ваши шрифты в файл CSS, а затем поместив их в localStorage. Нативный кэш браузера обновляется быстро, особенно, на мобильных девайсах. Так что если вы сохранились на localStorage, то файлы кэшируется очень быстро.

Мы рекомендуем вам обратить внимание на localFont tool: вы можете быстро перетащить ваши WOFF-шрифты в этот инструмент, и он закодирует их в base64, а затем даст вам файлы CSS и Javascript, чтоб использовать их на вашем WordPress-сайте.

9. Оптимизация иконок Font Awesome

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

Вариант 1 – используйте Font Awesome CDN на хостинге с открытым исходным кодом

Первый метод – это версия Font Awesome CDN на хостинге. Этот проект находится на хостинге от KeyCDN, и вы сможете воспользоваться преимуществом более чем 25-ти серверов, на которых есть бесплатные HTTP/2 и CORS. Просто используйте этот код, вклеив его в файл header.php вашего WordPress между тегами .

Затем вы сможете использовать иконки Font Awesome везде на вашем WordPress –сайте с помощью тега и названия иконки.

Вариант 2 – Хостингование Font Awesome на вашем собственном CDN (рекомендуется)

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

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

Ссылка на ваш файл Font Awesome, использующий CDN URL, должна выглядеть как сниппет
, отображенный ниже.

Вот и все, теперь ваши иконки Font Awesome загружаются супербыстро!

10. «Лениво» загружающиеся картинки, видео и Disqus

Ленивая загрузка – это такой концепт, который предполагает отсроченную загрузку контента, подгружая только ту часть, которая видна пользователю. В WordPress это обычно означает то, что объект не загрузится, пока пользователь не прокрутит страницу вниз или пока не использует событие on-click. Вы можете загрузить таким образом любой контент, начиная от картинок и заканчивая видео и даже системой комментирования Disqus.

Ленивая загрузка изображений

Для ленивой загрузки картинок есть хороший бесплатный плагин под названием BJ Lazy Load. Этот плагин заменяет все изображения постов, миниатюры, граватары и айфреймы контента вместилищами картинок и загружает контент, по мере приближения к окну браузера. Также он работает с текстовыми виджетами. Если вы используете плагин кэширования WP Rocket, то можете воспользоваться его опцией ленивой загрузки.

Ленивая загрузка видео

Для ленивой загрузки ваших видео есть бесплатный плагин, который называется Lazy Load for Videos. Он заменяет видео с Youtube и Vimeo кликабельными привью-картинками.

Ленивая загрузка Disqus

Disqus – это великолепная система комментирования, которая отсекает практически 99% спама. Но дефолтный плагин Disqus создает 10+ HTTP запросов, которые неплохо тормозят ваш сайт. К счастью есть плагин Disqus Conditional Load, который отсекает все эти HTTP-запросы первоначальной загрузки. Теперь этот плагин дружествен к SEO, а это значит, что Google будет индексировать ваши комментарии.

11. Минификация и объединение CSS и Javascript

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

Минификация

Минификация ресурсов означает удаление ненужных символов из ваших файлов HTML, Javascript и CSS. Удаляются следующие не нужные для загрузки файлов символы:

  • Пробельные символы
  • Знаки полной строки
  • Комментарии
  • Разделители

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

Объединение

Объединение – это процесс комбинирования ваших файлов CSS и Javascript в один файл, целью которого является снижение количества HTTP запросов. Иногда можно даже снизить время загрузки файлов. В зависимости от сайта можно ускорить загрузку страниц, применив параллельные загрузки. Так что тут нужно тестировать все способы, чтоб узнать, что именно лучше сработает для вашего сайта.

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

Большинство плагнов кэширования сейчас предлагают эти опции, но также есть другие бесплатные легковесные решения: Better WordPress Minify и Autoptimize. Также, когда мы говорим о позиционировании CSS иJavascript в WordPress, то лучше всего поместить CSS наверх, а javascript вниз. Заметим: если мы говорим об объединении HTTP/2, то сейчас оно не так важно, как раньше.

12. Уменьшение количества Misc HTTP запросов

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

Граватары

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

Вот вам несколько вариантов решения проблемы

Решение 1 – Отключить пользовательские граватары

Не идеальное решение, но оно сработает, если для вас реально важна скорость загрузки сайта.

Чтоб сделать это, установите бесплатный плагин WP User Avatar. А затем в его меню кликните “Disable Gravatar and use only local avatars.” Затем выберете дефолтный аватар

Решение 2 – Disqus быстрее

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

Отключение Emoji

В WordPress 4.2 появилась дополнительная поддержка emoji. И, к сожалению, это означает появление дополнительного файла javascript wp-emoji-release.min.js?ver=4.3.1 в «шапке». Благодаря этому создается ненужный дополнительный HTTP-запрос.

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

Сначала откроем настройки Публикации в WordPress и убедимся в том, что убрана галочка с “преобразовывать смайлики” в разделе «форматирование».

Способ 1 – WordPress-плагин

Установите бесплатный плагин Disable Emojis. Этот плагин отключает новую функциональность emoji в WordPress 4.2.

Способ 2 – WordPress функция

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

Отключение скриптов на базе уровня страниц

Обычно мы пытаемся избавиться от лишних плагинов, но есть плагин, называемый Gonzalez, который позволяет вам отключить ненужные скрипты и не дать им загрузиться на страницах всего сайта. Плагин не бесплатный, но стоит своих денег, если вы хотите подбавить немного газку. Например, Contact Form 7 – это великолепный WordPress-плагин, но по умолчанию он загружает свой скрипт на каждой странице. А с помощью этого плагина это можно легко отключить, чтоб плагин загружался только на контактной странице.

Отключение Embeds

Начиная с WordPress 4.4, происходит загрузка нового скрипта wp-embed.min.js , который позволяет вам просто вклеивать видео, картинки, твиты и т.д. К примеру, WordPress автоматически превратит URL в YouTube-вклейку и предоставит живое привью в визуальном редакторе. Многие люди эту функцию не используют, тем более, что мы всегда можете захватить код для вклейки с YouTube или Twitter. Большая проблема этой функции заключается в том, что она загружает скрипт на каждой странице. Давайте посмотрим, как можно отключить этот скрипт.

Вариант 1 – WordPress-плагин

Установите WordPress-плагин Disable Embeds. Вот что делает этот плагин:

  • Не позволяет другим вклеивать что-то в ваш сайт
  • Не позволяет вам вклеивать что-то с подозрительных сайтов
  • Отключает все JavaScript, родственные этой функции
Цукерберг рекомендует:  Php - Как работает RecursiveIteratorIterator в PHP

Вариант 2 – Функция WordPress

Или вы можете кинуть следующий кусок кода в нижнюю часть вашего файла functions.php .

Отключение комментариев

Когда бы вы не использовали древовидные комментарии в WordPress, скрипт comment-reply.min.js включается на каждой странице и записи. Если вы хотите отключить комментарии или используете сторонние системы комментирования типа Disqus, то вам не нужно загружать этот скрипт на каждой странице.

Чтоб отключить этот скрипт, вы можете кинуть следующий код в нижнюю часть вашего файла functions.php .

13. Отключение хотлинкинга

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

14. Отключение пингбэков и трекбэков

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

Вы можете отключить пингбэки и трекбэки в секции «Обсуждение» в WordPress. Заметим: применяется только к новым записям.

Чтоб отключить пингбэки старых записей, вы можете использовать массовое редактирование записей, а для пингов включить “Do Not Allow.” (Запретить)

15. Определите габариты картинок


Большинство из вас, вероятно, видело следующую рекомендацию от Google Pagespeed:

…Предположение по оптимизации: “Сжав и изменив … вы сможете сохранить 5.8 KB (51%).”

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

Лучше всего загружать картинки в WordPress, используя правильные параметры изначально. Иногда для этого нужно подрезать картинки в Photoshop, Paint или Gimp, перед тем, как вы загрузите их на ваш сайт.

16. Решаем проблему медленного admin-ajax.php

In WordPress 3.6 был представлен WordPress Heartbeat API, который позволяет WordPress устанавливать связь между браузером и сервером. WordPress Heartbeat API использует admin-ajax.php, чтоб осуществлять AJAX-обращения из веб-браузера. Вы, вероятно, можете наблюдать это во время проведения скоростного теста. Это может стать причиной активного использования CPU и возникновения множества PHP-обращений. К примеру, если вы оставили админку открытой, то запросы POSTбудут непрестанно посылаться к этому файлу на регулярной основе.

Есть бесплатный плагин для WordPress, который называется heartbeat control и позволяет контролировать то, как часто используется WordPress heartbeat API.

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

Затем вы можете сказать по названию “action” какой плагин его использует. В этом примере у нас “get_shares_count”, что указывает на социальный плагин с выключенным кэшированием. Если включить кэширование, то использование admin-ajax.php прекращается.

17. Настройка MySQL

Оптимизация MySQL также очень важна. К сожалению, она очень зависит от конкретного окружения и вашей установки, так что мы не можем указать вам на верную для вас конфигурацию. Файл с конфигурацией MySQL/MariaDB обычно находится в /etc/my.cnf. Вот, вам некоторые настройки, на которые надо обратить внимание:

  • tmp_table_size
  • query_cache_type
  • query_cache_size
  • query_cache_size
  • join_buffer_size
  • max_heap_table_size

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

18. Выберете надежный веб-хостинг

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

О наилучших решениях вы можете прочитать тут

О наиболее бюджетных и провернных в этой статье.

Подробный мануал ускорения Вашего WordPress сайта

Последнее изменение: 10.10.2020 2978

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

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

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

Для удобной навигации было создано меню.

Содержание

Основы работы WordPress

Ускорение WordPress простыми спедствами (без кодирования)

Оптимизация производительности WordPress

Точная настройка WordPress для скорости (Дополнительно)

Основы работы WordPress

Почему скорость важна для вашего сайта WordPress?

Исследования показывают, что с 2000 по 2020 года средний уровень внимания человека снизился с 12 секунд до 7 секунд.

Что это значит для вас, как владельца веб-сайта?

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

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

Согласно тематическому исследованию StrangeLoop, в котором участвовали Amazon, Google и другие более крупные сайты, 1 секунда задержки загрузки страницы может привести к 7% -ному снижению конверсий, на 11% меньше просмотров страниц и снижению удовлетворенности клиентов на 16%.

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

Итог, если вы хотите больше трафика, подписчиков и доходов от вашего сайта, то вы должны сделать ваш сайт WordPress очень быстрым!

Как проверить скорость вашего сайта в WordPress?

Часто начинающие считают, что их сайт в порядке, потому что он не чувствует себя медленно на своем компьютере. Это ОГРОМНАЯ ошибка.

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

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

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

Именно поэтому мы рекомендуем вам протестировать скорость вашего сайта с помощью инструмента Pingdom .

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

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

Хорошее время загрузки страницы составляет менее 2 секунд.

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

Что замедляет ваш сайт WordPress?

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

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

Основными причинами для медленного веб-сайта WordPress являются:

  • Веб-хостинг. Если ваш веб-хостинг/сервер настроен неправильно, это может ухудшить скорость загрузки страницы.
  • Конфигурация WordPress. Если ваш сайт WordPress не обслуживает кешированные страницы, он перегрузит ваш сервер, что приведет к замедлению работы вашего сайта или сбою.
  • Размер страницы. Основные изображения, которые не оптимизированы для Интернета.
  • Плохие плагины. Если вы используете плохо написанный плагин, это может значительно замедлить работу вашего сайта.
  • Внешние скрипты. Внешние скрипты, такие как объявления, загрузчики шрифтов и т. д., Также могут иметь огромное влияние на производительность вашего сайта.

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

Важность хорошего хостинга WordPress

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

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

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

Мы рекомендуем Time-Host.net как наш предпочтительный хостинг-провайдер WordPress.

Ускорение WordPress в простых шагах (без кодирования)

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

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

Я покажу вам, как можно ускорить работу сайта WordPress всего за несколько кликов (без необходимости правок кода).

Если вы можете наводить мышку и щелкать, вы сможете это сделать!

Установите плагин для кэширования WordPress

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

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

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

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

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


Для WordPress доступно много плагинов для кеширования, но мы рекомендуем использовать плагин WP Super Cache. Ознакомьтесь с нашим пошаговым руководством по установке и настройке WP Super Cache на вашем сайте WordPress. Его не сложно настроить и ваши посетители заметят разницу.

Оптимизация изображений для скорости

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

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

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

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

На блоге Romua1d.ru мы используем только два формата изображения: JPEG и PNG.

Теперь вам может быть интересно: какая разница?

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

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

Итак, как мы решаем, какой формат изображения выбрать?

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

Большинство наших изображений — это JPEG.

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

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

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

Оптимизация производительности WordPress

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

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

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

Обновите сайт WordPress

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

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

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

Использовать сокращенные записи на главной странице и архивах

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

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

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

Вы можете перейти к настройкам «Чтение» и выбрать для каждой статьи в ленте, показывать: «краткий текст» вместо «полного».

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

Разделить комментарии на страницы

Получаете много комментариев в сообщениях своего блога? Мои поздравления! Это отличный показатель вовлеченной аудитории.

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

WordPress поставляется со встроенным решением для этого. Просто зайдите в Настройки «Дискуссия» и установите флажок рядом с параметром «Перерыв на страницы».

Более подробные инструкции см. В нашем руководстве по разбивке комментариев в WordPress.

Используйте сеть доставки контента (CDN)

Помните, как мы упоминали выше, что пользователи в разных географических точках могут испытывать разные времена загрузки на вашем сайте?

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

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

CDN — это сеть, состоящая из серверов по всему миру. Каждый сервер будет хранить «статические» файлы, используемые для создания вашего сайта. Статические файлы — это неизменные файлы, такие как изображения, CSS и JavaScript, в отличие от ваших страниц WordPress, которые являются «динамическими», как объяснялось выше.

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

Вы можете увидеть, как это работает в этой инфографике.

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

Не загружайте видео прямо в WordPress

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

Но вы НИКОГДА не должны этого делать!

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

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

Вместо этого вы должны использовать услугу видеохостинга, такую как YouTube, Vimeo, DailyMotion, RuTube и т. Д., И пусть они позаботятся о тяжелой работе. У них есть пропускная способность!

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

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

Используйте тему, оптимизированную для скорости

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

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

Премиальные тематические магазины WordPress, такие как StudioPress, Themify и Array Themesoffer, которые хорошо реализованы и оптимизированы для скорости. Вы также можете ознакомиться с нашей статьей о выборе идеальной темы WordPress для консультаций о том, что искать.

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

Используйте плагин Faster Slider

Слайдеры — еще один общий элемент веб-дизайна, который может сделать ваш сайт медленным.

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

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

Вот как он сравнивается с другими популярными плагинами слайдера.

Используйте быстрый плагин галерей

Если у вас есть веб-сайт для фотографии или портфолио, вы, вероятно, захотите использовать плагин галереи изображений для отображения своих фотографий.

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

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

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

Точная настройка WordPress для скорости (Advanced)

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

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

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

Разделить длинные сообщения на страницы


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

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

Вместо этого рассмотрите возможность разделения ваших более длинных сообщений на несколько страниц.

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

Более подробные инструкции см. В нашем учебном пособии по размещению страниц. Как разбить сообщения WordPress на несколько страниц.

Уменьшить внешние HTTP-запросы

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

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

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

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

Сокращение вызовов базы данных

Примечание. Этот шаг является немного более техническим и потребует базовых знаний о файлах шаблонов PHP и WordPress.

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

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

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

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

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

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

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

Ограниченные редакционные публикации

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

Вы можете легко ограничить количество версий WordPress для каждой статьи. Просто добавьте эту строку кода в файл wp-config.php.

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

Отключить Hotlinking и похищение вашего контента

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

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

Просто добавьте этот код в ваш .htaccess файл, чтобы блокировать хотлинкинг изображений с вашего сайта WordPress.

Примечание. Не забудьте изменить romua1d.ru на Ваш собственный домен.

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

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

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

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

Ускорение работы WordPress

Многие сталкиваются с проблемой медленной работы сайтов на CMS WordPress, особенно когда используется стандартная сборка с n-ым десятком плагинов. Самая большая проблема в том, что чем больше потребляет серверных мощностей ваш сайт, тем скорее вас попросят перейти на более дорогой тарифный план. Я сам постоянно сталкивался с этой проблемой, когда делал сателлиты на WordPress, а СДЛ посещаемость которых переходила за 1000 посетителей в сутки даже на самых дорогих тарифных планах хостингов ужасно тормозили. Я пробовал кеширование, отказывался от плагинов, но это не давало нужного эффекта, со временем у меня накопился ряд методик как снизить нагрузку на хостинг и ускорить сайт, я решил их обьединить в виде одного поста и поделиться с вами. Хочется надеятся, что этот пост станет библией по ускорению WordPress и все будут знать где есть самое полное пошаговое руководство по ускорению WordPress.

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

Шаг 1: Подготовка

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

Шаг 2: wp-config.php

Файл wp-config.php — является файлом конфигурации WordPress и находится в корневой папке сайта.

Я хочу вам рассказать про несколько методов с помощью которых мы сможем уменьшить нагрузку на хостинг:

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

Так же не забудьте добавить обьедененный файлов переводов ru_RU_lite в директорию http://вашсайт.ru/wp-content/languages/.

Так же рекомендую сразу выставить необходимое количество ревизий при написании поста.
Ревизии — это черновики, которые автоматически сохраняются во время написания поста, тем самым позволяя ему вернуться на некоторое время назад при написании. Ревизий может быть несколько, а так же можно указать через какое время они должны обновляться. Я использую одну ревизию, которая перезаписывается каждые 60 секунд, на некоторых своих сайтах на WordPress я их вовсе отключаю, так как пользуюсь внешним редактором. Отключение ревизий даёт прирост в скорости работы редактора и админки WordPress.
Для того, чтобы была одна ревизия и она сохранялась каждые 60 секунд, нужно добавить следующую строчку в wp-config.php перед последним закрывающимся ?>:

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

Шаг 3: Robots.txt

Файл Robots.txt – это текстовый файл, находящийся в корневой директории сайта, в котором записываются специальные инструкции для поисковых роботов. Эти инструкции могут запрещать к индексации некоторые разделы или страницы на сайте, указывать на правильное «зеркалирование» домена, рекомендовать поисковому роботу соблюдать определенный временной интервал между скачиванием документов с сервера и т.д. ©Robotstxt.org.ru

Посещение поисковыми роботами вашего сайта приводит к значительной нагрузке на ваш сайт. Так как нас интересуют только поисковые роботы Яндекса, Google и Рамблера, в некоторых случаях ещё и Yahoo, то остальных роботов (в том числе различные парсеры и грабберы, которые воруют ваш контент), можно закрыть от индексации. Для этого необходимо вставить следующие строчки в файл Robots.txt, если у вас его нет, то необходимо его сначала создать в корневой директории сайта. Эффект наступит не моментально, но в течении месяца практически все роботы из списка сведут свои заходы к минимуму или вовсе перестанут посещать ваш сайт.

Цукерберг рекомендует:  Html - Как работают блоки в css

Если вы хотите так же заблокировать доступ для Yahoo, что помимо снижения нагрузки на хостинг скроет и ваши беки по версии Yahoo, то необходимо добавить ещё следующие строчки в Robots.txt:

Шаг 4: .Htaccess

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

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

*В данном коде нужно заменить yourdomain на название вашего домена, то же самое касается и доменной зоны. Изображение которое будет показываться на чужих сайтах должно находиться в корневой директории вашего сайта и иметь название stophotlinking и формат gif.

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

Если выше приведённый пример не заработает, попробуйте альтернативный метод:

С помощью .Htaccess мы можем сделать кеширование файлов jpg,gif,png,css,js и других в браузере пользователя на сутки с помощью ниже приведённого кода, если же в содержимом произойдут изменения, то кеш обновится:

*В браузере обязательно должно быть включено кеширование.

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

*На одном сайте сайте не может работать gzip и zlib компрессия, поэтому выберите что-то одно.

Практически каждый сайт на CMS WordPress сталкивается с проблемой спама в комментариях, чтобы отсечь весь автоматический спам ещё на подходе, можно фильтровать спаммеров по Referrer.
Referer — это один заголовков запроса клиента, то есть если вы перейдёте с одной страницы на другую, то вторая страница сможет узнать по referer адрес первой страницы. Так как программы с помощью которых делается спам делают переход напрямую сразу на страницу комментирования, то мы их сможем отсечь. Это не значит что можно отказываться от плагинов для предотвращения спамма, но это поможет вам снизить количество спамма и нагрузку на ваш сайт. Для реализации необходимо вставить ниже приведённый код в .htaccess:

*Не забудьте заменить yourdomain .ru на адрес вашего сайта

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

Если не заработает редирект, то попробуйте поместить данный код в самое начало файла .htaccess.
*Не забудьте заменить «http://feeds2.feedburner.com/puzat» на адрес своего фидбёрнера.

Шаг 5: Пинги

Когда вы публикуете новый материал на сайте, то WordPress отправляет пинги на множество сервисов, чтобы их известить об этом, мной был составлен большой список пинг сервисов, после тестов по их нагрузке на сервер и эффекту индексации было принято решение, что стоит оставить только необходимые пинги для поисковиков Яндекс и Google, а именно:

  • http://ping.blogs.yandex.ru/RPC2
  • http://blogsearch.google.com/ping/RPC2
  • http://blogsearch.google.ru/ping/RPC2


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

Шаг 6: WordPress плагины

  1. Первым делом рекомендую вам пересмотреть список ваших плагинов и удалить те, которыми вы не пользуетесь.
  2. Так же постарайтесь максимально уменьшить количество используемых плагинов за счёт отключения необязательных и их удаления.
  3. Практически каждый плагин подгружает свои CSS и JS, их с помощью онлайн-сервисов: онлайн-сервис по сжатию CSS, онлайн сервис по сжатию JS кода.
  4. Убедитесь что необходимые вам плагины загружаются только на необходимых вам страницах, часто встречается, что плагины подгружаются на всех страницах, это можно проверить посмотрев исходный код страницы и поискав название плагина или его сокращения. Для того, чтобы плагин обратывался только на необходимых вам страницах нужно будет написать условие внутри кода плагина.

Шаг 7: Оптимизация кода темы (шаблона) сайта

Для тех, кто не знает где находится ваш шаблон на сайте, вы можете зайти в исходный код страницы нажав на странице своего сайта правой кнопкой мыши и выбрав «Исходный код страницы», там необходимо найти строку:

вместо « yourdomain .ru» будет название вашего сайта, а вместо «yourthemes» будет директория с вашей темой. После чего мы заходим в эту папку и можем видеть все файлы темы. Так же тему можно редактировать и через админку WordPress для этого необходимо зайти в админку->Внешний вид->Редактор.

    1. Первым делом нужно удалить лишние обращения к базе данных, например в файле шапке (header.php) часто используется стандартная вставка:

Все эти обращения к базе данных через php запросы, можно заменить на:

*но нужно учитывать, что если у вас другая кодировка, то в charset=ВАШАКОДИРОВКА
Тоже самое касается ссылки на стили:

*Не забудьте заменить yourdomain.ru на ваш сайт, а так же поменяйте название темы.

*Не забудьте заменить site.ru на ваш сайт.

*Не забудьте заменить site.ru на ваш сайт, а так же надпись «ВАШ САЙТ» на название вашего сайта.

    Так же можно удалить излишние мета-теги сайта из wp_head, вставив следующий код в файл функций (functions.php) вашей темы.

Перейдём к правке подвала (footer.php), в нём так же часто оставляют запросы к базам данных, например вида:

Который можно заменить просто на статическое название сайта, например название моего блога: «Блог Пузата про заработок в интернете».

  • Обращения к базам данных в шаблонах встречаются не только в header.php и footer.php, но и в других файлах темы, но там уже нужно смотреть индивидуально, пробуйте менять, но не забывайте делать бекапы файлов.
  • Уберите все комментарии из вашего шаблона, если они не требуются. За вывод комментариев в постах/страницах отвечает следующий код:

    Просто удалите его и из ваших постов/страниц исчезнет даже упоминание о комментариях.

  • Так же почистите код от закомментированных вставок, если они вам не требуются. Я имею ввиду и /*код*/ .
  • Старайтесь свести к минимуму, а лучше вообще отказаться от использования внешних скриптов, то же самое касается изображений и других файлов используемых с других сайтов, так как это может значительно замедлить работу сайта. Можно попробовать перенести код этого скрипта к себе на сайт или же попробовать сделать данную реализацию самому. Что же касается картинок и других файлов лучше их скопировать и сохранить у себя на сайте.
  • Вы так же можете оптимизировать скрипты и стили с помощью ранее предложенных онлайн сервисов.
  • Пропишите в header.php чтобы ваш сайт проходил дополнительную компрессию со стороны сервера, но перед этим проверьте поддерживает ли ваш сервер(хостинг) данную функцию, для этого нужно создать файл proverka.php в корневой директории сайта и вставить в него следующий код:

    После чего открываем этот файл в браузере http://site.ru/proverka.php и ищем zlib, если стоит enabled, то есть включен, то мы можем добавлять код:

    Если ваш хостинг не поддерживает Zlib, то вы можете попросить суппорт хостинга включить его, сейчас практически каждый хостинг его включает изначально, нам же остаётся его лишь прописать в header.php прямо перед !DOCTYPE… , то есть в самом начале кода.
    *На одном сайте не может работать gzip и zlib компрессия, поэтому выберите что-то одно.

    Старайтесь размещать все ваши скрипты прямо перед

    Как ускорить загрузку сайта 10 способов

    Доброго времени суток, дорогие коллеги! Хочу вернуться ещё раз к важной теме — как ускорить загрузку сайта 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:

    Плагин Cloudflare для WordPress

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

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

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

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

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

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

    10. Настройка Google AMP

    Google AMP (Accelerated Mobile Pages) – это фреймворк для создания облегчённых версий веб-страниц для мобильных устройств. Для ускорения загрузки эти страницы предварительно загружаются и кэшируются серверами Google.

    Для настройки AMP пользователям WordPress рекомендуется использовать официальный AMP-плагин.

    Плагин AMP for WordPress

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

    11+ способов ускорить загрузку WordPress сайта.

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

    Но после того, как я его открываю, я вижу как долго грузится сайт, мне становится лень ждать и я закрываю статью. Не мучайте своих читателей и ускорьте загрузку сайта в интернете, потому что это повлияет не только на доверие ваших читателей, но и на доверии от поисковых систем (Как добавить сайт в поисковые системы?). Google, например особенно любит наказывать тормозные сайты…

    Честно признаюсь, что до написания этой статьи, я никак не оптимизировал сайт WpMen, сейчас же, я вместе с вами буду выполнять эту работу и посмотрим на сколько загрузка сайта ускорится… Сейчас она такова: 6,97 секунд на сайте http://tools.pingdom.com/fpt/ , а так же аж 61 секунду на http://sitespeed.ru/ — не думаю что это правда, но этот сайт имеет определенный авторитет…

    После проделанной работы описанной ниже, скорость загрузки сайта значительно улучшилось. А это с 6,97 секунд скорость загрузки по первому показателю упала до 1,87. А по второму показателю с 61 секунды до 12,11 секунд… Результат просто шикарный, даже я удивлен

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

    Ещё хочется добавить, что мой хостинг показывает, что средняя скорость загрузки сайта равно 10 секундам. Но это средняя, по этому посмотреть результат после проделанной работы будет невозможно. Давайте перейдем к уроку ��

    1. Выбор качественно хостинга.

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

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

    2. Настройка Wp-Config.php — Ускорение работы сайта.

    Так же хочется рассказать вам о способе настройки файла wp-config.php, который хранится в корневой папке вашего сайта, позволяющие немного снизить нагрузку на хостинг, тем самым ускорят загрузку сайта в интернете:

    Найти в файле wp-config.php строку с помощью программы notepad++:

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

    3. Настройка Robots.txt — запрет на индексацию ненужным сайтам.

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

    Рекомендую вам добавить следующие строки, сразу же перед строкой «Host». После чего значительно меньше поисковых жуков будут посещать ваш сайт, тем самым уменьшая загрузку. Кроме Yandex и Google, часто к нам заходит Yahoo. Но она не очень популярна, по этому, если хотите ее исключить, то пропишите следующее:

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

    4. Корректировка файла .Htaccess для снижения нагрузки на сервер.

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

    Настройка №1: Довольно таки часто с наших сайтов копируют информацию вместе с картинками, когда такое происходит, в картинках, которые лежат на нашем сайте, не изменяют адреса, следовательно на чужих скопированных статьях картинки подгружаются из нашего сервера, что загружает его…

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

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

    Настройка №2: Так же в файле .Htaccess мы можем указать на кэширование некоторых объектов, что бы не заставлять браузер пользователя загружать их несколько раз. Для этого в этом же файле ниже первого кода добавляем:

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

    Настройка №4: Вам известен СПАМ в комментариях? Большинство этих комментариев отправляются автоматически, сейчас я вам расскажу как это предотвратить, да еще и ускорить скорость загрузки сайта. Просто добавьте код:

    ВНИМАНИЕ. Не забудьте адрес wpmen.ru изменить на адрес своего сайта…

    Настройка №5: Если вы пользуетесь системой FeedBurner, то у вас явно установлены плагины, которые отправляют RSS-контент на сайт FeedBurner. Сегодня вы можете их удалить, потому что перенаправить контент можно и без плагинов, уменьшив нагрузку на хостинг.

    ВНИМАНИЕ. Не забудьте изменить адрес на URL вашего фида в самой последней строчке…

    5. Пинги — ускорение работы сайта.

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

    • http://ping.blogs.yandex.ru/RPC2
    • http://blogsearch.google.com/ping/RPC2
    • http://blogsearch.google.ru/ping/RPC2

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

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

    Большое значении в скорости загрузки сайта имеет База данных, ведь именно оттуда сайт выгружает весь контент, которым мы в последующем пользуемся… Со временем База данных засоряется и её нужно не только очищать от ревизий, но и оптимизировать. Сделать это за вас сможет плагин Optimize DB. Как пользоваться плагином я описывал ранее, так что пользуйтесь ��

    7. Оптимизация кода шаблона (темы).

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

    Настройка №1: Сперва необходимо уменьшить нагрузку на сайт, удалив ненужные обращения к Базе данных. В файле Header.php обычно используется стандартная вставка:

    Её можно заменить на:

    Если вы используете на сайте не UTF-8, тогда в коде за словом Charset, замените на свою кодировку.

    Настройка №2: Найти код, который отвечает за стили в файле header.php:

    Внимание. Не забудьте изменить WpMen.ru на ссылку своего сайта…

    Настройка №3: Изменить код пинбеков:

    Заменить с исправлением Wpmen.ru на свою ссылку:

    Настройка №4: Изменение кода RSS ленты:

    Внимание. Не забудьте заменить ссылку WpMen.ru на ссылку своего сайта…

    Настройка №5: Довольно часто в подвале сайта (footer.php), разработчики тем оставляют совершенно ненужные запросы к Базе данных. Например:

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

    Настройка №6: Добавьте в файле header.php сразу же после :

    Некоторые маленькие советы, которые позволят ускорить загрузку сайта:

    1) Если ваш сайт не использует комментарии, не стоит их скрывать с помощью плагинов, это создает совершенно ненужную нагрузку. Так как вам комментарии совершенно не нужны, просто удалите следующий код из файла темы (single.php):

    2) Старайтесь не использовать внешние скрипты, такие как, комментарии от Вконтакте, различные виджеты социальных сетей. Да, это выглядит красиво и эффектно, но создает приличную нагрузку на сайт…

    3) Так же почистите весь код вашего сайта от комментариев, данные комментарии вставляются с помощью тегов и /*код/. Оставьте только нужное, так как сайту приходится тратить лишние силы на их загрузку…

    4) Старайтесь размещать все скрипты прямо перед тегом

  • Понравилась статья? Поделиться с друзьями:
    Все языки программирования для начинающих