Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

От автора: если вам нужна оптимизация скорости сайта WordPress, которая улучшает оценку/время загрузки, то я покажу вам, как использовать для этого отчет Pingdom , GTmetrix и Page Speed Insights. Я уже говорил об одном из самых популярных уроков WP Rocket, в том числе и об W3 Total Cache и WP Fastest Cache, которые в совокупности содержат более 500 комментариев и используются более чем 200 000 человек. Давай сделаем и твой сайт!

Плагин хостинга и кэширования — это два ключевых фактора в руководстве по оптимизации WordPress. SiteGround был оценен и по результатам опроса на Facebook стал #1 (он был #1 и в прошлом году), и я пользуюсь им. Вы можете использовать Google Page Speed Insights и Byte Check, чтобы проверить скорость вашего хостинга/TTFB. WP Rocket был №1 плагином для кэширования в другом опросе Facebook, и его я тоже использую. Да … обе эти услуги платные (SiteGround стоит 3,95 — 11,95 долл. США в месяц, а WP Rocket — 39 долл. США в год), но это то, чем я настраиваю скорость большинства загрузок. У меня есть урок для WP Rocket, и SiteGround предоставит вам бесплатную миграцию — оба варианта легкие.

1. Pingdom vs. GTmetrix vs. Google Page Speed Insights

По данным WP Rocket, Pingdom — самый точный способ измерения времени загрузки. Это первичная метрика, которую вы должны измерять (не оценки), но есть корреляция.

Отчет Pingdom

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress

Узнать подробнее

У GTmetrix есть более надежные рекомендации … например, какие изображения нужно оптимизировать на вкладке «Page Speed» (шаги 14-16) и использовать CDN на вкладке «YSlow» (шаг 11). Это также полезно для поиска плагинов медленной загрузки, если они появляются несколько раз в отчете или занимают много времени для загрузки на вкладке «Waterfall». Поскольку плагин P3 Profiler больше не работает, используйте GTmetrix.

Отчет GTmetrix

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Google Page Speed Insights хорош только для одной вещи — проверки скорости сервера. Если вы видите, что время отклика сервера в отчете должно учитывать переход на более быстрый сервер ( шаг 3 ). В противном случае это довольно бесполезная вещь, и есть много статей, которые объясняют, почему. Google рекомендует, чтобы время отклика было более 200 мс, и вы можете добиться этого, обновив тарифы текущей хостинговой компании, чтобы добавить больше ресурсов сервера или переключиться на хост, который использует технологию с более высокой скоростью (серверы NGINX, накопители твердотельных состояний, PHP7, HTTP / 2, HHVM и т. д.).

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

2. Что делать, если хостинг медленный

Запустите свой сайт через bytecheck.com и проверьте TTFB (время до первого байта). В идеале это должно быть меньше 500 мс (лучше всего 200 мс). Это и сокращение времени отклика сервера в Page Speed Insights являются хорошими показателями скорости сервера. Если же сервер медленный, можно или модернизировать тарифы с помощью текущего хоста, или попробовать SiteGround (используемый мной хост), который почти всегда получает TTFB> 200 мс.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Вы также можете проверить TTFB на вкладке GTmetrix Timings

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

3. Время загрузки 200 мс на SiteGround

Хостинг — это фактор №1 в руководстве по оптимизации WordPress, и вы видели мои отчеты.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Я использую SiteGround, который занял первое место в недавнем опросе на Facebook, проведенном WordPress Hosting Group, в котором приняли участие более 6500 человек, которые хорошо осведомлены о хостинге …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

В прошлогоднем опросе он тоже стал №1. Люди, которые перешли на SiteGround, опубликовали результаты в Twitter …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

SiteGround имеет 3 тарифа (я использую полувыделенный тариф GoGeek ) …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Более дорогие тарифы включают в себя больше ресурсов сервера (количество серверов является фактором №1 в руководстве по оптимизации WordPress). Вы можете увидеть полную сравнительную диаграмму тарифа StartUp vs. GrowBig vs. GoGeek. GrowBig предоставляет вам около 2-х серверных ресурсов как StartUp, а GoGeek — это полувыделенный сервер, который дает вам еще больше ресурсов. GrowBig + GoGeek имеют приоритетную поддержку, и возможность размещать неограниченное количество сайтов. Цена за Облачный хостинг подскакивает аж до $ 80 / год, но он поставляется с 2CPU + 4 ГБ оперативной памяти и работает быстрее, чем GoGeek.

