21 совет о том, как ускорить ведение блога WordPress

Опубликовано: 2018-07-04

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

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

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

  • Используйте плагин кеширования
  • Оптимизировать изображения
  • Оптимизируйте домашнюю страницу
  • Загрузите Google Maps правильно
  • Очистить и оптимизировать базы данных
  • Удалите ненужные символы из исходного кода (уменьшите его)
  • Выберите быструю тему WordPress
  • Не устанавливайте ненужные плагины
  • Разделить более крупные сообщения
  • Ограничьте количество ревизий постов
  • Обновитесь до PHP7. Теперь!
  • Изменить кеширование браузера
  • Как удалить строки запроса из статических ресурсов
  • Уменьшите количество HTTP-запросов
  • Не используйте Граватары
  • Удалите комментарии, если вы их не используете
  • Удалить смайлы
  • Используйте CSS-спрайты в WordPress
  • Ограничьте количество кнопок социальных сетей
  • Выгрузите скрипты и стили, которые вы не используете
  • Отключить встраивание

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

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

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

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

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

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

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

3. Оптимизируйте главную страницу.

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

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

Виджет Google Maps


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

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

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 до минификации

 тело {
маржа: 10 пикселей;
цвет: # 333333;
фон: синий;
}

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

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

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

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

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

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

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

  • https://cssminifier.com
  • http://www.cleancss.com/css-minify/
  • http://csscompressor.com

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

  • http://www.minifier.org
  • https://jscompress.com
  • https://javascript-minifier.com

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

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

Автоматическая оптимизация

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

  1. Установите и активируйте плагин
  2. Зайдите в Настройки -> Автоматическая оптимизация.
  3. Нажмите Показать дополнительные настройки
  4. Проверьте параметры Оптимизировать HTML-код, Оптимизировать код JavaScript и Оптимизировать код CSS.
  5. Сохранить изменения

W3 Общий кэш

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

  1. Установите и активируйте плагин
  2. Перейдите в Performance -> Minify
  3. Убедитесь, что проверена структура URL перезаписи
  4. Включите настройки минимизации HTML, настройки минимизации JS и настройки минимизации CSS.
  5. Сохранить все настройки

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

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

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

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

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

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

9. Разделите более крупные сообщения.

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

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

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

11. Обновитесь до PHP7. Теперь!

Вы всегда должны стремиться делать как можно меньше работы, чтобы получить максимальные результаты. Оптимизация вашего сайта, чтобы сделать его быстрым, ничем не отличается. Зачем тратить часы на оптимизацию, чтобы сэкономить несколько миллисекунд, если вы можете сделать несколько кликов и легко ускорить сайт на 20%. В нашем методе нет волшебства. Все просто, просто и очевидно. Как только вы его реализуете, вы спросите себя: «Почему я не сделал это раньше».

Многочисленные тесты показывают, что PHP7 на 20% быстрее, чем PHP5 в реальных производственных средах. В обычных тестах это может быть на 200% быстрее. Он также более безопасен, имеет новые полезные функции и рекомендован WordPress. Итак, как обновиться?

Если вы пользуетесь услугами достойной хостинговой компании, вы уже используете PHP7, поэтому проверьте свою версию, прежде чем двигаться дальше. Либо возьмите плагин My ​​WordPress Health Check, либо загрузите файл с помощью функции phpinfo (). Уже на PHP7? Превосходно! Готово. Используете PHP5? Давай избавимся от этого.

Войдите в свою cPanel. Если у вас нет удобной ссылки, просто добавьте «: 2083» в конце вашего доменного имени, т. http://www.mydomain.com:2083 . Войдя внутрь, найдите значок с надписью «Селектор PHP», «Выбрать версию PHP» или «Диспетчер версий PHP» в разделе «Программное обеспечение». Щелкните значок, чтобы открыть средство выбора версии PHP. В зависимости от того, что включила ваша хостинговая компания, вы сможете выбрать версию PHP для всей учетной записи, для определенных доменов или на уровне каждой папки. В зависимости от того, какая ситуация включена в вашей cPanel, убедитесь, что вы выбрали версию 7.0 или 7.1 для установки WordPress. Щелкните «Сохранить». Обновите свой сайт, чтобы убедиться, что изменение активно, и наслаждайтесь скоростью.

PHP7 WordPress

Но ... (вставьте здесь свое оправдание)

Если вы еще не обновились, у вас наверняка есть для этого «веская» причина. Без обид, но нет! Давайте опровергнем те оправдания, которые у вас есть.

