Как ускорить работу сайта WordPress (без смены веб-хостинга)

Contents

Каковы преимущества ускорения веб-сайта?

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


Многие другие исследования были опубликованы о влиянии скорости веб-сайта. Например, исследование, проведенное в 2017 году, показало, что задержка загрузки сайта в одну секунду может уменьшить количество просмотров страниц на 11%, снизить уровень удовлетворенности клиентов на 16% и привести к потере 7% желаемого показателя конверсии..

Также важно отметить, что Google теперь использует скорость сайта как фактор ранжирования.

Короче говоря, медленный сайт негативно повлияет на следующее:

  • Трафик и просмотры страниц
  • Конверсии
  • Продажи
  • Имидж бренда и восприятие в сознании ваших посетителей

Поскольку наша цель – сделать hostingfacts.com главным ресурсом по созданию успешных веб-сайтов, мы решили подготовить руководство о том, как повысить скорость вашего сайта.. Ниже приведены 21 способ увеличить скорость вашего сайта:

Вы узнаете:

ОБНОВИТЬ: Прежде чем вы начнете оптимизировать свой сайт для более быстрой загрузки, вам следует рассмотреть две вещи:

Во-первых, зайдите и проверьте текущее время загрузки веб-сайта с помощью Pingdom или Google PageSpeed ​​Insights. Это поможет вам сравнить изменения скорости после того, как вы настроили свой сайт.HostingFacts pingdom speed

HostingFacts: скорость страниц

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

Готов? Давайте начнем с ШАГА 1:

1. Удалите ненужные плагины и дополнения

Ненужные плагины и надстройки могут значительно снизить скорость вашего сайта, и особенно важно обращать на них внимание, если вы используете блоговые CMS, такие как WordPress, Joomla или Drupal..

Хорошее тематическое исследование о влиянии плагинов на скорость веб-сайта показывает, как он смог увеличить скорость веб-сайта с 4,23 до 1,33 секунды. При анализе сайта было обнаружено, что плагины обеспечивают колоссальные 86% времени загрузки сайта.

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

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

Если вы являетесь пользователем WordPress, вы можете установить P3 (Plugin Performance Profiler);

P3_performance

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

2. Значительно ограничьте или удалите кнопки общего доступа на вашем сайте

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

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

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

кнопки социальных сетей

3. Асинхронно загружайте код аналитики и рекламных сетей

Коды отслеживания Google Analytics и рекламные сети также могут существенно снизить скорость вашего сайта, особенно если удаленный сервер работает медленно или не работает; Вы можете легко предотвратить эту проблему, настроив все свои коды отслеживания для использования асинхронной доставки; Таким образом, сбой или задержка сервера в вашей рекламной сети или службе аналитики не замедлит работу вашего веб-сайта..

4. Включить Expires Headers

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

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

Если вы хотите использовать Expires Headers на своем веб-сайте, этот урок от GTmetrix покажет вам, как это сделать..

5. Включить кеширование

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

Существуют разные способы включения кэширования сайта в зависимости от используемой платформы; для WordPress вы можете установить следующие плагины:

  • W3 Total Cache
  • W3 Super Cache

Если вы хотите что-то более продвинутое, купите WP Rocket (это, вероятно, лучшее!). Для Drupal, вы можете следить за этим ресурсом.

Вот больше уроков о том, как включить кэширование для вашего сайта:

  • Как оптимизировать ваш сайт с помощью HTTP-кеширования
  • Статья GTmetrix об использовании кэширования в браузере

6. Используйте сеть доставки контента (CDN)

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

Чтобы определить, насколько эффективными могут быть CDN, Мэтью Вудворд провел эксперимент и обнаружил, что использование CDN может увеличить скорость работы сайта до 60%..

Вот некоторые из лучших вариантов CDN для вас:

  • Cloudflare (их бесплатный план достаточно хорош!)
  • KeyCDN (стоит попробовать)

7. Получите лучший веб-хостинг

Список самых быстрых хостинг-провайдеровИзвините, но мы просто должны были бросить это здесь …

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

В статье для Smashing Magazine Маркус Тейлор рассказал, как используемый веб-хостинг повлиял на скорость работы сайта двух его клиентов; оба клиента имеют похожие сайты, но разные хостинг-провайдеры. Один из клиентов размещается на надежном выделенном сервере, в то время как другие размещаются на дешевом сервере, в результате получилась огромная разница во времени отклика сайта; время отклика DNS клиента на выделенном сервере составляло 7 миллисекунд, в то время как время отклика клиента на дешевом сервере составляло 250 миллисекунд. Никакая настройка или плагин не может исправить такую ​​разницу!