Вы можете увидеть это на странице функций …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Мне нравится SiteGround, потому что …

Он №1 в опросе на Facebook в 2017 году

И №1 в опросе на Facebook в 2016 году

Высоко оценён в обсуждениях здесь, здесь и здесь

Ivica запускает WordPress Speed Up Group и оценивает их как #1

Люди, которые переходят на SiteGround, обычно видят хорошие улучшения времени загрузки

Среднее время загрузки — 1,3, а у меня 200ms в Pingdom + .5s в GTmetrix

Технология скорости использует SSD, серверы NGINX, HTTP / 2, PHP7

SG Optimizer поддерживает обновление сайта с помощью последней версии PHP

Облачный хостинг включает HHVM, который даже быстрее, чем PHP7

Выбор из 5 дата-центров (выберите ближайший к вашим посетителям)

Они единственные, Кто размещён на всех 3 страницах WordPress, Joomla, Drupal

Автоматическое ежедневное резервное копирование

Автоматические обновления WordPress

Еженедельные уведомления по электронной почте

cPanel прост в использовании ( просмотр демо )

Все планы поставляются со свободным Let’s Encrypt SSL

Постоянно выпускают новые обновления для системы безопасности

Активация 1-Click Cloudflare делает всё очень легким

Я обычно получаю 100% времени, но 99,99% гарантируется

Техподдержка обычно отвечает в течение 10 минут

SiteGround перенесет вас бесплатно (просто заполните билет )

SiteGround НЕ является компанией EIG (EIG имеет ужасную репутацию)

Очень полезен в группах Facebook, WordCamps

50-ти людям я рекомендовал SiteGround в июле, ни один не отказался

Их полувыделенный тариф поставляется с 4-кратным количеством ресурсов сервера, в отличие от обычного общего хостинга,

1-ступенчатая компоновка WordPress и соответствие PCI, если вы запустите сайт eCommerce

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Отказ от участия в партнерской программе — если вы решите зарегистрироваться на SiteGround, используя мою партнерскую ссылку, я пожертвую вам немалый кусок без каких-либо затрат. В этом году я пожертвовал 3000 долларов Красному Кресту на Ураган Харви — в следующем году, вероятно, средства пойдут на нужды детей. Ваша поддержка очень поможет, и я бы искренне ее оценил. Я стараюсь делать свои обзоры объективными и подкрепленными доказательствами в виде опросов , твитов и реальных разговоров . Если вы не хотите использовать на таких условиях, вот не-партнерская ссылка на SiteGround. В любом случае, я действительно верю, что это лучший хостинг WordPress, и ваш сайт будет работать быстрее / лучше … проведите исследования в группах Google / Facebook, и вы обнаружите, что большинство людей говорят то же самое.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

4. PHP7

Почему только 15% пользователей WordPress используют PHP7?

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Это ведь делает сайт быстрее?

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Yoast даже предлагает вам обновление …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Это потому что большинство хостов поддерживают его …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Ваша хостинговая компания НЕ будет автоматически обновляться до последней версии PHP, так как ваша тема /плагины могут быть несовместимы (а они не хотят сломать сайт). Это означает, что вам нужно сделать это самостоятельно или запросить помощь у своего хоста). Ещё это означает, что, если вы были на одном хосте в течение многих лет и никогда не делали обновлений, вероятно, вы все еще используете PHP5.

Шаг 1. Установите плагин версии PHP для проверки текущей версии.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Шаг 2. Запустите средство проверки совместимости PHP, чтобы убедиться, что тема /плагины совместимы.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Шаг 3 : переход на PHP7, связавшись с инструкциями вашего хоста или с Google для конкретного хоста. Если вы используете хостинг SiteGround WordPress, их плагин SG Optimizer делает за вас всё (проверит текущую версию PHP, совместимость, обновления до PHP7). Кроме того, Supercacher заботится о статическом кэше, динамическом кэше, memcache и даже HHVM, если вы находитесь в их облачном тарифе.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

