21 совет о том, как ускорить блог WordPress. Часть первая

Доброго здравия, друзья!

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

Лучшие способы и советы ускорить ваш сайт на WordPress

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

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

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

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

  1. Используйте плагин кэширования
  2. Оптимизируйте изображения
  3. Оптимизируйте домашнюю страницу
  4. Загрузите Google Maps правильно (если он вам нужен)
  5. Очистите и оптимизируйте базу данных
  6. Удалите ненужные символы из исходного кода (уменьшите его)
  7. Выберите быструю тему WordPress
  8. Не устанавливайте ненужные плагины
  9. Разделяйте большие посты
  10. Ограничивайте количество ревизий
  11. Обновитесь до PHP 7. Сейчас!
  12. Измените кеширование браузера
  13. Удалите строки запроса из статических ресурсов
  14. Уменьшите количество HTTP-запросов
  15. Не используйте Gravatar
  16. Удалить комментарии, если вы их не используете
  17. Удалить смайлики
  18. Используйте CSS-спрайты в WordPress
  19. Ограничьте количество кнопок социальных сетей
  20. Отключите скрипты и стили, которые вы не используете
  21. Отключите встраивание видео

1. Используйте плагин кэширования

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

Существует множество плагинов для кэширования WordPress, но только несколько популярны. Хорошей новостью является то, что эти плагины хорошо написаны, они мгновенно ускорят ваш сайт, и они абсолютно бесплатны! Самый популярный плагин для этой работы — W3 Total Cache, который имеет более 1 миллиона активных пользователей. Это поразительно! Есть другие плагины, которые могут делать то же самое, например плагин WP Fastest Cache, о котором я уже упоминал в одной из моих предыдущих статей.

2. Оптимизируйте изображения

Будь то одно изображение на главной странице или целая галерея фотографий, которые вы хотите показать, не оптимизированные изображения могут значительно замедлить ваш сайт. Допустим, вы используете камеру, которая может снимать фотографии с высоким разрешением. Эти фотографии, вероятно, будут иметь размер более 2 МБ, и они могут легко превысить ограничение в 4 МБ. Даже изображения с современных смартфонов будут генерировать большие файлы. Если вы об этом не задумываетесь и просто загружаете картинку, представьте, как загружается ваш сайт.

Просто добавив одно изображение размером 2 МБ или «тяжелое» 4 МБ, ваши пользователи должны будут загрузить это изображение, как только откроют ваш сайт. Хотя пользователи, пользующиеся широкополосным подключением, не почувствуют особой разницы, пострадают пользователи с более низкой скоростью интернета. Не только это, даже Google будет хмуриться из-за более медленного времени загрузки, поэтому ваш рейтинг страницы может пострадать в долгосрочной перспективе.

Это не должно быть проблемой, так как вы можете легко оптимизировать изображения. Прежде всего, если вы не демонстрируете свою последнюю работу и вам не нужно отображать изображения в полном разрешении, начните с уменьшения разрешения. Например, если ваша тема имеет максимальную ширину 800 пикселей, ваше изображение не должно быть шире. Вы можете просто изменить размер или даже обрезать изображение. Есть также много инструментов и приложений, которые могут помочь вам оптимизировать изображения. Если вы хотите использовать профессиональное программное обеспечение, такое как Photoshop, которое может творить чудеса с вашими изображениями и оптимизировать их специально для интернета, или вы хотите использовать простой онлайн-инструмент, вам следует оптимизировать свои изображения.

Есть также много плагинов WordPress, таких как WP Smush — Image Optimization, которые могут автоматически оптимизировать изображения для вас.

3. Оптимизируйте домашнюю страницу

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

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

4. Загрузите Google Maps правильно

Загрузите Google Maps правильно

Если вы используете Google Карты, чтобы показать местоположение, убедитесь, что интерактивная карта не замедляет сайт. Простая карта на вашем сайте может занимать до 2 МБ, что заставит ваших посетителей загружать дополнительные данные, даже если они не заинтересованы в карте.

Но если вы используете WordPress, эта задача может стать еще проще. Да, мы говорим о плагине Google Maps Widget, который может отображать уменьшенное изображение с вашей карты. Таким образом, вы добавите только несколько килобайт данных на ваш сайт вместо одного или двух мегабайт. Это окажет огромное влияние на скорость вашего сайта, в то время как ваши посетители, интересующиеся картой, могут по-прежнему пользоваться всеми возможностями Google Карт.

