TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Как улучшить скорость загрузки вашего блога WordPress

299
Содержание

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

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

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

  1. Используйте плагин кеширования
  2. Оптимизировать изображения
  3. Оптимизировать домашнюю страницу
  4. Загрузите Google Maps правильно
  5. Очистить и оптимизировать базы данных
  6. Удалите ненужные символы из исходного кода (уменьшите его)
  7. Выберите быструю тему WordPress
  8. Не устанавливайте ненужные плагины
  9. Разделить более крупные сообщения
  10. Ограничьте количество ревизий постов
  11. Обновитесь до PHP7. Сейчас!
  12. Изменить кеширование браузера
  13. Как удалить строки запроса из статических ресурсов
  14. Уменьшите количество HTTP-запросов
  15. Не используйте Граватары
  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 правильно.

Как улучшить скорость загрузки вашего блога WordPress
Если вы используете Карты 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 до минификации

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 за вас. Мы покажем вам самые лучшие.

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

С более чем 200000 активных установок 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. Щелкните «Сохранить». Обновите свой сайт, чтобы убедиться, что изменение активно, и наслаждайтесь скоростью.

Как улучшить скорость загрузки вашего блога WordPress

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    1. Откройте файл .htaccess
    2. Скопируйте и вставьте следующее:
# Browser Caching <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/gif "access 1 year" ExpiresByType image/png "access 1 year" ExpiresByType text/css "access 1 month" ExpiresByType application/pdf "access 1 month" ExpiresByType text/x-javascript "access 1 month" ExpiresByType application/x-shockwave-flash "access 1 month" ExpiresByType image/x-icon "access 1 year" ExpiresDefault "access 2 days" </IfModule>
  1. Сохранить изменения

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

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

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

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

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

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

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

https://firstsiteguide.com/?utm_source=twitter&utm_medium=cpm&utm_campaign=twitter

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

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


Как улучшить скорость загрузки вашего блога WordPress

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

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

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

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


Как улучшить скорость загрузки вашего блога WordPress

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

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

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

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

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

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

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

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

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

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

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

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

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

Как улучшить скорость загрузки вашего блога WordPress

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

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

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

Как улучшить скорость загрузки вашего блога WordPress

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

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

function comments_clean_header_hook(){ wp_deregister_script( 'comment-reply' ); } add_action('init','comments_clean_header_hook');

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

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

Как улучшить скорость загрузки вашего блога WordPress

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

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

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

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

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

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


Как улучшить скорость загрузки вашего блога WordPress

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

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

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

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

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

Если вы плохо разбираетесь в коде, и вам просто нужно установить плагин, есть простой плагин, который удалит встраивание с вашего сайта. Если вы можете обработать несколько строк кода, которые вам просто нужно скопировать, используйте следующую функцию и поместите ее в свой файл functions.php:

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

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

Вывод: всегда заботьтесь о скорости вашего блога

Если вы вносите изменения только в некоторые элементы своего сайта, они могут вам пригодиться. Шаги, которые мы описали в этой статье, совершенно бесплатны, поэтому не помешает их попробовать. Тем не менее, не забывайте заботиться о своем сайте; регулярно обновляйте WordPress, темы и плагины и никогда не пренебрегайте своим блогом.

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

Источник записи: https://firstsiteguide.com

Leave A Reply

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