5. Настройка плагина Cache (в идеале WP Rocket)

Существует множество плагинов кэша, но этот, по опросу в Facebook , является лучшим. Ваш плагин и хостинг вашего кэша – два наиболее важных фактора, поэтому попробуйте купить WP Rocket, если у вас есть 39 долларов.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Если вы вложите $ 39 в покупку WP Rocket , то увидите мой обучающий курс WP Rocket . Плагин прост в настройке, часто обновляется с новыми функциями , имеет обширную документацию и потрясающую поддержку . Он объединяет Cloudflare, MaxCDN, lazyloading videos / photos / iframes, очистку базы данных, удаление строк запроса и многое другое. Большинство других плагинов кэшей не работают с очисткой базы данных или lazyload, в таком случае вам потребуется установить плагины WP-Optimize и Lazy Load For Videos . С WP Rocket вам не нужно устанавливать отдельные плагины для этих функций.

6. Очистка базы данных

Удаляет папки спама и корзины, трекбэки, пингбэки, таблицы базы данных, переходные процессы и тысячи потенциальных почтовых исправлений и почтовых черновиков, которые накопились за время работы, и которые WordPress сохраняет автоматически. Этот мусор и замедляют ваш сайт. Я рекомендую использовать WP Rocket или WP Optimize, чтобы удалять их каждую неделю или около того. Все должно быть хорошо, но на всякий случай сделайте резервную копию своего сайта, если впервые очищаете базу данных! Если вы используете WP Rocket, запустите (и отметьте) его в настройках базы данных …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Если вы не используете WP Rocket, используйте бесплатный плагин WP-Optimize …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

7. Настройка Cloudflare

Бесплатный Cloudflare повышает скорость, безопасность и защиту от спама. Их CDN размещает ваши файлы в 115 дата-центрах, что помогает выгружать ресурсы на их серверы (уменьшая нагрузку на ваш). Дата-центры также уменьшают географическое расстояние, необходимое для доставки вашего контента посетителям. Cloudflare легко настроить с помощью WP Rocket (альтернативные методы настройки я перечислю ниже).

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Если вы используете WP Rocket, установите это в настройках Cloudflare …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Электронная почта вашего аккаунта и глобальный ключ API находятся в профиле Cloudflare …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Альтернативные методы настройки Cloudflare

Большинство хостов также имеют возможность активировать Cloudflare в cPanel …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

8. Настройки скорости Cloudflare

Перейдите к настройкам скорости Cloudflare и скопируйте их. Проверьте свой сайт, учитывая, что Auto Minify и Rocket Loader могут вызвать проблемы. Включите SG Railgun и ускоренные мобильные ссылки.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

9. Защита Hotlink от Cloudflare

Защита Hotlink запрещает пользователям использовать их изображения на своем веб-сайте — что засасывает ваш хостинг-процессор (пропускная способность). Перейти к Cloudflare в настройках scrape shield и включите это …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

10. Правила страницы WPF для Cloudflare

Cloudflare говорит: «Мы рекомендуем создать правило страницы, чтобы исключить административную часть сайта из возможностей Cloudflare. Такие функции, как Rocket Loader и Auto Minification, могут непреднамеренно нарушать функции back-end в разделе администратора».

Перейдите к настройкам Page Rule …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Создайте эти 2 правила для панели администратора …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

11. MaxCDN

MaxCDN — зачем использовать другой CDN, если у вас уже есть Cloudflare? А вот зачем…

MaxCDN имеет 56 дополнительных дата-центров

MaxCDN использует более быстрые SSD-серверы с подключением 10 ГБ

MaxCDN не взимает плату за трафик HTTPS, а Cloudflare взимает

MaxCDN имеет панели мониторинга, которые предоставляют большое количество информации о ваших кэш-файлах