Похоже, много работы и вещей, связанных с сервером, я не понимаю

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

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

Моя хостинговая компания не поддерживает PHP7

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

Отправьте им электронное письмо и потребуйте, чтобы они немедленно перенесли вашу учетную запись на новый сервер, поддерживающий PHP7. Если они этого не делают (по какой-либо причине), вам нужно найти хорошую хостинговую компанию WordPress. Вы напуганы и не хотите этого делать? Беспокойство по поводу миграции - это нормально, но не обязательно делать это самому.

Достойные хостинговые компании сделают миграцию за вас. Серьезно, это не маркетинговый трюк. Вы даете им свой старый пароль cPanel, и все.

Я слышал, что WordPress не работает с PHP7

Шутки в сторону!? WordPress явно отмечает PHP7 или выше в качестве требований к серверу. Итак, короче - это работает.

PHP7 новый и экспериментальный

PHP v7.0 вышел в декабре 2015 года. Это вряд ли что-то новое. Это проверенное и проверенное программное обеспечение, которое лучше, чем PHP5. Он быстрее, имеет больше функций, и это просто будущее. Если вы помните, этого недостаточно, PHP5 больше не поддерживается активно.

12. Повысьте скорость WordPress, изменив кеширование браузера.

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

Увеличьте скорость WordPress и кешируйте статические файлы дольше

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

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

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

  • Откройте файл .htaccess
  • Скопируйте и вставьте следующее:
 # Кеширование браузера
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image / jpg «доступ на 1 год»
ExpiresByType image / jpeg "доступ на 1 год"
ExpiresByType image / gif "доступ на 1 год"
ExpiresByType image / png "доступ на 1 год"
ExpiresByType text / css "доступ на 1 месяц"
Заявление ExpiresByType / pdf "доступ на 1 месяц"
ExpiresByType text / x-javascript "доступ на 1 месяц"
Доступ к приложению ExpiresByType / x-shockwave-flash
1 месяц"
ExpiresByType изображение / значок x "доступ на 1 год"
ExpiresDefault «доступ 2 дня»
</IfModule>
  • Сохранить изменения

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

13. Как удалить строки запроса из статических ресурсов в WordPress и ускорить работу вашего сайта

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

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

Что такое строки запроса

Строки запроса - это части URL-адресов, которые можно найти после знака вопроса (?) Или символа амперсанда (&). Браузеры или внешние приложения обычно добавляют эти части в URL-адреса, чтобы добавить дополнительные параметры.

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

Чаще всего после нажатия на рекламу, статью в социальных сетях или в почтовом ящике вы увидите довольно длинный URL-адрес со строками запроса. Чтобы сообщить службам аналитики о происхождении вашего посещения, другие службы (и сами люди) будут добавлять строки запроса, специфичные для UTM, которые описывают источники, средства массовой информации и кампании. Маркетологи используют это, чтобы отслеживать эффективность своих кампаний. И это совершенно нормально; не беспокойтесь о таких строках запроса.

Почему и когда нужно удалять строки запроса?

GTmetrix удаляет строки запроса из статических ресурсов

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

/wp-includes/css/dashicons.min.css?ver=4.4.2

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

Как удалить строки запроса из статических ресурсов

Строка запроса

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

Добавить простую функцию

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

  • Откройте и отредактируйте файл functions.php
  • Скопируйте и вставьте следующий код:
 function _remove_script_version ($ src) {
$ parts = взорваться ('? ver', $ src);
вернуть $ parts [0];
}
add_filter ('script_loader_src', '_remove_script_version'
, 15, 1);
add_filter ('style_loader_src', '_remove_script_version'
, 15, 1);
  • Сохранить изменения

Снимите флажок в W3 Total Cache

Поскольку W3 Total Cache - популярный плагин, который на данный момент насчитывает более миллиона активных установок, есть вероятность, что вы уже используете плагин. В этом случае вам просто нужно будет снять один флажок в настройках:

  1. Перейдите в Performance -> Browser Cache.
  2. Снимите флажок Запретить кеширование объектов после изменения настроек.
  3. Сохранить изменения

Используйте плагин удаления строк запроса из статических ресурсов

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

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

Независимо от того, какой метод вы использовали, удаление строк запроса не должно было быть сложной задачей. Теперь, когда вы закончили, вы можете запустить еще одно сканирование выбранного вами инструмента скорости и производительности, чтобы увидеть, улучшились ли и как оценка (и скорость вашего сайта).

