10 cпособов ускорить сайт на wordpress

Мониторинг времени загрузки страницы

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


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

Чтобы использовать Pingdom Tools, просто введите основной URL-адрес своего сайта и выберите тестовый сервер. Ваши результаты будут зависеть от того, какой сервер вы используете. Например, если ваш сайт размещён на американском сервере, вы получите лучшие результаты, для тех, кто будет проходить тесты из Нью-Йорка или Сан-Хосе:

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

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

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

Если вы используете сервис Gtmetrix, вероятно вы заметили строку Serve scaled images .

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

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

Нужно пересоздать новые размеры всех изображений с помощью простого плагина Regenerate Thumbnails.

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

На странице Настройки -> Медиафайлы он отображает все зарегистрированные размеры, позволяет изменить их(!), а также заново сгенерировать для выбранных типов записей.

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

Поэтому уделите особое внимание графическим элементам вашего сайта — во многих случаях это решающий фактор скорости загрузки сайта

Ссылки

Пермалинки или ЧПУ

По умолчанию (Настройки → Постоянные ссылки) WordPress дает постам адреса, например, в виде ?p=123. Не слишком информативная запись, не так ли?

Настройка постоянных ссылок

Не мучайте посетителей и поисковые системы — придайте смысл своим ссылкам и повысьте значимость ключевых слов, которые вы в них используете. Я, к примеру, предпочитаю использовать такой вид:

Категория и название записи в ЧПУ

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

Кириллица

Для начала, если вы работаете с сайтом с кириллическим контентом, то и названия у вас по умолчанию кириллические, равно как и URL. И все бы ничего, мы можем даже забыть про эстетическую сторону ( — «Привет, dear Василий! How are ты?»), но поисковики до сих пор понимают кириллицу далеко не так хорошо, как нам бы хотелось.

Плюс кириллические символы при перекодировании дают большее количество символов в URL, нежели латиница. Облегчать ли поисковикам и тем, кто не использует UTF-кодировку, задачу или нет — решать вам, но я бы рекомендовал воспользоваться, например, плагином Cyr to Lat Enhanced и перевести-таки кириллицу в латиницу автоматически, либо писать ссылки на английском вручную.

«Твоя моя понимать?»

Если публикуете действительно важную статью и используете транслитерацию в URL — не поленитесь и проверьте, правильно ли вас понимают основные поисковики.


Проверка транслитерации в Google

Проверка транслитерации в Яндексе

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

Определитесь с основным зеркалом

Проблема стара как сами поисковики, тем не менее она до сих пор требует внимания, так как они все так же иногда ошибаются, а терять из-за этого вес не очень-то хочется. Определяем для WordPress (Настройки → Общие) какой именно вариант представления нам нужен — с www или без.

Настройка адреса сайта в WordPress

После того как определились, обязательно проверьте результат, введя адрес с www и без оного. Если перенаправления не происходит, либо ваш хостер перемудрил с настройками, либо какой-то из плагинов вам придется удалить/переписать самому. В худшем случае допишите 301 редирект в .htaccess вручную, но не оставляйте этот момент без внимания.

Канонические ссылки

Так как канонические ссылки уже c 2009 года пользуются поддержкой таких компаний как Google, Yahoo и Microsoft, да и Yandex c 2011 года, было бы не правильно их игнорировать. К вопросу о том, что это такое: канонические ссылки — это маяки, которые показывают поисковым системам, какая из страниц с одинаковым контентом настоящая. Например для человека страницы с адресами:

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

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

<link rel="canonical" href="http://ваш_сайт.ru/нужная_страница" />

Облегчить жизнь в данном плане и проставить все верно и автоматом могут такие плагины, как, например: WordPress SEO by Yoast или All in One SEO Pack.

Description

Are you frustrated by a slow website? Do over-sized images make you say “ewww”… Let EWWW Image Optimizer help you make your site faster, improve your bounce rate, and boost your SEO. But most importantly, make your visitors happier so they keep coming back for more.

With EWWW IO you can optimize all your existing images, from any plugin, and then let EWWW IO take care of new image uploads automatically.

