Оптимизация скорости сайта на #WordPress. Серия #2. Оптимизация картинок и другие важные моменты

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

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

100 комментариев к “Оптимизация скорости сайта на #WordPress. Серия #2. Оптимизация картинок и другие важные моменты”

  1. Почему сайт в одном браузере быстрее загружается, а в другом медленее?

    Ответить
    • Могу предположить несколько моментов:
      1. Сами браузеры грузятся по разному, например в одном стоит какое-нибудь расширение, типа Адблокера иличего другого в другом нет
      2. Загрузка смотрится в одном браузере для залогиненого пользователя в другом нет
      3. В одном браузере Адблокер блокирует внешние загрузки в другом нет
      Предполагать можно много, но все это будет очень субъективно

      Ответить
  2. Благодаря вам добился 87 / 100 для пк. на главную именно, другие записи по разному. Огромное спс. за ваши труды. С меня лайк и рекомендация видео в соц. сетях. Удачи! А вот еще что, я свой сайт добавил в https://www.cloudflare.com/plans/ . На хостинге против ничего не имели данного сервиса. Подключил уже месяц как и вроде как нормально. Ваше мнение о данном сервисе?

    Ответить
    • Спасибо за то что смотрите)
      Хороший сервис, про него будет отдельное видео в рамках этого сериала про оптимизацию скорости

      Ответить
  3. Я пользуюсь WP Smush. Там можно 50 изображений за 1 клик. То есть просто нужно нажимать несколько раз.

    Ответить
  4. Вопрос по поводу php.Когда делал сайт-магазин на Woocommerce проверил не все плагины поддердивают версию пхп 7. Потом на форумах по Woocommerce задал вопрос. говорят рано еще или включить можете но разницу не увидете. Сейчас стоит версия пхп 5.6. Но всё бы ничего но плагины то не все поддерживают весри пхп 7. И корректно ли всё будет работать тоже непонятно. Думаете стоит испльзовать пхп 7-версию если используется ВП+Woocommerce ?

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

      Ответить
    • Ну не знаю, у меня самые распространенные плагины работают без проблем

      Ответить
  5. На макхосте была версия php 5.6 включил 7.0 в результате получил белую страницу и на сайте и в админке, сайт не работает. Кроме переключения версии, что-то еще нужно было делать?

    Ответить
    • Нет, если белая страница — это значит что код сайта выдает ошибку на php 7 Надо или исправлять ошибки или не включать php 7

      Ответить
  6. кстате заметил что — сменил вообщел пхп 5.6 на 7 , перестал работать сайт в гугол хроме а в эйдже всё работает, так же увеличился прирост не намного в pagespeed , может кому полезно будет кто пользуется одним браузером))

    Ответить
    • Сложно такое найти будет. Это какие-о внутренние миниатюры самого ВП и обычно размер идет 768х0

      Ответить
  7. Для оптимизации изображений пользуюсь такими плагинами:
    EWWW Image Optimizer
    — WP Smush
    — Force Regenerate Thumbnails
    Работают хорошо, но гугл показывает не оптимизированые картинки.

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

      ПС Force Regenerate Thumbnails — это плагин перегенерации миниатюр, к оптимизации имеет мало отношения

      Ответить
  8. Ошибка 500 при переводе на 7.0 — все плагины предварительно деактивировал. Это может быть из-за Divi?)

    Ответить
    • Вряд ли, если только версия темы старая, на версии 3.0 все отлично работает

      Ответить
    • Ну это смотреть тогда надо, что за ошибка. Проверил на нескольких сайтах с Диви и php7 все ровно

      Ответить
  9. Здравствуйте. Оптимизировал с EWWW, всё равно PageSpeed Tools пишет оптимизируйте картинки.Можно удалить картинки, а потом снова закачать уже с установленным Imsanity ? Спасибо за уроки.

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

      Ответить
  10. Да, ещё сразу вопрос. При установке плагинов пишет обновление не удалось, захожу в панель — плагины установлены. Как быть?

    Ответить
  11. спасибо за видео.
    а вот такое значение является ли показателем того, что кэш работает?
    Cache-Control:max-age=0
    ибо все анализаторы как ругались, так и ругаются на кэш. пишут, что не указан срок действия.
    и это после всех манипуляций из ваших видео.. (в том числе установка php7)

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

      Ответить
    • результаты спорные… то есть улучшились прилично, но все благодаря по большей части только сжатию css, html, javascript..

      пара вопросов по результатам:
      1. после смены php на 7 на сайте слетело портфолио из-за устаревшей бесплатной темы вордпресс, которая уже не обновляется. пришлось откатить до предыдущей версии, которая стояла. есть ли выход из ситуации с темой?

      2. после всех манипуляций по сокращению css, html, javascript не могу в коде найти даже показатель Cache-Control:max-age= чтобы проверить ситуацию с кэшем.. при этом pagespeed и прочие так и гнобят сайт за вроде как отсутствующее кеширование — показатели неоптимистичные. хотя в коде страницы инф вот такая «

      »

      3. и насчет картинок вопрос. все сделано по вашим рекомендациям, но сайт анализатор по-прежнему ругается на картинки.. причем порядочно еще несжато, «Оптимизируйте следующие изображения, чтобы уменьшить их размер на 143 КБ (37 %).» есть ли способы еще?

      спасибо заранее

      Ответить
    • 1. Выход есть. Надо код править темы, для поддержки php7
      2. Ну значит у вас сервер работает через ngnix и пейдспид просто не видит этого
      3. Можно попробовать другие плагины. Например WP Smush

      Ответить
  12. Здравствуйте. Подскажите у меня такой вопрос я не могу поменять версию PHP 5.6 на 7.0 выкидывает с сайта пишет что(Страница mir-betona.od.ua не работает

    Сайт mir-betona.od.ua пока не может обработать этот запрос.) Уже деактевировал все плагины думал может какой то из них не может работать с этой версией но все до одного места((( Подскажите в чем может быть проблема?

    Ответить
    • Это значит что на сайте при подключении php 7 возникают критические ошибки. Скорее всего в теме, пробуйте тему сменить на штатную и проверить

      Ответить
  13. Спасибо за отличный канал!
    Предоставляете ли вы услуги по разработке/доработке сайтов на WP?

    Ответить
  14. Три раза смотрел видео,установил, и да ругается плагин : EWWW Image Optimizer, на хостинг, зараза:) в поддержку не писал, думаю о важности плагина; типа сайт молодой, картинок мало, не лутше ли уже оптимизироваными их загружать с ПК? прогу нашел в нете: Riot
    вроде ниче, масово только нельзя, по одной только.
    Не помню как плагин дразнится, который переименовывает загружаемые файлы- (киртулат)?

    Ответить
    • Riot можно кстати массово картинки править, есть там такой функционал
      Плагин обзывается Cyr to Lat enhanced

      Ответить
    • У меня 3 сайта. На два сайта установила плагин EWWW Image Optimizer. Оба сайта на Бегет. С установкой помог хостинг. Я просто им написала (в обоих случаях) и они сами всё сделали. Плагин супер! не нарадуюсь. Раньше вордпресс выдавал по 12 штук дублей с каждой картинки! Сейчас у меня только по 2 одинаковые картинки на хостинге. К сожалению, на третий сайт плагин установить не удалось — не совместим с темой.
      Так что, зря Вы не написали на хостинг. Если Бегет, то там всё очень просто решилось (сама не ожидала).

      Ответить
  15. после смены php версии с 5.6 на 7 сайт вообще перестал работать. заработал как обратно вернул версию. почему так?

    Ответить
    • Или тема или плагин конфлитуют, но смотреть какие ошибки выдает

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

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

      Ответить
  17. Чувак вам уважуха за труды ипросвещение, но Wix ужо достал везде юзверов своей рекламой! Сори, но после 4 ролика Wix в одном видео вкл. Адблок. 🙁

    Ответить
    • Чувак, если бы я мог управлять тем какая реклама будет, я бы закрыл нахрен рекламу от викса, но это не в моих силах. Так что, сорян, но вот так

      Ответить
  18. автору спасибо, оптимизация фото на лету для соц сети к примеру очень важно, а мы упустили этот момент и при 120 пользователях получили 4 гига ))

    Ответить
    • Всегда пожалуйста. Н-да, немало так, придется повозится с оптимизацией

      Ответить
  19. Канал прекрасный, но кол-во рекламы WIXа это нечто, каждые 3 минуты практически…

    Ответить
    • Спасибо, я не виноват, что только викс рекламу размещает

      Ответить
  20. Артем, после просмотра твоего видео, я решился и перевел свой сайт на php7. А где ошибки должны отображаться? Где их можно посмотреть, чтобы знать, может что-то сделать надо?

    Ответить
    • Если ничего не видишь, никаких предупреждений, значит переход прошел успешно

      Ответить
  21. Здравствуйте!Из видео становится понятно, что Вы хорошо разбираетесь в водпресс.Я новичок в этом вопросе и как следствие столкнулся с проблемой.Не могу найти ssc правило которое отвечает за смену основного фона.Тема меня устраивает по всем параметрам, ода проблема — фон черный.Я как обычно искал правило через браузер фаерфокс с помощью функции «исследовать элемент» и не как не получается изменить.В связи с чем у меня к Вам просьба, не могли бы Вы посмотреть тему и в ответном комментарии написать, как называется правило отвечающее за смену цвета фона.Например: .wrapper (кстати именно это правило отвечает за фон, только он не меняется), чтобы я скопировал, затем открыл с помощью нотпед++ ssc файл и смог задать нужный мне цвет.Тема называется Garfunkel, она есть в стандартных темах.А я буду благодарен Вам очень сильно.И еще одна просьба, прошу Вас пожалуйста напишите ответ в любом случае, получится у Вас или нет.Даже в случае если просто не захотите возится, черкните мол некогда.Я пойму в любом случае.За ранее от всей души благодарен.С уважением к Вам.

    Ответить
    • Доброго! Правило называется background и чаще вещается на тег body
      Разворачивать вашу тему мне не с руки. Киньте ссылку на сайт, сделаю вам скриншот где менять

      Ответить
    • Спасибо большое!Я уже сам разобрался.Еще раз огромное спасибо за участие!

      Ответить
    • Никак) Я ими не пользуюсь и уже давно. Спринтхос выделяет мало ресурсов, а Таймвеб просто не нравиться

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

    Ответить
    • Можно и так, а еще можно с каждой страницы картинки через пейджспид заливать

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

      Ответить
    • Не 10к это много, тогда да, удобнее выгружать, обрабатывать и загружать

      Ответить
  23. Все бы ничего, только почему то Imsanity не хочет жать на последней версии wordpress (может только у меня) и поиск уже загруженных картинок не дает результатов. Как картинку загружал так она и остается.

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

    Вот и остается по прежнему жать вручную и загружать уже сжатые

    Ответить
  24. Скажите, при переходе на 7,0 версию php форма обратной связи присылает набор тегов вместо заявки, что может быть?

    Ответить
    • ну , кому как, а большинству сайтов визиток и корпоративок с головой 500 в месяц. Уточню, что можно и руками у них он-лайн https://tinypng.com/, а так же есть модуль под gulp. А так же уточню, что рег нового апи на временную почту и погнал еще 500 , и так по кругу

      Ответить
    • Ну так то да, если контент не обновляется. Но ведь 500 картинок — это с миниатюрами, а на премиум-темах миниатюр до фига

      Ответить
    • та вот весь этот подход с нарезкой кучи картинок не самый лучший подход у вордпреса. По этому не юзаем премиум темы, а пишем свои. Kama thumbnail решает по миниатюрам)

      Ответить
    • Согласен, у меня премиум стоит, каждую картинку, даже которые не нужно, режет еще на 6. Я когда полез в uploads — думал упаду. Вырубил функцию нарезки, но пока не знаю к добру ли это или нет, может включить обратно стоит.

      Ответить
  25. За php Отдельное спасибо, напряг хоста все сделали быстро, жаль сам не додумался проверить актуальную версию)

    Ответить
  26. Прошу подскажите ??? Вот такая запись cache-control private, max-age = 86400. Включен у меня на сайте каширование браузера

    Ответить
    • Я так понимаю что каширование на моем сайте работает смущает вот эта надпись private

      Ответить
    • Все работает верно, не переживайте… Если смущает надпись, погуглите, а то долго объяснять что это означает

      Ответить
  27. Сам пользуюсь Tyni PNG, платный 500 картинок бесплатно в месяц. В целом доволен. За php спасибо

    Ответить
  28. Лучше фотошопа навряд ли есть что то для оптимизона изображении =)
    Тем более лучше того варианта который тут, данный способ подходит только в тех случаях если:
    -Изначально был установлен.
    -Картинки будет добавлять на сайт пельмень с проф. зеркалки в разрешении 4к)))

    Ответить
  29. Артем, здравствуйте. У меня установлены плагины на сжатие и кеширование, есть смысл добавлять с первого урока ваши тексты в htaccess? я установил только код на сжатие, в итоге стало отображаться в ЯВебмастере Cache-Control: max-age=0 (это когда проверяю главную страницу), нормально ли это?

    Ответить
    • Доброго! Вообще да, это разное кеширование, но очень многое зависит от настроек хостинга

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

    Ответить
  31. При переходе на php 7.0 скорость для моб устройств упала с 86 до 74. Для комп тоже снизилась.

    Ответить
  32. Добрый день! Обновил вотермарку (80кб) на вордпресс, загружаемое фото 100(кб) = 180 кб. При загрузке на сайт фото с ватермаркой становится 320-360 кб, в чем может быть проблема?

    Ответить
    • Добрый! Не знаю, может быть еще метаданные какие-то на картинку вешаются…

      Ответить
  33. Спасибо за видео, очень позновательное, но к сожалению на моем сайте http://www.bashmak.club/ не получилось все внедрить так как Вы рассказываете, и если честно я не знаю как мне его ускорить до уровня 75 как на вашем, если у Вас есть идеи подскажите, буду рад.
    Жду ответ спасибо

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

      Ответить
  34. Добрый день, нужен ли плагин imsanity если изначально делаю картинки в фотошопе, сайт как мобильный так и для компа? 2 вопрос если не сложно: сайт будет 200+ страниц (фото+тексты+2-3 виджета) и посещаемость 10000+ . В планах конечно, какой выбрать хост и его параметры для 10000+, 50000+, 100000+?

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

      По такую посещалку уже VDS надо брать. До 10-15к и виртуальный должен держать, а вот дальше уже VDS надо брать и индивидуально настраивать

      Ответить
  35. Для EWWW Image Optimizer требуется exec () или ключ API. Ваш системный администратор отключил функцию exec (), попросит их включить его.

    Ответить

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

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