Ваш веб-хостинг очень важен, когда речь идет о скорости вашего сайта, поэтому выберите что-то хорошее из наших обзоров хостинга здесь. Однако, согласно нашим тестам и анализам на hostingfacts.com, эти три хостинг-провайдера должны быть самыми быстрыми (<400мс):

  1. A2 хостинг 320ms
  2. Hostinger 363ms
  3. Bluehost 380ms

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

8. Тема вашего сайта

Какое влияние оказывает тема вашего сайта на скорость сайта? Много! Джулиан Фернандес смог переключить время загрузки своего сайта с 630 мс до 172 мс, просто переключая темы; это был тот же сайт, с тем же хостом, и ничего не изменилось, кроме темы сайта, и это привело к значительному увеличению времени загрузки сайта.

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

9. Установите Google PageSpeed ​​на свой серверскорость страницы Google

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

Если вы разбираетесь в технологиях, вы можете установить Google PageSpeed ​​самостоятельно. Если вы не разбираетесь в технологиях, вы можете попросить вашего веб-хостинга / разработчиков установить его для вас.

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

Неоптимизированные изображения могут быть очень тяжелыми, и, как следствие, использовать много ресурсов сервера и занять больше времени для загрузки; если средний размер изображения на вашем веб-сайте составляет 1 МБ или 2 МБ +, у вас есть серьезная работа. Вы можете значительно уменьшить размер своего изображения, одновременно гарантируя, что на его качество не будет оказано негативное влияние, используя следующие инструменты:

  • WP Smush (для пользователей WordPress)
  • EWWW Image Optimizer (для пользователей WordPress)
  • Кракен (для всех – Drupal и Joomla)

11. Включить сжатие Gzip

Вы, вероятно, пытались сжать файл на своем компьютере, и вы увидели, к чему может привести значительное сокращение размера; файл 60 МБ может быть сжат до 5 МБ. Gzip-сжатие работает таким же образом, но для веб-сайтов; Gzip автоматически сжимает файлы вашего сайта в zip-файлы, значительно уменьшая размер ваших файлов и в результате увеличивая скорость вашего сайта.сжатие GZIP

В статье журнала Smashing Magazine, на которую мы ссылались ранее, сайт вырос с 68 КБ до 13 КБ исключительно благодаря включенному Gzip.

Если вы хотите включить сжатие Gzip на своем веб-сайте, это руководство от GTmetrix – хорошее место для начала..

12. Регулярно оптимизируйте вашу базу данных

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

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

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

13. Минимизируйте Javascript и CSS файлы

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

14. Объедините свои фоновые изображения в спрайты изображений

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

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

Вы можете использовать SpriteMe для объединения ваших изображений в спрайты, или вы можете следовать рекомендациям в этой статье Smashing Magazine.

15. Включить HTTP Keep-Alive

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

Вы можете включить поддержку активности путем копирования и вставки приведенного ниже кода в ваш файл .htaccess:

Заголовок набора Поддержание соединения

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

16. Исправить все неработающие ссылки на вашем сайте

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

17. Избегайте горячих ссылок на изображения

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

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

18. Ограничить количество внешних запросов

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

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

19. Используйте надежную CMS

Ваша CMS является основой вашего сайта; если вы используете простой HTML или популярные и надежные CMS, такие как WordPress или Drupal, все будет в порядке. Однако, если вы используете менее популярную CMS или что-то, что вы создали для себя, вы рискуете иметь медленный веб-сайт; убедитесь, что вы выполняете соответствующие тесты и проводите правильные исследования, чтобы убедиться, что CMS является быстрой и надежной, прежде чем использовать ее.

20. Используйте PHP Accelerator

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

Эта статья в Википедии содержит список нескольких ускорителей PHP, которые вы можете использовать.

21. Предотвратите других от хотлинкинга ваших изображений

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

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

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

Твоя очередь – проверь скорость своего сайта

Проверьте скорость вашего сайтаПосле реализации вышеприведенных предложений вы должны проверить скорость своего веб-сайта, чтобы увидеть, есть ли разница (оставьте комментарий ниже, если увидите разницу). Вот наши главные рекомендации по тестированию скорости вашего сайта:

Тест скорости сайта Pingdom: с помощью этого инструмента вы должны стремиться к сокращению времени загрузки сайта и уменьшению количества запросов к серверу. Этот инструмент также сравнивает скорость вашего сайта с другими сайтами онлайн.

GTMetrix: этот инструмент анализирует скорость вашего сайта с помощью Google Pagespeed Insights и Yslow и дает вам оценку от A до F. Он также предлагает предложения по улучшению.

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

Google Pagespeed Insights: вы должны стремиться к баллу ближе к 100. У него также есть мобильный инструмент для тестирования скорости, который вы можете использовать.

Yslow: этот инструмент анализирует скорость вашего сайта на основе правил Yahoo!.

Тест веб-страницы: чем ближе ваш счет к 100, тем быстрее ваш сайт.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map