Как сократить время загрузки сайта WordPress — с 6,3 до 2 секунд

Стенограмма видео

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

Этот метод будет использовать все бесплатные плагины. Они находятся прямо в репозитории WordPress, и я собираюсь объяснить, что делает каждый из них, когда я его использую. Давайте прыгнем в него. Это отчет GTMetrix для веб-сайта, который мы сделали несколько месяцев назад и который на самом деле не был оптимизирован.

На самом деле я собираюсь перейти к внешнему интерфейсу сайта, также собираюсь использовать свой браузер, поэтому мы собираемся перейти к сети, и я собираюсь сделать жесткое обновление. Я на Mac. Я собираюсь удерживать Shift и нажимать «Обновить», чтобы очистить кеш, и это медленно. Да, у этой штуки было время до первого байта шесть секунд.

Это довольно нелепо, и мы не собираемся позволять клиентскому веб-сайту сидеть там и тратить так много времени на получение первого байта. Теперь сам сервер, вероятно, является фактором. Я знаю, что они находятся на хостинге GoDaddy очень низкого качества, но мы определенно можем ускорить это, поэтому в течение следующих 10 минут или около того мы собираемся это сделать.

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

Я не собираюсь это проверять. Обычно это не имеет большого значения. Я не хочу отключать слияние шрифтов Google. Я не хочу сохранять порядок файлов CSS. Я хочу встроить CSS как в верхний, так и в нижний колонтитулы. Причина, по которой я проверяю эти настройки, заключается в том, что мы работаем в основном с Elementor, и я знаю, что эти настройки ничего не сломают.

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

Ладно, ничего отключать не буду. Здесь все выглядит хорошо, так что я сохраню это и повторно прогоню метрики Gt. Просто сделав это, вы, вероятно, сократите время загрузки этого сайта. Тем не менее, во многом это, вероятно, все еще сервер.

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

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

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

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

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

Весь этот процесс предварительной загрузки страниц на самом деле занимает немного времени. Вы знаете, мы только на странице 17 из 30. Следующее, к чему мы собираемся перейти, пока оно работает, это здесь. Мы собираемся посмотреть на базу данных, и у нас есть эти опции для оптимизации таблиц базы данных, очистки ревизий сообщений, так что это действительно очистит базу данных и позволит ей работать намного быстрее, но я действительно хочу подчеркнуть что он собирается избавиться от вещей.

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

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

Иногда требуется время, чтобы пройти через это. Это довольно небольшой веб-сайт, так что на самом деле это не заняло слишком много времени, но давайте запустим его еще раз и посмотрим, что получилось. Хорошо, теперь мы сократили время на 2,6 секунды до начала, что это было, более чем за 6 секунд до того, как мы начали.

Следующим, что я собираюсь добавить, будет ленивая загрузка. Ленивая загрузка, вот и все, я использую ленивую загрузку от WP Rock. Супер легко настроить. Просто нажмите на него, активируйте, перейдите в настройки, и мы просто поставим здесь несколько галочек.

Изображения, I-фреймы. Я не собираюсь делать видео на YouTube по эскизам. Сохранить изменения. Хорошо. Теперь, последний шаг, на самом деле, я думаю, что оптимизация… мы не собираемся сидеть здесь, пока оптимизируем всю библиотеку, но оптимизация изображений для этой штуки будет последним шагом, чтобы действительно все уладить.

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

Я думаю, что также много критики визуальных конструкторов страниц, таких как WP Bakery, в данном случае Elementor, Divi, они необоснованны, потому что есть много вещей, которые вы можете сделать, чтобы эти сайты загружались быстро даже с визуальный конструктор страниц.

Если это было полезно, не забудьте оставить комментарий, а если вы заинтересованы в изучении SEO и WordPress, обязательно подпишитесь на наш канал. Спасибо.