Why use EWWW Image Optimizer?

  1. No Speed Limits and unlimited file size.
  2. Smooth Handling with pixel-perfect optimization using industry-leading tools and progressive rendering.
  3. High Torque as we bring you the best compression/quality ratio available with our Premium compression for JPG, PNG, and PDF files.
  4. Adaptive Steering with intelligent conversion options to get the right image format for the job (JPG, PNG, GIF, or WebP).
  5. Free Parking The core plugin is free and always will be. However, our paid services offer up to 80% compression, and a host of other features!
  6. Comprehensive Coverage: no image gets left behind, optimize everything on your site, not just the WordPress Media Library.
  7. Safety First: all communications are secured with top SSL encryption.
  8. Roadside Assistance: top-notch support is in our DNA. While API customers get top priority, we answer every single support question with care.
  9. Pack a Spare: free image backups store your original images for 30 days.

EWWW IO is the only plugin that lets you optimize images using tools on your own server (jpegtran, optipng, pngout, pngquant, gifsicle, cwebp). If you feel the need for more speed, get more compression and offload the CPU-intensive process of optimization to our specialized servers.

Automatic Everything

With Easy IO, images are automatically compressed, scaled to fit the page and device size, lazy loaded, and converted to the next-gen WebP format.

Bulk Optimize

Optimize all your images from a single page. This includes the Media Library, your theme, and a handful of pre-configured folders (see Optimize Everything Else below). GRAND FlaGallery, NextCellent and NextGEN have their own Bulk Optimize pages.

Optimize Everything Else

Configure any folder within your WordPress install to be optimized. The Bulk Optimizer will compress theme images, BuddyPress avatars, BuddyPress Activity Plus images, Meta Slider slides, WP Symposium Pro avatars, GD bbPress attachments, Grand Media Galleries, and any user-specified folders. You can also use Scheduled optimization or run the optimizer from WP-CLI if that’s more your thing.

Plugin Compatibility

EWWW IO has been tested with hundreds (if not thousands) of plugins and themes, here are just a few of the most common ones: BuddyPress (Activity Plus add-on too), Cloudinary, Easy Watermark, FooGallery, GD bbPress Attachments, GRAND FlAGallery, Gmedia Photo Gallery, MediaPress, Meta Slider, Microsoft Azure Storage, MyArcadePlugin, NextGEN Gallery, Regenerate Thumbnails, WP Offload Media, WPML, WP Retina 2x, WP RSS Aggregator, WP Symposium. Read more…

WebP Images

If you want simple, get automatic WebP conversion with Easy IO, and be done with it! Otherwise, you can generate WebP versions of your images with the Bulk Optimizer, and deliver them to supported browsers. Take your pick between Apache-style rewrite rules, JS WebP Rewriting, and WebP Rewriting. EWWW IO even works with the WebP option in the Cache Enabler plugin from KeyCDN.

WP-CLI

Allows you to run all Bulk Optimization processes from your command line, instead of the web interface. It is much faster, and allows you to do things like run it in ‘screen’ or via regular cron (instead of wp-cron, which can be unpredictable on low-traffic sites). Install WP-CLI from wp-cli.org, and run ‘wp-cli.phar help ewwwio optimize’ for more information or see the Docs.

WP Offload Media is the officially supported (and recommended) plugin for uploads to Amazon S3, Digital Ocean Spaces, and Google Cloud Storage. Check our compatibility list for details on other plugins. All pull mode CDNs like Cloudflare, KeyCDN, MaxCDN, and Sucuri CloudProxy work automatically, but will require you to purge the cache after a bulk optimization.

Translations

Huge thanks to all our translators, see the full list!


If you would like to help translate this plugin, join the team.Signup to receive updates when new strings are available for translation.

Сколько может стоить услуга ускорения сайта на WordPress по Pagespeed Insights

Глубокая оптимизация затратна по времени и требует набора навыков.

На кворке я предлагаю базовый вариант ускорения сайта, и ориентируюсь в основном по Gtmetrix. Причина в том, что он позволяет быстрее определить необходимые действия, и за небольшой бюджет и ограниченное количество времени получить хороший результат (по принципу Парето 20/80).

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

По поводу фанатизма в показателях Pagespeed Insights.

Во-первых, оценки во всех сервисах составляются роботами, и они могут быть ошибочными.

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

Если вы работаете с клиентскими сайтами, старайтесь доносить это до владельцев.

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

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

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