Команда MaxCDN помогла мне сконфигурировать мой CDN и улучшить показатель GTmetrix YSlow на 8%, поставив «вишенку на тортик», чтобы сделать мой отчет на 100% идеальным (см. ниже)

MaxCDN позволяет защитить учетную запись с помощью двухэтапного процесса аутентификации; вы можете переадресовывать IP-адреса людей, которым разрешен доступ к вашей учетной записи

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Шаг 1. Подпишитесь на MaxCDN, используя мой купон на 25%, или попросите бесплатную пробную версию.

Шаг 2. Создайте pull-зону (см. Руководство).

Шаг 3: В настройках этой зоны перейдите в Pull Zone и выберите Manage → Settings. Найдите CNAME, который должен выглядеть примерно так: omm.onlinemedia.netdna-cdn.com

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Шаг 4. Вставьте свой CNAME в поле «CDN CNAME (S)» WP Rocket …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Шаг 5: В MaxCDN перейдите на вкладку “manage cache” в настройках pull-зоны и очистите файлы …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Шаг 6: Запустите свой сайт в GTmetrix, “content delivery network” в YSlow должна быть зеленой.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Если вы расширите элементы в GTmetrix и увидите, что проблема связана с вашим CDN, обратитесь в службу поддержки MaxCDN, которая должна помочь вам исправить её. У них отличная поддержка.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

GTmetrix YSlow без MaxCDN

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

GTmetrix YSlow с MaxCDN

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Поиск и устранение неисправностей MaxCD

12. Белый список IP-адресов

MaxCDN, Cloudflare и на вашем сервере все IP-адреса должны быть белыми, чтобы они корректно работали и не позволяли брандмауэру блокировать IP-адреса друг друга.

Список IP-адресов

IP-адреса MaxCDN

IP-адреса Cloudflare

IP-адрес сервера находится в хостинге cPanel

Найдите IP-адрес вашего сервера — это находится в вашем cPanel (инструкции Google для хоста).

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Белый список IP сервера в MaxCDN — перейдите в область белых списков MaxCDN и вставьте IP-адрес своего сервера.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Белый список IP-адресов сервера в Cloudflare — перейдите в настройки брандмауэра Cloudflare и выполните то же самое.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Белый список MaxCDN / Cloudflare IP-адресов на вашем хосте — обратитесь к своему хосту, чтобы узнать, может ли использоваться белый список IP-адресов Cloudflare и IP-адресов MaxCDN, поскольку большинство хостов не позволяют вам использовать «белый список».

13. Lazyload Videos/Iframes

Задержка загрузки видео до тех пор, пока вы не прокрутите страницу вниз, и они станут видимым. Я смог уменьшить время загрузки нескольких сообщений примерно на 6 секунд, просто включив это (так как видео — тяжелый элемент). Вы можете сделать то же с фотографиями, но постоянная загрузка раздражает, поэтому я отключил. Если вы не используете WP Rocket, можно сделать это, используя плагин Lazy Load For Videos.

Если вы используете WP Rocket, включите lazyload в основных настройках …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Light Youtube Embeds — еще один вариант загружать видео только после нажатия кнопки воспроизведения. Я не собираюсь изобретать колесо (и вам понадобятся некоторые знания в области кодирования), поэтому следовал этому учебнику по light Youtube embed. Вы в основном вставляете код в свой веб-шаблон и еще один код в CSS, а затем вставляете каждое видео с помощью кода «div». Если вам нужна помощь, можете заставить моего разработчика сделать это за вас, но это имеет огромное значение.

14. Обслуживание масштабированных изображений

Изображения могут быть оптимизированы тремя способами. Можно запустить любую страницу через GTmetrix, и она сообщит вам обо всех неоптимизированных изображениях, но ТОЛЬКО для этой страницы. Начните с изображений, которые появляются на нескольких страницах (так как это ускоряет загрузку нескольких страниц), а затем перейдите к изображениям, которые появляются на отдельных страницах.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Serve Scaled Images- изменения размеров больших изображений на меньшие. GTmetrix сообщает вам корректные размеры. Просто нажмите на изображение в GTmetrix, измените его на новые размеры и замените.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

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

