Как ускорить сайт на WordPress
Тема оптимизации WordPress сайтов с целью заставить их работать быстрее не нова.
Первое и самое главное здесь — включить кэш на стороне сервера. Также рекомендуется использовать CDN для кэширования при доставке контента. Разберем подробнее: что, где и как кэшировать.
Для примера установим чистый WordPress на сервере отечественного хостера. Время генерации одной страницы со старта без каких-либо плагинов достигает полсекунды. Полная загрузка страницы у пользователя из Европы занимает около 1 сек., в США (запад) — 2.2 сек., в Австралии — 2.8 сек. Цифры получены следуя этой инструкции и на основе данных загрузки сайта из разных уголков мира с помощью сервиса Webpagetest.
Как видим, не слишком быстро для пустого движка. А значит есть повод для кэширования.
Кэширование на сервере
Слабым местом многих сайтов являются тяжеловесные запросы к базе данных MySQL. В WordPress они зачастую генерируются установленными плагинами.
Прежние рекомендации ускорения базы данных с помощью кэша запросов нельзя назвать перспективным решением, ведь в последней версии MySQL кэширование напрочь убрали из-за проблем при масштабировании. Попробуйте установить бесплатный Query Monitor и выявить плагины, генерирующие ресурсоемкие запросы. По возможности выключите их или замените адекватными аналогами.
Если все же необходимость подключить кэш ответов MySQL осталась, для этого можно использовать опенсорсный инструмент проксирования запросов ProxySQL.
Идем дальше — кэширование в PHP. Во всех последних версиях начиная с 5.5 здесь по дефолту включено расширение OPcache. Таким образом, скомпилированный код автоматически сохраняется в памяти для максимально быстрого его исполнения.
Результатом работы упомянутых выше MySQL запросов и PHP скриптов является сгенирированный HTML код, который отдается пользователю в качестве веб-страницы. Если этот HTML временно (до внесения изменений в контент) сохранять на сервере и отдавать его пользователям без обращения к PHP и MySQL — время загрузки такой страницы будет наименьшим. По такому принципу работает большинство WordPress плагинов кэширования. Они сохраняют уже сгенерированную HTML страницу как файл и отдают ее за сотые доли секунды.
Среди кэш-плагинов по числу установок лидирует бесплатный WP Super Cache. После его установки, включаем кэширование и жмем «Обновить»:
Работающий плагин добавляет в конце HTML кода закэшированых страниц информацию о времени их создания:
Стоит упомянуть о возможности использовать вместо кэширующих плагинов кэш от Nginx. Принцип его работы такой же, как и у плагинов. Nginx генерирует временные файлы, в которых хранит результаты предыдущих запросов.
Чтобы не запутаться в многоуровневых кэшах, старайтесь избегать одновременного использования кэш-плагинов и кэширования в Nginx.
Подключение CDN для WordPress
Помимо исполняемых на сервере PHP скриптов и MySQL запросов, движок WordPress содержит и статические файлы: картинки, стили, шрифты, яваскрипты. Скорость загрузки таких файлов зависит от их размера и того, насколько географически далеко от них находится пользователь.
Касаемо размеров файлов, — за этим всегда нужно следить. Не стоит ждать от картинки в несколько мегабайт быстрой загрузки на мобильном интернете.
Для того, чтобы у пользователей из других стран и континентов ваши файлы грузились быстро, используйте CDN. Это cети доставки контента, которые хранят копии ваших файлов на кэширующих CDN-серверах в разных географических регионах. Запросив файл через CDN, пользователь максимально быстро получит его с ближайшего сервера.
Подключим CDN к своему сайту. Для этого зарегистрируемся на BunnyCDN и, указав лишь емейл, сразу получим на тест 1Тб бесплатного мирового трафика.
Затем в личном кабинете нужно создать Pull зону, выбрав для нее имя и указав адрес нашего сайта, откуда будут тянуться файлы для кэширования по всему миру:
Создав зону, в конце выбираем «Wordpress» и следуем короткой инструкции по включению плагина кэширования:
Результат
После включения плагина кэширования и подключения CDN скорость загрузки страницы сайта снизилась до полусекунды для Европы и почти до секунды для США и Австралии. Посетители, определенно, будут довольны, а просмотров станет больше.
Таким образом, в нашем примере чистый WordPress без картинок пользователи по всему миру стали загружать в среднем в 2 раза быстрее. Для сайтов, нафаршированных картинками, стилями и яваскриптами, выгода будет еще существеннее.
Как подключить CDN для WordPress бесплатно
Доброго времени суток, дорогие коллеги по WordPress! Сегодня у меня для вас инструкция: как подключить CDN для WordPress бесплатно. Друзья, воспользовавшись моим руководством вы не только можете подключить CDN (Сеть доставки контента), но и получить бесплатный SSL сертификат для своего сайта. А также получите защиту сайта от DDoS-атак и всё это бесплатно. WordPress + SSL + CDN + защита от DDoS = Выигрышная комбинация. Cloudflare резко улучшает производительность сайтов WordPress с минимальной конфигурацией.
Подключение сайта WordPress к интеллектуальной глобальной сети (CDN)
В наши дни скорость загрузки веб-страниц является важным фактором для рейтинга в поисковых системах. Существует много способов ускорить работу сайтов на WordPress. Например, с помощью плагина кэширования WP Super Cache, модуля оптимизации изображений или использования сети доставки контента (CDN). Лучшие результаты могут быть достигнуты при использовании всех этих методов в сочетании.
Что такое CDN?
Сеть доставки контента (CDN) относится к географически распределенной группе серверов, которые работают вместе для обеспечения быстрой доставки интернет-контента. CDN обеспечивает быструю передачу ресурсов, необходимых для загрузки интернет-контента, включая HTML-страницы, файлы JavaScript, таблицы стилей, изображения и видео.
CDN – это крупная сеть серверов, распределённых по всему миру, способная кэшировать файлы вашего сайта, а затем отправлять эти файлы с ближайшего к вашим пользователям сервера. Таким образом, в идеальной ситуации пользователь в Нью-Йорке загрузит файлы сайта с северо-востока Соединенных Штатов, а не западного побережья или Европы.
Популярность услуг CDN продолжает расти, и сегодня большая часть веб-трафика обслуживается через CDN, включая трафик с крупных сайтов, таких как Facebook, Netflix и Amazon.
DDoS-атаки никто не любит, потому что они всегда случаются неожиданно. Правильно настроенный CloudFlare CDN может также помочь защитить веб-сайты от некоторых распространенных злонамеренных атак, таких как атаки распределенного отказа в обслуживании (DDoS).
Сервис CloudFlare CDN
Маршрутизация трафика через CloudFlare позволит сократить время загрузки сайта и повысить его безопасность.
Cloudflare защищает и ускоряет любой веб-сайт онлайн
CloudFlare — действительно очень удобный сервис. Согласитесь, защитить сайт, забыть о кешировании, установить статистику и не тратить нервы, если сайт недоступен, просто перенеся сайт на другие DNS — это здорово. А если почти всеми этими возможностями можно пользоваться абсолютно бесплатно, то такой сервис — просто сказка.
Как подключить CDN CloudFlare к сайту
Создать аккаунт Cloudflare
Создайте учетную запись Cloudflare, введя свой адрес электронной почты и пароль. После нажать кнопку » Create Account «:
Регистрация в Cloudflare
Добавьте свой сайт в Cloudflare
В течение минуты ваш сайт анализируется. После завершения сканирования DNS нажмите кнопку NEXT.
После завершения сканирования DNS нажмите Далее
Вам будет предложено выбрать план CloudFlare. Выберите бесплатный тариф FREE (бесплатный план для небольших личных веб-сайтов и блогов). Бесплатно представляется: Глобальный CDN, защита от DDoS атак и SSL-сертификат. Бесплатный план Cloudflare не имеет ограничений по объему трафика, который используют ваши посетители или добавляемые вами веб-сайты.
Записи A могут направлять свой трафик через систему Cloudflare
Сейчас CloudFlare просит сменить NAME-сервера вашего домена на его NAME в правой колонке. Чтобы начать пользоваться всеми преимуществами Cloudflare в отношении скорости и безопасности, вам необходимо изменить серверы имен, настроенные на вашем регистраторе доменов:
Для активации домена вы должны указать своим серверам имен (DNS) на Cloudflare
В моём рассматриваемом примере это: elmo.ns.cloudflare.com и pola.ns.cloudflare.com У вас серверы имен скорее всего будут отличаться от приведенных на скриншоте выше. Теперь нужно в панели управления регистратора домена сменить NAME-сервера домена.
Войдите в панель управления регистратора вашего домена и обновите серверы доменного имени на CloudFlare. Например, если домен регистрировался через Beget, то сменить их можно в разделе DNS:
Панель управления Бегет, раздел DNS
Выберите свой нужный домен и нажмите Редактирование DNS серверов:
Домен делегирован сторонним DNS-серверам
Обратите внимание, что распространение DNS по всему миру может занять от 24 до 72 часов. После завершения обновления серверов имен вы получите электронное письмо с подтверждением от CloudFlare. Мне пришло письмо в течение часа:
Письмо от CloudFlare
Вы также можете проверить статус на сайте CloudFlare. Ваш сайт не столкнется с простоями во время этого процесса. Ваши посетители даже не заметят каких-либо изменений в это время.
После полного делегирования домена на NAME-сервера CloudFlare все запросы будут полностью проксироваться через CloudFlare. Когда процесс делегирования домена успешно завершится, в личном кабинете CloudFlare должно отображаться, что сайт полностью активирован на CloudFlare:
Сайт полностью активирован на CloudFlare
В личном кабинете на панели инструментов вы можете изменять настройки Cloudflare для своего сайта:
Личный кабинет на сайте CloudFlare. Панель инструментов
Если ваш сайт на WordPress, то все настройки можно произвести одним щелчком мыши. Или даже можете подключить CDN CloudFlare к сайту ВордПресс прямо из ВАШЕЙ админпанели. Об этом читайте ниже.
Данная инструкция ваших действий на сайте CloudFlare применима для любого сайта. А при использовании WordPress и CloudFlare установите официальный плагин CloudFlare.
CloudFlare имеет официальный плагин для WordPress, который поставляется с некоторыми удобными функциями:
Плагин Cloudflare CDN для WordPress
Бесплатный официальный плагин Cloudflare для WordPress ускоряет загрузку страниц, улучшает SEO и защищает от DDoS-атак и уязвимостей ВордПресс.
Самый простой способ настроить Cloudflare для вашего сайта WordPress
Оптимизированные для WordPress настройки в один клик. Самый простой способ настроить Cloudflare для вашего сайта WordPress. Более 2 725 983 активных установок плагина
Создать аккаунт Cloudflare или войти
Вам будет предложено на странице входа CloudFlare ввести свой адрес электронной почты и ключ API. Это необходимо для поддержки всех функций, предлагаемых плагином:
Нажмите на ссылку получите ваш ключ API здесь
Ваш глобальный ключ API
После того, как вы получили свой ключ API, введите свой адрес электронной почты и ключ API внутри вашего сайта WordPress. Кликните на кнопку Сохранить учетные данные API.
Далее, переходим к настройкам Cloudflare.
Примените рекомендуемые настройки Cloudflare для обеспечения оптимальной производительности сайта. В разделе Optimize Cloudflare for WordPress нужно нажать кнопку Apply. А в разделе Automatic Cache Management (очистите кэш Cloudflare автоматически при обновлении внешнего вида вашего сайта) включите On:
Рекомендуемые настройки CloudFlare для WordPress сайта
Всё, базовые настройки выполнены. Наслаждайтесь проделанной работой.
Бесплатный сервис веб-аналитики Cloudflare
Cloudflare Web Analytics
Новый сервис будет открыт для всех желающих. Чтобы им воспользоваться, необязательно быть клиентом компании. Что касается клиентов Cloudflare, то они получат доступ к нему автоматически.
Отличием Cloudflare Web Analytics от других решений на рынке является упор на защиту конфиденциальности.
Среди доступных показателей значатся:
Необходимая веб-аналитика от Cloudflare
В сервисе также доступна диагностика метрик Core Web Vitals, которые скоро станут частью нового сигнала ранжирования Google.
Cloudflare позиционирует свой аналитический сервис как privacy first. Это значит, что он не будет отслеживать пользователей в интернете. Поэтому посетителям сайта можно не беспокоиться о том, что за их действиями будут следить.
Cloudflare не использует IP-адреса в работе своего сервиса.
Cloudflare может собирать аналитические данные для вашего веб-сайта двумя способами: из клиентских браузеров с помощью маяка JavaScript или на пограничных серверах Cloudflare. Выберите тот, который лучше всего соответствует вашим потребностям.
В заключение
Подключить CDN не так сложно, справится любой пользователь. Подключив свой сайт к CDN CloudFlare вы улучшите время загрузки сайта. Благодаря кэшированию и другим способам оптимизации CDN вы сократите нагрузку на свой хостинг.
CloudFlare CDN повысит безопасность вашего веб-ресурса, предоставляя средства защиты от DDoS атак. А также, вы получите бесплатный SSL-сертификат безопасности и другие способы оптимизации WordPress.
5 бесплатных CDN сервисов для ускорения загрузки вашего сайта на WordPress
Хотите ускорить ваш сайт на WordPress, не прибегая к большим тратам и усилиям? После выполнения всех других основных оптимизаций по скорости загрузки сайта на WordPress, одним из лучших способов сократить время загрузки вашего сайта будет применение CDN.
Но, скорее всего, вы не готовы добавлять еще один ежемесячный платеж в свои счета. Поэтому, если вы хотите ощутить все преимущества использования CDN без необходимости за это платить, продолжайте читать о пяти бесплатных CDN сервисах, которые хорошо интегрируются с WordPress.
Зачем использовать CDN для WordPress?
CDN (Content Delivery Network — сеть доставки и дистрибуции контента) ускоряет ваш сайт путем загрузки статических ресурсов запрашиваемого сайта с ближайшего к пользователю дата-центра, а не с основного веб-сервера, где расположен сайт. Близкое расположение имеет фактическое воздействие на выполнения загрузки, так что это может существенно улучшить время загрузки страницы.
Но речь идет не только о скорости — с помощью CDN можно освободить пропускную способность путем перемещения больших файлов.
Поэтому, если вы хотите:
Но если вы только начинаете, и бюджет у вас небольшой, тратить лишние деньги вы не захотите. Это понятно. Вот почему мы создали список из 5 лучших бесплатных сервисов CDN для WordPress.
1. CloudFlare
CloudFlare — номер один в этом списке, потому что это, наверное, самое известное бесплатное решение для CDN. У него также есть дополнительные функции для обеспечения безопасности сайта, что делают его более выгодным, чем некоторые другие бесплатные CDN в этом списке.
CloudFlare кэширует контент по всей сети и подает его повсюду, где находятся ближайшие посетители. Одним из основных преимуществ является то, что CloudFlare не взимает плату за скорость обработки — это на 100% бесплатно. Некоторые другие CDN — бесплатные только до определенных пределов.
CloudFlare утверждает, что обычный сайт, который использует их фирменный CDN, грузится в два раза быстрее, и это происходит благодаря сети из 28 дата-центров, разбросанных по всему миру.
В дополнение к CDN, бесплатный план CloudFlare предоставляет ограниченную защиту от DDoS-атак, а также бесплатный сертификат SSL.
Простая интеграция в wordpress с помощью плагина идет в качестве дополнительного бонуса.
2. Jetpack
Если вы используете плагин Jetpack для WordPress, у вас уже есть доступ к обычному бесплатному CDN. Модуль Jetpack Photon позволяет пользоваться WordPress CDN для загрузки изображений с различных серверов WordPress.
Чтобы начать работу Photon, необходимо установить и активировать плагин Jetpack. Затем зайти в настройки Jetpack, прокрутить вниз и включить Photon модуль.
Следует помнить одну важную вещь: Photon — это не полноценный CDN, он работает только для изображений и не принимает HTML или JavaScript.
В то время как изображения составляют основной размер большинства веб-страниц, вы не извлечете выгоду от Jetpack CDN для не-графических файлов. Это, безусловно, очень важный фактор.
3. Swarmify
Swarmify (известный как Swarm CDN) — это бесплатный сервис CDN со специальным WordPress плагином для простой реализации. Так же, как и Jetpack, Swarmify занимается только изображениями.
Swarmify может работать в автономном режиме или вместе с существующим CDN. Он обеспечивает быструю доставку изображений, используя свою технологию «hyperlocal geo-serving».
4. Amazon CloudFront
Amazon CloudFront — это сервис доставки контента 1 годом бесплатного доступа к CDN на базе крупнейшей технологической компаний Amazon.
5. Incapsula
Incapsula — это бесплатный CDN, предлагающий подобные услуги, как CloudFlare. И как и CloudFlare, его работа всегда будет на 100% бесплатной, никаких ограничений или испытательных сроков.
Incapsula кэширует весь статический контент. Это означает, что он обрабатывает HTML-файлы, изображения, JavaScript и все остальное, что меняется нечасто. Затем, Incapsula подает эти статические ресурсы с ближайшего дата-центра в глобальной сети доставки.
Бесплатный уровень также включает в себя защиту от ботов для защиты сайта от вредоносных атак. А также Incapsula поможет вам легко выполнить двух-факторную авторизацию для вашего сайта, чтобы гарантировать еще большую безопасность.
Процесс установки Incapsula в WordPress такой же, как и на CloudFlare. Все, что вам нужно сделать, это создать учетную запись Incapsula и сменить DNS на Incapsula.
Бонус. Доступные платные CDN
Если вышеперечисленные бесплатные варианты CDN вам не подходят, есть два платных CDN, которые вы можете рассмотреть:
Итоги
Если вам нужна безопасность в дополнение к услугам CDN, CloudFlare и Incapsula предоставляют эти функции. Вам должно быть удобно изменять параметры DNS для стороннего поставщика услуг.
И если вы готовы серьезно углубиться в работу CDN, Amazon CloudFront откроет вам мощь глобальной сети Amazon.
Как настроить бесплатный CloudFlare CDN в WordPress
Опубликовано: ADv Дата 06.10.2014 в рубрике Настройки 2 комментария
Скорость загрузки страниц — один из самых важных факторов в ранжировании сайта поисковыми системами. Не стоит и говорить, что медленные сайты ведут к ухудшению юзабилити. Секрет быстрых сайтов в том, что они используют плагины кеширования вроде W3 Total Cache и CDN. MaxCDN, который мы упоминали в этой статье платный, что по карману не всем пользователям. В этой статье мы покажем вам как настроить БЕСПЛАТНЫЙ CloudFlare CDN в WordPress.
Что такое CloudFlare?
CloudFlare — это фаервол в виде веб приложения, также — распределенный прокси сервера, и Content Delivery Network (Сеть доставки контента). Он оптимизирует ваш сайт, действуя в качестве посредника между посетителями и вашим сервером, что помогает в защите вашего сайта против DDoS атак.
В чем отличие между MaxCDN и CloudFlare
MaxCDN и CloudFlare — в принципе довольно отличающиеся друг от друга сервисы. В то время, как MaxCDN сконцентрирован на раздаче вашего контента через свои CDN, CloudFlare более сосредоточен на безопасности и фильтрации спама.
Они оба используют различные технологии для отдачи контента через свои сети. MaxCDN обслуживает контент сайта с вашего DNS, используя пулл-зоны. CloudFlare же раздает контент через свои собственные DNS, и вас попросят изменить DNS вашего сайта, чтобы те указывали на их серверы.
CloudFlare работает как прокси между вами и посетителями вашего сайта, что означает предоставление ему контроля над этим, в то время как MaxCDN работает как обратный прокси, что означает ваш полный контроль.
CloudFlare лучше в оптимизации скорости загрузки страниц путем защиты вашего сайта от вредоносных ботов, атак и подозрительных парсеров. MaxCDN же лучше в улучшении скорости путем распределения вашего статического контента на свои сервера, расположенные по всему миру.
Как настроить CloudFlare для вашего сайта WordPress
Прежде чем внедрять CloudFlare для увеличения скорости загрузки вашего сайта, убедитесь в том, что это НЕ хостинг снижает быстродействие сайта.
Для настройки CloudFlare первым делом вам необходимо зарегистрировать аккаунт. Посетите сайт CloudFlare и кликните на ссылку Signup.
Укажите требуемые данные, а затем нажмите на кнопку ‘Create account now’. Следующим шагом будет ввод адреса вашего сайта.
Сейчас CloudFlare просканирует ваш сайт. Это займет около 60 секунд и во время тестирования вам будет показано информационное видео о том, как работает CloudFlare и как будет происходить настройка. Видео рекомендуется посмотреть. После окончания сканирования вам необходимо нажать на кнопку continue для продолжения настройки.
После сканирования CloudFlare отобразит вам список всех DNS записей, которые обнаружит их система, в том числе и поддомены. Записи DNS, которые CloudFlare будет обрабатывать, будут иметь оранжевый значок облака. Записи же DNS, которые CloudFlare будет пропускать, будут иметь серый значок облака. Вам необходимо просмотреть этот список, чтобы убедиться, что ваш основной домен, поддомен www активны в CloudFlare (у них будет оранжевая иконка).
CloudFlare также добавляет FTP и SSH поддомены. Если вы использовали ваше доменное имя для подключения к FTP или SSH, то с этого момента вам нужно будет использовать ftp.yourdomain.com для FTP, и ssh.yourdomain.com для SSH. Новые поддомены не будут обрабатываться CloudFlare.
Теперь необходимо нажать на кнопку ‘I’ve added all missing records, continue’ для продолжения настройки.
На следующей странице вас попросят выбрать тарифный план, настройки производительности и безопасности.
Если вы на своем сайте используете SSL, то необходимо помнить, что SSL не работает с БЕСПЛАТНЫМ сервисом CloudFlare. Оставьте остальные настройки как есть и кликните на кнопку continue для продолжения.
Следующим и последним шагом настройки будет обновление ваших nameservers, что и запросит CloudFlare. Необходимо будет изменить ваши name servers и перенаправить их на nameservers CloudFlare.
Изменяем Name Servers на CloudFlare
Примечание: Изменение серверов имен может занять продолжительное время, от 24 до 72 часов, как правило. Вероятно, что в течение этого времени ваш сайт может оказаться недоступным для некоторых пользователей.
Для изменения серверов имен для вашего домена и перенаправления их на CloudFlare, вам необходимо войти в свой хостинг аккаунт. В виду того, что большинство приличных хостинг-провайдеров предоставляют в распоряжение пользователей панель управления cPanel для настройки хостинга. Однако, если ваш хостер не обладает cPanel, то инструкции по изменению следует запросить у них.
После того, как вы вошли в панель управления cPanel, прокрутите до раздела Domains и кликните на Domain Manager.
На следующей странице вас попросят выбрать доменное имя, которое вы хотите изменить. После выбора домена вам отобразятся доступные опции редактирования для этого домена. Необходимо кликнуть по вкладке Name Servers.
Далее нужно выбрать Use Custom NameServers и указать те сервера имен, которые предоставил CloudFlare в полях выше.
После этого вам нужно вернуться на страницу настроек CloudFlare и кликнуть на кнопку под названием ‘I’ve updated my nameservers, continue’ для завершения настройки.
Вот и все, ваш сайт теперь обслуживается и оптимизируется CloudFlare.
Примечание: скриншоты выше сделаны в аккаунте хостера Bluehost. Ваши настройки nameserver могут отличаться, если вы пользуетесь услугами другого хостера.
Мы надеемся, что эта статья помогла вам настроить бесплатный CloudFlare CDN на вашем сайте WordPress.
По всем вопросам и отзывам просьба писать в комментарии ниже.
Не забывайте, по возможности, оценивать понравившиеся записи количеством звездочек на ваше усмотрение.