14. Уменьшите количество HTTP-запросов и ускорьте свой сайт WordPress.

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

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

Проверка HTTP-запросов

15. Не используйте Gravatars.

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

Как только мы сообщим вам, что каждое изображение Gravatar добавляет еще один HTTP-запрос к серверу, представьте, что произойдет, если у вас будет более, скажем, сотни комментариев на одной странице? Угадайте, что происходит, когда есть более сотни дополнительных запросов, которые не должны быть там - да, ваш сайт становится медленнее.

Проверка HTTP-запросов

Если вам не нужны эти маленькие изображения рядом с каждым комментарием, просто перейдите в « Настройки» -> «Обсуждение» -> «Аватары» и снимите флажок для отображения аватаров в комментариях. Это так просто. Если вам просто нужны аватары, вам следует подумать об установке сторонней системы комментариев для WordPress, которая будет обрабатывать вещи по-другому. Например, популярным вариантом является Disqus, который выполняет работу по отображению аватаров намного быстрее.

16. Удалите комментарии, если вы их не используете.

Как вы можете догадаться, для использования комментариев требуются дополнительные файлы. Если вы используете систему комментирования по умолчанию, вам не нужно ничего делать - это то, что у вас есть, и этот дополнительный запрос оправдан. Но если вы не используете комментарии на своем сайте или используете другую систему комментирования, вам следует удалить скрипт «комментарий-ответ». Для этого вам нужно скопировать следующую функцию в файл functions.php:

 function comments_clean_header_hook () {
 wp_deregister_script ('комментарий-ответ');
 }
add_action ('init', 'comments_clean_header_hook'); функция
comments_clean_header_hook ()
{
wp_deregister_script ('комментарий-ответ');
}
add_action ('init', 'comments_clean_header_hook');

17. Удалите смайлы.

Да, смайлы милые. Да, все используют их на своих компьютерах, смартфонах и планшетах. Хотя WordPress представил их в версии 4.2. это не означает, что вам нужно загрузить этот дополнительный JS-файл на свой сайт только для того, чтобы иметь смайлики . Скорость вашего сайта должна быть важнее, чем наличие смайликов (если только вы просто не можете жить без них).

18. Используйте CSS-спрайты в WordPress.

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

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

19. Ограничьте количество кнопок социальных сетей.

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

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

20. Выгрузите скрипты и стили, которые вы не используете.

Выгрузите скрипты и стили и ускорите свой сайт

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

Вам не нужно быть экспертом. Мы уже показали вам аккуратный небольшой плагин, который покажет вам все скрипты и стили, загружаемые на каждой из ваших страниц. Используя WP Asset CleanUp, вы можете легко распознать ненужные файлы и быстро выгрузить их. Если у вас больше опыта работы с WordPress, плагин поможет вам изолировать данные, а позже вы сможете вручную удалить файлы. Если нет, оставьте плагин и позвольте ему обрабатывать сценарии и стили за вас.

21. Отключить встраивание

To improve user experience, WordPress developers introduced a new JS file that allows you to embed videos from different services like Youtube is just by copying a URL. You can embed images and tweets the same way just by pasting the link in the Visual Editor.

While this feature is an amazing one, many people just don't use it. If you're trying to speed up your site, it is more important to remove one request than having a preview of the video. You know which video you're embedding, so there's no real need for having that preview, right?

If you're not good with code, and you just have to install a plugin, there a simple plugin that will remove embeds from your site. If you can handle a few lines of code that you just need to copy, use the following function and put it in your functions.php file:

 function speed_stop_loading_wp_embed() {
if (!is_admin()) {
wp_deregister_script('wp-embed');
}
}
add_action('init', 'speed_stop_loading_wp_embed');

Take your time, and check your WordPress site for those unwanted HTTP requests. Even if you reduce the number just for a few pages, or if you find just a file that you don't have to load, it will be a success. Не волнуйтесь; even if your users don't feel the speed improvement, search engines will.

Conclusion: Always take care of your blog speed

If you make changes only to several things on your site, you might benefit from them. The steps we have described in this article are completely free, so it won't hurt to try them out. Still, don't forget to take care of your site; update WordPress, themes, and plugins on a regular basis and never neglect your blog.

Sometimes, even an optimized site won't run fast. In that case, you will have to look for another hosting company or consider paying extra bucks for a managed or dedicated server.