Ползунок: 1903 (w) x 400 (h)

Изображения карусели: 115 (h)

Виджет изображений: 414 (w)

Полноформатное изображение блога: 680 (w)

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress

Узнать подробнее

Избранные изображения: 250 (w) x 250 (h)

Никогда не используйте функцию «перетащить для изменения размера» в визуальном редакторе, так как это уменьшает только размер отображаемого изображения (а не фактическое изображение). Лучше всего изменить размер до корректного перед загрузкой.

15. Указывайте размеры изображений

Specify Image Dimensions — это значит, что вам нужно указать ширину и высоту изображения в HTML или CSS. Обычно это происходит в виджетах, HTML или CSS разделах веб-сайта, так как визуальный редактор позаботится об этом автоматически. GTmetrix снова предоставит вам корректные размеры, теперь нужно найти это изображение и указать ширину + высоту …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

16. Сжатие изображений без потерь

Optimize Images – сжимает изображения без потерь с помощью Imagify или Kraken (оба доступны до тех пор, пока вы не исчерпаете ежемесячный лимит). Существуют и другие совершенно бесплатные плагины с неограниченным сжатием, но НЕ используйте их, поскольку они имеют ошибки, не работают или могут разорвать изображения.

Подпишитесь на Imagify

Установите Imagify Plugin

Вам будут предложены следующие инструкции:

Введите свой ключ API из учетной записи Imagify

Установите уровень сжатия (нормальный, агрессивный, ультра)

Массово оптимизируйте все изображения (фото ниже) на вашем сайте

Как только вы достигли своего предела, заплатите 4,99 доллара США или подождите следующего месяца, чтобы сбросить свой лимит

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

После регистрации, массовая оптимизация всех изображений будет доступна на вашем сайте …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

17. Сохранение изображений в корректном формате

Использование корректного формата PNG / JPEG — PNG несжатый формат (больший размер файла) и должен использоваться в простых изображениях с небольшим количеством цветов. JPEG — сжатый (меньший размер файла), он немного снижает качество изображения меньшего по размеру и с большим количеством цветов.

18. WP Disable

WP Disable позволяет отключать настройки в WordPress, которые потребляют процессор и замедляют работу сайта. У него также есть опции для контроля сигнала (если вы помните, есть heartbeat control plugin, теперь вы можете удалить его и просто использовать WP Disable) … а также несколько других параметров, которые могут ускорить работу веб-сайта/панели администратора. Перейдите в настройки и просто отключите то, что вы не используете …

Советы по использованию WP Disable

Отключить ВСЕ, что вы не используете

Удаление спама — хорошая идея

Emojis, Google Maps и Gravatars занимают много времени, чтобы загрузиться

Pingbacks и trackbacks обычно не стоят дополнительных ресурсов

Настройте пост-версии на 3-5 резервных копии, сотни копий не нужны

Различные параметры на вкладке «request» могут увеличить время загрузки

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

19. Локальный хост Google Analytics

В правой части настроек WP Disable вы можете ввести код UA Google Analytics. Это должно исправить элемент кэширования «leverage browser caching для Google Analytics, который часто встречается в приложениях GTmetrix, Pingdom и Google Page Speed Insights. Обязательно удалите любые другие коды отслеживания и плагины Google Analytics и убедитесь, что ваша GA продолжает отслеживать данные пользователя.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

20. Минимизация плагинов

Удалили ли вы плагин Hello Dolly и импортер WordPress? Как насчет замены плагина Twitter с виджетом Twitter или плагина Facebook с виджетом Facebook? Вместо того, чтобы использовать плагин Google Analytics, почему бы не вставить код отслеживания непосредственно в нижний колонтитул (или даже лучше, разместить его локально )? Yoast генерирует XML-карту сайта, поэтому плагин Google XML Sitemaps не нужен. Просматривайте свои плагины и деактивируйте / удалите те, которые вам не нужны. Вы также должны избегать использования 2 отдельных плагинов, если они имеют повторяющиеся функциональные возможности.

21. Избегайте больших модулей CPU

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

Мониторинг мошеннических кликов AdSense