Вкратце, что имеем.

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

У PageSpeed Insights высокие требования.

Эти требования по сути являются всего-лишь рекомендациями.

Подключение плагинов зачастую недостаточно для получения высокой оценки.

В процессе оптимизации возникают ошибки, которые требуют навыка их поиска и решения.

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

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

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

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

В большинстве случаев мы рекомендуем использовать плагин оптимизации базы данных, такой как WP-Optimize (англ):

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

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

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

Reviews

http-equiv=»Content-Type» content=»text/html;charset=UTF-8″>lass=»plugin-reviews»>

還行

thik thak

Fanstatic!

I recently started using EWWW Image Optimizer and am very pleased with the results.

Thanks for this awesome plugin! Keep up the good work!

Works great

I can report that — measured by google PageSpeed — my website was significant faster since the free version of this PlugIn was installed. Nevertheless, it would have been very expensive from my point of view to go further … Hopefully my Hoster will integrated a PHP modul (ImageMagick) soon, so that the site can improve further …

Полезные ссылки статьи

  • JetPack плагин: https://ru.wordpress.org/plugins/jetpack/
  • P3 (Plugin Performance Profiler) плагин: https://ru.wordpress.org/plugins/p3-profiler/
  • PageSpeed Insights: https://developers.google.com/speed/pagespeed/insights/?hl=ru
  • Webpagetest сервис анализа скорости сайта: https://www.Webpagetest.org/
  • Caesium программа сжатия фото: https://saerasoft.com/caesium/
  • WP Smush плагин сжатия фото: https://ru.wordpress.org/plugins/wp-smushit/
  • Broken Links плагин поиска битых ссылок: https://ru.wordpress.org/plugins/broken-link-checker/
  • Autoptimize плагин оптимизации: https://ru.wordpress.org/plugins/autoptimize/
  • Optimize Database after Deleting Revisions плагин оптимизации базы данных: https://ru.wordpress.org/plugins/rvg-optimize-database/
  • WP Fastest Cache плагин кэширования: https://ru.wordpress.org/plugins/wp-fastest-cache/

www.wordpress-abc.ru

Installation

  1. Upload the “ewww-image-optimizer” plugin to your /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. The plugin will attempt to install jpegtran, optipng, and gifsicle automatically for you. This requires that the wp-content folder is writable by the user running the web server.
  4. If the binaries don’t run locally, you may sign up for cloud-based optimization: https://ewww.io/plans/
  5. Recommended Visit the settings page to enable/disable specific tools and turn on advanced optimization features.
  6. Done!

If these steps do not work, see the additional documentation. If you need further assistance using the plugin, please visit our Support Page.

Плагины оптимизации изображений Вордпресс


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

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

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

Smush Image Compression and Optimization

Плагин создан разработчиком WPMU DEV, регулярно обновляется и имеет более миллиона установок. Оптимизирует jpeg, png и gif форматы. Изображения до 5 Мб оптимизируются бесплатно в любом количестве.

Оптимизирует до 50 изображений за один раз. Автоматически находит изображения, которые замедляют сайт. Плагин может откладывать загрузку изображений до того, как они не появятся в видимой части экрана (lazy load).

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

EWWW Image Optimizer

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

Работает с форматами jpg, png и pdf. После оптимизации выбирает наиболее подходящий формат для показа на сайте, — jpg, png или gif.

Плагин может автоматически конвертировать jpg и png изображения в формат webp.

TinyPng

Простой и понятный плагин, регулярно обновляется, имеет более 200.000 установок. Подключается по API к серверу TinyPNG, на котором оптимизируются изображения.

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

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

ShortPixel

Относительно новый плагин, регулярно обновляется и имеет более 100.000 установок. Оптимизирует форматы jpeg, png, gif и pdf на своем облаке.

В бесплатной версии позволяет оптимизировать до 100 изображений в месяц. Если нужно оптимизировать больше изображений, нужно купить одну из платных версий. Можно купить подписку на месяц или сделать единоразовую оплату за 10.000, 30.000, 50.000 или 170.000 изображений.

По этой ссылке вы получите еще 100 бесплатных оптимизаций в месяц каждый месяц.

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

Changelog

  • Feature requests can be viewed and submitted on our feedback portal
  • If you would like to help translate this plugin in your language, join the team

5.7.0

  • added: cleanup tool if you no longer need local WebP copies of images
  • added: resizing results displayed in bulk & single optimization report
  • changed: The browser-native portion of the Lazy Load feature obeys the wp_lazy_loading_enabled filter
  • fixed: plugin tables do not have PRIMARY indexes
  • fixed: Third-party plugins sometimes set erroneous WebP quality values
  • fixed: Show Re-optimized Images lists images in reverse order
  • fixed: cannot skip to last page of re-optimized images
  • fixed: Scheduled Optimizer skips files that need scaling/resizing if they have already been compressed
  • fixed: Lazy Load placeholders not rewritten for CDN usage by Autoptimize and WP Offload Media Assets Add-on

5.6.1

  • changed: prevent unintentional image re-optimization from plugins with a threshold of 5x, indicate intential regen with ewww_image_optimizer_allowed_reopt filter
  • changed: include lazy load and WebP in optimization score
  • fixed: query paramaters added to videos via image_downsize filter
  • fixed: WP-CLI command triggers async queueing
  • fixed: WPML check skips too many images during bulk scanner
  • fixed: WP-CLI command options for FlAGallery and NextGEN using outdated code
  • fixed: re-optimization tracker not tracking

5.6.0

  • added: if exec() is disabled, free cloud-based JPG compression will be enabled
  • added: tool to remove originals for converted images
  • changed: improved handling of WPML replicas in media library list mode and bulk optimizer
  • fixed: JS WebP, picture WebP, and Easy IO errors with WP Offload Media 2.4
  • fixed: JS WebP cannot find local paths when WP_CONTENT_DIR is outside ABSPATH
  • fixed: Easy IO hard crops images when requested height/width is 9999
  • fixed: Lazy Load and WebP parsers running on customizer preview pane

Массовая оптимизация изображений Вордпресс

Для оптимизации фотографий уже помещенных в медиабиблиотеку WordPress используем плагин: EWWW Image Optimizer (протестирован на версии 4.4.2.). Плагин простой, но рабочий  периодически обновляется. Плагин Cloud (2) позволяет оптимизировать фотографии с использованием облачных технологий и сжимает фото, без смены формата. Этот плагин платный, 0,005 $ за фото до 1000 фото.

Устанавливаете плагин стандартно, можно из панели WordPress на вкладке Плагины→Добавить новый→Поиск по имени.

После активации плагина он готов к работе, но можно пройтись по настройкам (Настройки→ EWWW Image Optimizer) Настройки на русском, опасные настройки выделены словом «Внимание!». Кстати, есть функция переформатирование фотографий из png и gif в jpeg. После настроек открываем страницу плагина и запускаем процесс оптимизации

Через некоторое время, смотрим результаты сжатия фотографий. Отмечу, что я всегда сжимаю фото до сайта, однако плагин EWWW Image Optimizer умудряется «выжать» из каждой фото, от 5% до 20 %.

Вывод 3

WordPress, при помощи дополнительного плагина (плагинов), позволяет оптимизировать фотографии всей медиабиблиотеки сайта, в любой момент.

Общие выводы и советы

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

  • Старайтесь выбирать векторные форматы изображений. Их качество не зависит от разрешения и размеров, из-за этого они отлично смотреться на больших мониторах и разных  устройствах.
  • Для SVG-ресурсов: сжимайте их, удаляете XML-разметку, проверьте настройку GZIP сжатие для SVG файлов.
  • Для растровых фото: выберете свой масштаб и свой формат для растровых фото, избегайте GIF, сжимайте фото перед добавлением на сайт (63 Приложения для обработки фото без потери качества: здесь), не бойтесь снижать качество фото, уменьшайте по мере возможности цвет (оптимально 256 цветов), удаляйте ненужные метаданные (EXIF).
  • Освободите браузер от необходимости масштабировать фото, для этого либо уменьшайте фото-файлы до вставки на сайт, либо используете плагины типа lightbox или эффект lightbox без плагина. Если большие картинки будет масштабировать браузер, производительность сайта значительно снизится.
  • Автоматизируйте работу с фото с помощью тематических постоянно обновляемых плагинов.

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

www.wordpress-abc.ru


С этим читают