5. Очистите и оптимизируйте базы данных

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

6. Удалите ненужные символы из исходного кода (уменьшите его)

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

Нет, вам не придется просматривать исходный код, чтобы удалить эти символы вручную; есть плагин WordPress, который может сделать эту работу за вас. Если вы установили W3 Total Cache для решения проблемы кэширования, у вас уже есть плагин, который можно использовать для минимизации. Другой популярный плагин, который может минимизировать код на вашем сайте WP — это Autoptimize.

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

Прежде чем вдаваться в подробности, убедитесь, что у вас есть лучший вариант хостинга. Это первый шаг, вам нужно иметь быстрый сайт.

Теперь давайте я покажу вам, как минимизировать файлы CSS и JavaScript вручную, а также перечислю два плагина, которые помогут вам ускорить ваш сайт. Готовы?

Что такое минификация?

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

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

Когда вы минимизируете файлы CSS и JavaScript в WordPress, вы удалите такие вещи, как пробелы, символы новой строки, комментарии и разделители блоков. За каждый символ, удаленный из кода, вы немного ускорите свой сайт. Вот простой пример кода CSS до и после процесса минификации.

CSS-код перед минификацией

    body {
        margin:10px;
        color:#333333;
        background:blue;
    }

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

CSS-код после минификации

body{margin:20px;color:#333;background:blue}

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

Сократите CSS и JavaScript файлы вручную

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

Минимизировать CSS вручную

Минимизировать JavaScript вручную

Лучшие плагины минификации для WordPress

Сервисы, которые я показал вам выше, отлично справятся с вашим пользовательским кодом. Но если вы хотите минимизировать все файлы на вашем сайте WordPress, было бы смешно просматривать все файлы на вашем сервере. Я рад сообщить вам, что некоторые фантастические бесплатные плагины могут минимизировать CSS и JavaScript файл в WordPress для вас. Позвольте мне показать вам лучшие из них.

Autoptimize

Благодаря более чем 1 000 000 активных установок Autoptimize является одним из самых популярных вариантов оптимизации вашего сайта WordPress. Среди других удивительных функций плагин может минимизировать скрипты, стили и HTML. Он будет сжимать файлы, кэшировать их и перемещать код для ускорения вашего сайта.

  • Установите и активируйте плагин
  • Зайдите в «Настройки — Autoptimize»
  • Нажмите «Показать дополнительные настройки»
  • Проверьте опции «Оптимизировать HTML код», «Оптимизировать JavaScript код» и «Оптимизировать CSS код»
  • Сохраните изменения

W3 Total Cache

Этот популярный плагин делает все это. Конечно, плагин будет кешировать файлы для вас в первую очередь. Но если вы заинтересованы в удалении строк запроса из статических ресурсов, W3 Total Cache сделает это за вас. Точно так же он минимизирует файлы CSS и JavaScript, и даже делает то же самое для ваших сообщений, страниц и RSS. Вы просто должны это проверить.

  • Установите и активируйте плагин
  • Перейдите к «Производительность — Minify»
  • Убедитесь, что структура URL-адреса перезаписи проверена
  • Включить «параметры минимизации HTML», «параметры минимизации JS» и «параметры минимизации CSS»
  • Сохранить все настройки

Как видите, процесс минификации довольно прост. Сократите количество файлов CSS и JS на своем сайте и вернитесь к онлайн-тесту скорости и производительности по вашему выбору. Я уверен, что вы получите гораздо лучший результат и благодарственное письмо от ваших посетителей и поисковых систем.

7. Выберите быструю тему WordPress

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

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

8. Не устанавливайте ненужные плагины

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

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

9. Разделите большие сообщения

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

10. Ограничьте количество сообщений ревизий

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

До скорой встречи во второй части!

Вам понравилась статья?
плохохорошо (+1 баллов, 1 оценок)
Загрузка...
Обо мне
Юрич:
Занимаюсь созданием сайтов на WordPress более 6 лет. Работал в нескольких веб-студиях, да и сейчас работаю. Иногда подрабатываю на фрилансе, как на нашем так и на зарубежном. Везде зарекомендовал себя очень хорошо. Если нужен сайт на WordPress, шаблон для сайта или лендинг - не стесняйтесь - пишите. Рад буду помочь!