Google XML Sitemaps лучше WordPress

Проверка битых ссылок

Постоянный контакт с WordPress

Contact Form 7 (https://contactform7.com/loading-ja…)

Контекстуальные сообщения

Digi Auto Links

Система комментариев Disqus

Разработчик Divi

Основная сетка

Нечеткий оптимизатор SEO

Google Sitemaps

Jetpack

Галерея NextGEN

NewStatPress

Обнаружение ID

Revolution Slider

S2 member

SEO Auto Links & Related Posts

Related Posts

Slimstat Analytics

SumoMe

VaultPress

Visual Composer

WooCommerce

WordPress Facebook

WordPress Related Posts

WordPress Popular Posts

Статистика WP

WP-PostViews

WP Power Stats

wpCloaker

WPML

Еще один плагин Related Posts

Yuzo Related Posts

P3 плагин никогда не обновлялся, но имел обыкновение делать большую работу по поиску медленных плагинов загрузки – возможно он не работает, но попробуйте его, если хотите. Перейдите в «Plugins» и перейдите P3→ Scan Now → Start Scan → Auto Scan. Просмотрите результаты.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Вы также можете использовать вкладку waterfall GTmetrix, чтобы увидеть медленные плагины …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

22. Отключение неиспользуемых настроек плагина.

Пройдите через каждый из ваших плагинов и определите, какие настройки можно отключить (это снизит CPU). Например, в Yoast в Settings > General > Features я отключил следующее …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Примеры

Отчеты о живом движении Wordfence

Текущие проверки Broken Link Checker

Плагины чата и календаря, которые постоянно работают

Статистические плагины, которые постоянно собирают данные

Related Post и Popular Post плагины, которые хранят тонны данных

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

23. Использование плагина Fast Slider

Soliloquy – слайдер плагин премиум-класса ($ 19). Я использовал на нескольких сайтах и он отлично работал. Плагин прост в использовании (перетаскивании), отзывчивый и поставляется с несколькими шаблонами. Он не такой надежный, как Revolution Slider или Layer Slider, но в них тяжелый код и это почти наверняка замедлит ваш сайт WordPress. Для минимального плавного слайдера — Soliloquy делает потрясающую работу.

Meta Slider — бесплатный минимальный слайдер плагин, рекомендованный Ivica из WordPress Speed Up Facebook Group (смотрите страницу ресурсов ). Я его не использовал, но у него хорошие отзывы.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

24. Использование плагина Fast Gallery

Envira Gallery – премиум/облегченный плагин галерей за $ 29, рекомендованный Ivica, WP Beginner и другими. Галерея NextGEN и Essential Grid работают медленно, поэтому не используйте их. Envira также имеет облегченную (бесплатную) версию, но он не поставляется с альбомами, тегами, интеграцией в социальные сети, шаблонами галерей, deeplinking, pagination, ecommerce, обработкой изображений и т. д.

FooGallery — бесплатный популярный легкий плагин для галереи с замечательными (5-звездочными) отзывами.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

25. Использование плагина Fast Social Sharing

Sassy Social Share — облегченные социальные кнопки обмена с более чем 100 социальными сетями, сервисами закладок и настраиваемыми значками. Рекомендовано Ivica на странице ресурсов.

DVK Social Sharing — альтернативный плагин, который поддерживает Facebook, Twitter и Google+.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

26. AMP (ускоренные мобильные страницы)

Ускоренные мобильные страницы (AMP) — это недавний проект Google, который ускоряет загрузку мобильных страниц при добавлении «AMP» к мобильным фрагментам. Это делается через плагин AMP, который влияет на дизайн мобильного сайта (выглядит прилично, на мой взгляд), я предлагаю попробовать его, посмотреть, нравится ли вам такое, а затем сохранить его или просто удалить, если не понравилось.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Инструкции

Установите плагин AMP с помощью Automattic (добавьте AMP страницы)

Установите плагин Glue For Yoast SEO AMP, если используете Yoast (настраивает дизайн)

Добавьте /amp/ на любую страницу своего веб-сайта, чтобы увидеть, как она выглядит, и убедитесь, что она работает

Перейдите в Yoast Settings → AMP, чтобы изменить дизайн и включить настраиваемые типы сообщений

Подождите, пока Google вернет ваш сайт и добавит знак AMP в результаты мобильного поиска.

Перейдите в раздел ускоренных мобильных страниц в Google Search Console,чтобы увидеть ошибки.

Общей проблемой являются изображения, отображаемые в верхней части сообщений. Для этого есть решение, но оно не идеально. Вы можете либо не иметь никакого изображения, либо установить значение по умолчанию в Yoast под SEO → AMP → Design → Default Image. Это изображение по умолчанию покажет, установлено ли NO с изображением, и если это так, то оно будет отображаться в верхней части сообщения. Вы можете прочитать руководство Yoast AMP, но здесь я в основном просто подводил итог.

27. Оптимизация Gravatars

Gravatars уделяет много времени загрузке, особенно если у вас много комментариев в блоге (попробуйте запустить пост с комментариями через GTmetrix, и вы увидите, как это плохо получается). У вас есть несколько вариантов:

Полностью отключить Gravatars

Установите Gravatar по умолчанию в Blank

Удалите комментарии, которые не добавляют ценность

Установите Gravatar по умолчанию в пользовательский образ на сервере

Ограничьте изображения Gravatar меньшими размерами (например, 32px)

Пронумеруйте комментарии в WP Disable, чтобы показывать только 20 комментариев за раз

Попробуйте кэшировать Gravatars с помощью FV Gravatar Cache или плагина Harrys Gravatar Cache

28. Избегайте Google Maps

Карты Google известны медленной загрузкой, а когда они находятся в нижнем колонтитуле, то загружаются на каждой странице/сообщении на веб-сайте. Возможно, вы просто используете их на своей контактной странице?

29. Избегайте рекламы

Google AdSense и другие рекламные сети обычно замедляют сайт (чрезвычайно), так как они делают запросы на другие серверы для показа объявлений. И если эти серверы не оптимизированы для быстрой загрузки, они разрушат ваше время загрузки и отчет GTmetrix. Я рекомендую использовать партнерские ссылки, потому что они не увеличивают время загрузки и более индивидуальны — почти всегда приводят к увеличению числа $. Вы можете свести к минимуму количество объявлений и убедиться, что ваши рекламодатели находятся на быстрых серверах, но, вероятно, столкнётесь с проблемами в GTmetrix.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

30. Проверка AWStats на высокий CPU

AWStats — это инструмент, встроенный в большинство хостинговых cPanels, который обеспечивает статистику использования CPU. Он сообщает вам, что некоторые боты, изображения, загруженные файлы и даже IP-адреса потребляют много CPU. Вы также можете использовать плагин WP Server Stats, но я думаю, что AWStats отлично делает свою работу.

AWStats поможет вам найти:

Высокоскоростные сканеры

Высокоскоростные IP-адреса

Файлы с высокой пропускной способностью

Файлы с высокой пропускной способностью (например, изображения)

Общее использование полосы пропускания (для мониторинга)

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

31. Ограничивающие сканеры/пауки

Поиск ограничивающих сканеров/пауков обычно потребляет большую часть процессора/полосы пропускания.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

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

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

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

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Вы можете сделать то же самое в настройках управления в Bing Webmaster Tools …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

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

https://pastebin.com/BPRv4TDd

32. Отмена анализа JavaScript

Создайте резервную копию файла functions.php и добавьте к нему этот код — все готово. Дважды проверьте свой сайт, чтобы убедиться, что все выглядит/работает правильно. Если это не исправило элемент в Pingdom, попробуйте использовать плагин Scripts To Footer. Этот шаг может потребовать тестирования и использования разных вариантов кода, но я позаимствовал код из этой статьи, в ней вы можете получить больше разъяснений.

33. Добавление угасающих заголовков

Большинство кэш плагинов должны позаботиться об этом автоматически, когда вы включаете кэширование браузера (например, WP Rocket и W3 Total Cache). Но если в вашем отчете Pingdom на вкладке YSlow все еще отображается «добавить угасающие заголовки», добавьте этот код в начало вашего .htaccess …

34. Удаление строки запроса из статических ресурсов.

Этот предмет был головной болью для многих людей (включая меня). К счастью, несколько последних обновлений были сделаны самыми популярными кэш плагинами, которые позволяют легко сделать «удаление строки запроса из статических ресурсов» в GTmetrix и других отчетах о скорости.

WP Rocket имеет такую возможность на вкладке «static files» …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

У W3 Total Cache есть для этого опция в разделе Performance → Browser Cache, включите параметр «Prevent caching of objects of settings change» …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

WP Disable имеет опцию на вкладке «requests» …

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Вы также можете попробовать плагин Remove Query Strings From Static Resources

35. Сведение переадресаций к минимуму

Это обычно означает, что вы изменили www или http версию своего сайта, но не изменили ссылки/изображения, чтобы их отобразить. Попробуйте плагин Better Search & Replace, чтобы массово их исправить.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

36. Использование облегчённой темы

Если ваш сайт WordPress с самого начала был медленным, то причина этому, вероятно, хостинг или тема. Я помню, как разрабатывал веб-сайт с использованием темы e Law Business, и это было ТАК МЕДЛЕННО, что мне пришлось искорёжить весь сайт и использовать тему Executive Pro от StudioPress. Это связано с плохой кодировкой разработчиком темы или слишком большим количеством ненужных встроенных функций.

Темы StudioPress легкие (быстро загружаются), отзывчивые, HTML5, безопасные и надежные (они не будут тормозить или прекращфать работу, как некоторые темы ThemeForest). Они используются более чем 200 000 человек, встроены в Genesis Framework (рекомендуется основателем Yoast и WordPress), и у них есть облегчённые плагины Genesis.

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

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

37. Веб-сайт №1 для хостинг аккаунта

У сервера есть ограниченное количество ресурсов на хостинг аккаунте. Хостинг многих веб-сайтов будет замедлять их, особенно если у этих сайтов требуется много трафика на ресурсоёмкие плагины или они просто потребляют большой объём CPU в AWStats. Или размещайте только один сайт на одну учетную запись, или убедитесь, что в вашем плане достаточно ресурсов для надлежащего размещения сайтов.

38. Обновление WordPress

Обновите ядро WordPress, тему, плагины и рамки, если что-то одно (например, Genesis).

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

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

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Genesis Framework также имеет такую возможность…

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

39. Найдите у себя медленные страницы загрузки

Вы можете использовать Google Analytics для поиска времени загрузки (и рекомендаций), наиболее просматриваемых страниц и самых медленно загружаемых. Войдите в Google Analytics, перейдите в Behavior → Site Speed → Speed Suggestions. Нажмите «Page Speed Suggestions», чтобы увидеть рекомендации, хотя отмечу, что рекомендации GTmetrix обычно лучше.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

40. Наймите моего оптимизатора скорости

i333 — оптимизатор скорости WordPress с сайта freelancer.com, который помог мне получить довольно приятные отзывы о GTmetrix + Pingdom. Вы можете нанять его, подписавшись на учетную запись Freelancer и найти «i333». Он просит $43/час и имеет обзор 4,9 / 5 звезд с 402 отзывами. Его настоящее имя — Усама, и он очень отзывчив, свободно говорит по-английски, и он отправит вам отчеты до и после. Обращайтесь только с серьёзными заказами, и, пожалуйста, не ожидайте 100% оценки, когда вы используете медленный хостинг, раздутую тему WordPress и тонны тяжелых плагинов или рекламных объявлений. Сначала последуйте этому руководству.

Как я оптимизировал медленный сайт WordPress: полный список из 40+ актуальных советов по оптимизации скорости WordPress

Автор: Tom Dupuis

Источник: http://www.onlinemediamasters.com/

Редакция: Команда webformyself.

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress

Узнать подробнее

Практика оптимизации сайта: ускорение загрузки Вашего сайта в разы

Узнайте как ускорить загрузку сайта .

Научиться

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (2)

  1. Сергей

    а вы не сможете сделать ускорение сайта за оплату?

    • Олег

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree