Оптимизация скорости сайта на #WordPress. Серия #5. CloudFlare — обзор, подключение, настройка

Артем Абрамович

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

100 комментариев к “Оптимизация скорости сайта на #WordPress. Серия #5. CloudFlare — обзор, подключение, настройка”

    • Добрый! Там наоборот, вы делаете правила для не кешерования страниц. Соответственно можно., но 3-х правил бывает мало

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

      Ответить
    • Под рукой нет пока сайта с ссл, как будет запишу отдельное видео

      Ответить
  1. А что вы можете сказать на счет этого сервиса:websupportrevolution.com. Стоит ли подключать?

    Ответить
    • Он вроде как еще бесплатно сертификат дает:lets encrypt. Посмотрите, потом поделитесь своими наблюдениями.

      Ответить
    • Обязательно будет видео, как-то только разберусь с сервисом

      Ответить
    • Ну что там слышно? Разобрались и ждать ли нам видосик?

      Ответить
    • Пока ничего, пока другими проектами занимался, не до сервиса

      Ответить
  2. Здравствуйте, при подключении к CloudFlare нужно удалять или отключать плагин WP Super Cache и убирать в файле .htacces скрипты кэширования и сжатия.

    Ответить
    • При нажатии на кнопку «ОК» пишит введенный промокод не найден, хотя я ни каких кодов не вводил, а когда ввожу ваш код пишет что это только для новых пользователей. http://prntscr.com/dhzufg

      Ответить
    • Это поддержк клоудфларе на хотинге. Вещь бесплатная и ни каких кодов вводить не надо. Позволяет более корректно работать самому клоудфларе

      Ответить
    • Не знаю, надо у поддержки спросить, но вроде нельзя. Это именно настройки сервера для cdn а не сам cdn

      Ответить
  3. Подключил сайт к cloudflare прошло уже больше суток. Через PageSpeed сайт стал на 10-13 балов ниже чем был с плагинов WP Super Cache, а через GTmetrix сайт по показателям на 10-13 выше стал. По чему такая разница в показателях? Да и сам сайт мне кажется стал медленнее грузиться..

    Ответить
    • Хороший вопрос. Не знаю, это смотреть надо почему так. Может быть, настройки не правильные может быть еще что. Но клоудфларе — это не панацея, может быть по разному

      Ответить
    • Нет для этого плагинов, только руками верстку темы править.

      Ответить
    • А это серьёзные ошибки? Надо искать спеца. На кворке может посмотреть.

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

      Ответить
  4. Прошу прощения, а надо ли отключать плагин Autoptimize? Там вроде в настройках есть такой пункт, как: CDN Options/CDN Base URL (Enter your CDN root URL to enable CDN for Autoptimized files. The URL can be http, https or protocol-relative [e.g. //cdn.example.com/])?

    Ответить
    • Да есть там такое. Но Клауд сам все жмет, так что в этом плагине нет необходимости

      Ответить
    • Но жмет он не супер на самом-то деле. По крайней мере на бесплатном тарифе. После его пожатия у Google Pagespeed вопросов больше, чем после обработки плагинов. Поэтому я минификацию оставил только у HTML, JS и CSS минифицировал плагином Autoptimize

      Ответить
    • Как нет, если CSS и JS он обрабатывает лучше, чем CF на бесплатном плане? 🙂

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

      Ответить
  5. На сколько я знаю серверов CloudFlare нет в России и если сайт для пользователей из России то нужно задуматься, стоит ли? У меня например после установки CloudFlare сайт начал периодически по ~10-40 секунд загружаться, пришлось вырубить.
    И ещё, у моего знакомого сайт стоит на CloudFlare, и он не пускает IP моего провайдера на его сайт. Но надеюсь это только у меня такая bad-карма с этим замечательным сервисом.

    Ответить
    • Причем тут сервера в России? У половины российских хостеров нет серверов в России и ничего работают. А так да, аккуратнее требуется клоудом пользоваться

      Ответить
    • В первом предложении я говорил не только о доступности, но и о скорости. Россия огромная страна по площади. Чем дальше сервера находятся от пользователя, тем медленнее будет идти пакет данных (если вообще гденибудь не потеряется). Например если пользователь находится в одном городе где и хостинг, то у него сайт будет быстрее загружаться чем у человека находящегося за несколько тысяч км от хостинга. Возьмём к примеру питерский Бегет (один из лучших в РФ), сравните расстояние от точки своих посетителей до серверов Бегета, затем сравните до ближайшего сервера CloudFlare. Или например трассировку сделайте: в первом случае у меня 13 шагов было, а во втором 18. А теперь что касается доступности: CloudFlare часто используют плохие дядьки чтобы скрыть NS сервера, для своих черных сайтов (начиная от сателлитов, заканчивая взрослым или запрещённым контентом) их IP банят в РФ, но у CloudFlare IP динамические (сам видел как за 1 день у меня 2 раза IP поменялся), и есть определённый шанс что «тебе» крупно не повезёт. К слову https://rublacklist.net/13108/

      Ответить
    • Все верно. А если пользователь заходит на сайт на бегете откуда нибудь из Америки, то насколько скорость упадет? Да у клоуда в России нет серверов, зато есть в Европе, Индии, Малайзии и тд .Соответсвенно, если пользователь будет из центральной России то загрузка будет с европейских серверов, если с Дальнего Востока то будет ближайший сервер не из Европы а из Индии или Таиланда или Малайзии.. Так что наоборот скорость будет выше.
      Бегет хороший хостинг, но если пользователь заходит на сайт на бегете из центральной России то будут сервера в Европе, если с Дальнего Востока, то все равно сервера в Европе. Так что для пользователя с Дальнего Востока скорость будет значительно ниже. С клоудом в этом плане все удобнее
      А насчет плохих дядек и динамических IP согласен, тут как повезет, могут и заблокировать

      Ответить
    • Это факт. Согласен с вами. Каждый раз прихожу к выводу что каждый проект необходимо рассматривать индивидуально, в зависимости от задачи, трафика и т.д., взвешивая все ньюансы и особенности. Спасибо вам за ваш блог! Раньше стороной обходил ВП, сейчас решил попробовать и влюбился в эту ЦМС. Знакомлюсь с ней через ваш видео блог. Продолжайте! Многого на русском нет! Описания очень многих хороших и полезных плагинов в том числе.

      Ответить
    • Так же как и подключаться, только в обратном порядке

      Ответить
    • У меня вопрос как подключится))) Я все сделал правильно вроде, домены делегировал, статус в клоде ACTIVE и что? и ничего… На настройки сайт не реагирует, сжатие не включается, вообще ничего. На самом сайте кэш вырубил, фиг его знает что такое

      Ответить
    • Очень похоже, что кеш не отрабатывает. Или DNS не обновился

      Ответить
  6. В гуглспиде, шаблон диви на моем хосте выдает 70% +-5, если втулить клоуд + оптимизировать код, полюбасу на 20-к повысится

    Ответить
  7. Кстати, про этот сервис. Очень безболезненно и без лишних настроек и кодов, получаем ssl сертификат, есть лайтовый плагин Really simple ssl. Единственная манипуляция — это в кабинетах вебмастера необходимо «склеить» https и http. ВСЕ ! У Вас сайт с сертификатом и зеленым значком в браузере! Мне как новичку — просто супер! Пользуйтесь!

    Ответить
  8. А можно импорт ваших настроек Comet Cache Pro ? И если у меня с SSL сайт мне нужно его в CloudFlare подключать?

    Ответить
    • Еще бы у меня они были. Плагин у меня есть но я им не пользуюсь пока

      Нет, SSL не надо в клоуд подключать

      Ответить
  9. Здравствуйте,
    У меня есть проект на woocomerce, на нём можно использовать cloudflare? Я так понял, что там нельзя хешировать станицы cart & checkout…

    Ответить
    • Доброго! Можно, но с настройками проблема будет, придется на платный тариф переходить

      Ответить
  10. Спасибо за Ваши видео уроки — большая нужная работа ) те что 5 уроков про вп оптимизацию очень интересно. + большой Вам! Но вот с этим уроком пришлось повозиться — после включении 3х правил которые выставлены точно друг за другом и все точные настройки — сайт сразу падает… Если все 3 правила отключаю — все нормально…

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

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

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

      Ответить
  12. У CloudFlare еще с прошлого года есть дата-центр в Москве. Заманчиво конечно, но страшно. Меня в первую очередь интересует скорость загрузки. Неизвестно повысится она или нет.
    Еще есть один момент — IP адрес. На бесплатном тарифе под одним IP будут разные сайты. На CloudFlare есть сайты, которые по тематике могут быть заблокировать у нас. Блокируют по IP адресу. Поэтому под раздачу может попасть ни в чем не повинный сайт.

    Ответить
    • Да, возможно такое, потому с осторожностью надо подходить к таким вещам

      Ответить
  13. А как теперь почистить весь кэш в админке. ? После установки cloudflare закэшировалась админка и многие плагины работают не корректор. В итоге снес cloudflare , вернул все NS сервера, но ничего не полечилось. Вопрос, как все вернуть и почистить кэш ?

    Спасибо.

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

      Ответить
  14. есть плагин лучше ву комерца и толком скорость нетянет

    Ответить
  15. Артем, здравствуй! Подскажи пожалуйста — попыталась подключиться на CloudFlare (сайт у меня на сервере firstvds) и не понимаю, что происходит — после сканирования на первом этапе в табличке Dns records там где у тебя ip все эти у меня пусто а вверху ошибки что ли (An A, AAAA or CNAME record was not found…), ничего не смогла найти в гугле, что как бы странно, думаю ладно, изменила dns у себя на reg.ru, прошло время, обновились dns, но все также пусто на вкладке dns на cloudflare и в pagespeed пишет DNS error while resolving… а сайт при этом всем пока открывается… может быть есть какие то мысли почему пусто то в dns records и что происходит)? спасибо!

    Ответить
    • ну вот проблем да набрала)) действительно, с правами доступа теперь проблема, просто не знала надо ли делать cdn если на сервере сайт..я любом случае не знаю я уже как еще вдс этот настраивать, на php7 я там перешла (спасибо твоим видео), что еще хз, и wp cache и аutoptimize и wp-Optimize еще какой-то, и уже даже 100 на pagespeed получила!! сама офигела, но для мобильной версии все равно 69, максимум 75, выше никак, не пойму что делать, думала может этот cdn поможет.. у меня еще на вдс диск HDD+SSD, вот думаю может лучше на полный ssd на том же fozzy смотрю не дорого, это как то влияет на скорость загрузки сайта?

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

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

      Ответить
    • Артем, спасибо за наводку! короче это кино)) убрала я с media queries все что можно с мобильного вида) оставила только последние посты на главной.. скорость 66)) короче pagespeed говорит у меня там Prioritize visible content.. я конечно понимаю что в css я все прописала, а html при этом не изменился, но фиг с ним, оказалось дело было в autoptimise — я там вместо критических css поставила Inline all CSS, вот. исправила, теперь у меня render-blocking JavaScript and CSS везде и скорость на десктопе упала)) вообщем пофиг. И спасибо за идею про убирание лишнего с мобильного вида, даже не подумала про это)

      Ответить
  16. Спасибо за ваши видео!Большая нужная работа!Я вообще в этом все не понимаю особо,но по вашим урокам весь сайт с нуля сделала сама!Спасибо!Еще вопрос этот CloudFlare как сочетается с новшествами закона о персональных данных?

    Ответить
    • Пожалуйста. А в чем проблема с Клоудом? Они данные никак не хранят, только трафик перенаправляют

      Ответить
    • Таки если перенаправляют, то получается, что клауд получает какие-никакие данные.. Впрочем и без клоуда гемороя от данного ФЗ тьма. Но в роскомнадзоре обычно лояльно ко всему относятся, по крайней мере к маленьким сайтам.

      Ответить
  17. Очень помогли с уроком!) А подскажите пожалуйста. Я использую WP Rocket. Вы про Comet cache упомянули. Но я посмотрел настройки Комета, по сравнегнию с Рокетом немного разочаровался. Настроек с CDN у Комента больше, чем в Рокете. Можете ли вы отписать, что вы думаете об этих двух плагинах?

    Ответить
  18. Артем подскажи пожалуйста, видео на странице чере iframe с Youtube подгружаю, грузится долго (мне нужно максимально быстро чтобы срабатывал автозапуск видео) ускорит ли Cloud Flare загрузку видео?

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

      Ответить
    • Не всегда. Слишком много условий. На новых сайтах лучше не использовать

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

      Ответить
    • согласен, а повесив пару тяжелых плагинов, типа Yost и Jetpack так вообще начинается вакханалия, я использую сжатие gzip двумя плагинами, WP super cash и autooptimizer и получается очень даже неплохо. Хотел еще ускорить сайт с помощью cloudflare, но как понял — толку мало.

      Ответить
  19. Здравствуйте, спасибо за ваш канал, вот таким и должно быть обучение в ютуб, очень доходчиво и без лишнего. Супер! У иеня вопрос, как влияет на Googke AdWords сервис CloudFlare , а именно на защиту от скликивания, у меня кажись за один заход два клика засчитывается, но вчера только настроил, скорее показалось, а рассчитывал что будет обратный эффект)) P.S. Может кто знает способы защиты от скликивания/

    Ответить
    • Спасибо!
      Не подскажу, просто никогда не заморачивался таким

      Ответить
  20. Артем, спасибо за Ваши видео. Очень подробно и интересно. У меня вопрос. Если сайт на http и переводить на https пока не хочу, так как есть риск потерять траффик который есть. Могу ли я настроить кеширование через CloudFlare или нет? Если да, то какое будет отличие от настройки https. Заранее спасибо.

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

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

    Ответить
    • Ответил. Продублирую Page Rules надо запретить кешировать админку

      Ответить
    • У Вас так и сказано было в видео на 19.24 сек. Я так и сделал, но в итоге админка то же была закеширована и пока все не убрал — работать с сайтом было просто невозможно)))))

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

      Ответить
  22. Пока что склоняюсь что это происходит из-за настройки раздела — Page Rules. Как только все убрал — стало бработать без кеширования такого сильного. И еще — зачем повторять в правилах то, что уже настроено в разных разделах? Что это дает?

    Ответить
    • Все верно, именно в этом раздел можно настроить страницы для кеширования. Разделы-то разные, а данные одинаковые, если я правильно вопрос понял

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

      Ответить
    • Нет, не наблюдал такого, видимо с настройками что-то не так… А может изменились настройки в Клоуде

      Ответить
    • Вроде нормально, но лучше не использовать бесплатный Клауд, не всегда корректно работает

      Ответить

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

%d такие блоггеры, как: