Как ускорить работу сайта


7 советов по оптимизации для начинающих / Блог компании King Servers / Хабр

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

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

Введение: как загружаются сайты


В материале под названием «Что происходит, когда пользователь вбивает адрес сайта Google.com» очень подробно описаны все процессы, связанные с посещением сайта. Если говорить кратко, то между тем, как посетитель сайта вобьет в адресную строку его URL и получит ответ, в общем виде проходит несколько этапов:
  1. Сначала браузер осуществит DNS-запрос по имени сайта.
  2. Далее инициируется TCP-подключение к серверу, на котором этот сайт расположен.
  3. Следом устанавливается соединения http или https.
  4. Потом запрашивается нужная страницы и загружается ее HTML-код.
  5. Стартует парсинг HTML.
  6. После этого браузер начинает подгружать внешние ресурсы, связанные со страницей (стили, изображения, скрипты и так далее).
  7. В итоге рендерится финальная версия страницы со всем контентом.
  8. Затем исполняется JS-код — скрипты могут потребовать обработки дополнительных сетевых запросов, изменять страницу или её шаблон, так что возможен и новый круг рендеринга.

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

Первый шаг: понять, что тормозит


Бывший инженер Facebook и основатель стартапа Pave Джастин Митчел в треде на Quora так описывал начало работы по оптимизации загрузки сайта:
Прежде чем начинать чинить, надо узнать, что сломалось. Если ваш сервер генерирует страницу 5 секунд, то использование CDN не поможет, если у вас на каждый просмотр страницы загружается по 10 мегабайт картинок, добавлять memcache в бэкенд-архитектуру тоже бессмысленно.

Существуют различные инструменты анализа производительности сайтов. К примеру, можно использовать бесплатный сервис от Google, который анализирует производительность сайта и выдает рекомендации по ее улучшению:

Существует несколько важных метрик быстродействия сайта. Одна из них — это время до первого байта (TTFB — time to first byte), которая показывает, как быстро браузер начинает получать данные от сервера после отправки запроса. Также важно замерять начало рендеринга страницы и время загрузки (load time).

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

Вот какие шаги по серверной оптимизации для ускорения загрузки сайта применяют чаще всего.

Расширение ресурсов сервера


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

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

Кэширование


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

Изображение: CrazyEgg

Некоторые элементы можно закешировать и не загружать каждый раз при заходе на сайт. Это позволяет серьезно сократить время загрузки:

Изображение: CrazyEgg

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

Сжатие изображений


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

Существует несколько инструментов для компрессии изображений, среди которых TinyPNG, Kraken.io и JPEGmini. Кроме того, имеет смысл попробовать включить конвертацию изображений в формат WebP. Он был разработан Google, и по данным компании такие изображения на 26% легче PNG-файлов и на 25-34% меньше JPEG-картинок.

Чтобы активировать конвертацию, можно добавить в файл .htaccess следующий код:

<IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_ACCEPT} image/webp RewriteCond %{DOCUMENT_ROOT}/$1.webp -f RewriteRule ^(path/to/your/images.+)\.(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1] </IfModule> <IfModule mod_headers.c> Header append Vary Accept env=REDIRECT_accept </IfModule> AddType image/webp .webp

К сожалению, на данный момент формат WebP поддерживается далеко не всеми браузерами — пока среди них только Chrome и Opera.

CDN


Еще один «инфраструктурный» метод снижения задержек — использование сетей доставки контента (content delivery network, CDN). Такие сети состоят из серверов в разных точках мира. При подключении сайта к сети на входящих в нее серверах создают копии файлов веб-ресурса, а затем пользователю отдают данные с ближайшего к нему сервера — в итоге скорость загрузки увеличивается.

Использование Gzip


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

Включить использование Gzip довольно просто — нужно просто добавить несколько строк кода в файл .htaccess. К примеру, при использовании веб-сервера Apache веб-мастерам доступен модуль mod_gzip, чтобы активировать Gzip в таком случае нужно внести в .htaccess такой код (подробнее — в туториале на SitePoint):

mod_gzip_on Yes mod_gzip_item_include mime ^application/x-javascript$ mod_gzip_item_include mime ^application/json$ mod_gzip_item_include mime ^text/.*$ mod_gzip_item_include file .html$ mod_gzip_item_include file .php$ mod_gzip_item_include file .js$ mod_gzip_item_include file .css$ mod_gzip_item_include file .txt$ mod_gzip_item_include file .xml$ mod_gzip_item_include file .json$

Оптимизация кода сайта


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

Также стоит избегать инлайн-CSS и JS-кода. В таком случае браузеры будут кэшировать эти внешние ресурсы, что позволит сэкономить время загрузки. Также JS и CSS следует минифицировать – сделать это можно с помощью инструментов вроде JSMIN, YUI Compressor и Packer.

Использование связки Nginx+Apache


Для увеличения скорости загрузки страниц можно использовать связку Apache и Nginx. Это два самых распространённых веб-сервера в мире, популярность объясняется мощью Apache и скоростью Nginx. Помимо плюсов, у каждого инструмента есть и свои недостатки: например, в Apache есть ограничения памяти сервера, в то время как Nginx, эффективный для статических файлов, нуждается в помощи php-fhm или аналогичных модулей для загрузки динамического контента.

Тем не менее можно и даже нужно объединить два веб-сервера для большей эффективности, используя Nginx, как статический фронтенд и Apache — как бэкенд. Такое решение положительно скажется на скорости загрузки страниц сайта.

Заключение: полезные ресурсы и статьи по теме оптимизации работы сайтов


Ниже мы собрали ряд полезных статей на русском и английском языке:

Как ускорить работу веб-сайта

Время до первого байта (TTFB) и время загрузки страницы - это два разных способа измерения скорости страницы.

TTFB измеряет время, которое требуется браузеру пользователя для получения первого байта от вашего сервера после отправки ему HTTP-запроса.

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

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

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

Так каков хороший результат TTFB?

Значение TTFB менее 200 миллисекунд вполне приемлемо, в то время как все, что превышает 500 миллисекунд, является медленным, начинает замедлять общую производительность.

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

Вы должны стараться держать его как можно ниже, потому что все, что превышает 3 секунды, является слишком высоким.

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

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

За исключением воздействия нагрузки, все они воспроизводят взаимодействие с конечным пользователем. Первое, с другой стороны, фокусируется на том, как ваш сервер реагирует на повышенную нагрузку.

GTMetrix

Мощный и простой в использовании, GTMetrix.com предоставляет подробный отчет обо всем, что касается скорости страницы.

Вы можете выбрать тип браузера (Firefox или Chrome), протестировать в 7 разных местах и ​​проверить производительность сайта при различных типах подключения (широкополосное, кабельное или мобильное).

GTMetrix присваивает вашему сайту оценку от F до A и перечисляет наиболее важные сведения о странице.

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

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

WebPage Test

WebPage Test так же детализирован, как GTMetrix, но предлагает больше возможностей (40+ местоположений серверов и 25+ типов браузеров, включая мобильные).

Пользоваться несложно. Вставьте URL своего сайта, выберите расположение сервера и браузер и нажмите кнопку Start Test .

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

Pingdom

Pingdom - одна из самых популярных сегодня сервисов мониторинга веб-сайтов.

Так же, как WebPage Test и GTMetrix, он позволяет пользователям выбирать место, из которого они хотят запустить тест.Однако Pingdom не позволяет вам проводить тест скорости в разных браузерах.

Pingdom охватывает все основные аспекты скорости страницы и отображает информацию аккуратно и компактно. По сравнению с первыми двумя инструментами он менее всеобъемлющий.

Google PageSpeed ​​Insights

Хотите узнать, как сразу же ускорить работу веб-сайта?

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

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

Инструмент оценивает ваш сайт по шкале от 1 до 100. Чем выше оценка, тем лучше.

Все, что старше 85 - это хорошо. Если в вашем протоколе указано 85+, вы можете похвалить себя за хорошее шоу.

Load Impact

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

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

.

15 простых способов ускорить WordPress

Последнее обновление 27 апреля 2019 г .: WordPress - отличная платформа. Однако одна слабость, которой он страдает, заключается в том, что он может работать довольно медленно.

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

В этом кратком руководстве я расскажу обо всех лучших способах, которые я нашел для постоянного ускорения работы WordPress.

Почему скорость сайта WordPress имеет значение

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

Будьте готовы потерять сон ночью: согласно отчету поисковой группы Microsoft Bing, более длительная задержка отклика страницы на 2 секунды уменьшила удовлетворенность пользователей на 3,8%, увеличила потерянный доход на пользователя на 4,3%, а уменьшил количество кликов на 4.3%.

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

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

Давайте это исправим.

Как ускорить WordPress

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

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

1. Выберите хороший хозяин

Вначале общий хост может показаться выгодной сделкой («Неограниченное количество просмотров страниц!»). За это приходится платить: невероятно низкая скорость работы сайта и частые простои в периоды высокой посещаемости.

Если вы планируете публиковать популярные материалы, вы убиваете себя, запустив свой сайт WordPress на общем хостинге.

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

Единственный хост WordPress, который я постоянно рекомендую:

WP Engine, управляемый хостинг WordPress

Примечание: Выше моя личная реферальная ссылка, которая предоставляет небольшую скидку (и небольшую комиссию для меня), если вы ее используете. Я рекомендую только те продукты, которые использую лично, и компании, которые поддерживаю.

Мои сайты всегда удивительно быстрые, никогда не простаивают, когда я получаю огромные упоминания (например, когда я был представлен на веб-сайте Discovery Channel), а серверная часть очень проста в использовании.

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

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

2. Начните с твердого каркаса / темы

Вы можете быть удивлены здесь, но тема Twenty Nineteen (также известная как тема WP по умолчанию) легкая и довольно быстрая.

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

По моему опыту, самой быстрой загрузкой премиум-фреймворка, безусловно, является Focus Theme Framework, особенно новый скин Focus (на этом сайте я использую полностью голую версию, но лично мне нравится простота!). Он превосходит основные темы WordPress, поскольку его гораздо проще настраивать.

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

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

Плагины

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

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

Просто установите и активируйте, и ваша страница загружается быстрее, так как элементы кэшируются.

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

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

По сути, CDN, или сеть доставки контента, берет все ваши статические файлы, которые есть на вашем сайте (CSS, Javascript, изображения и т. Д.), И позволяет посетителям загружать их как можно быстрее, обслуживая файлы на серверах как можно ближе к ним. насколько возможно.

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

Существует плагин под названием Free-CDN, который обещает сделать то же самое, хотя я его не тестировал.

5. Оптимизировать изображения (автоматически)

Yahoo! имеет оптимизатор изображений Smush.it, который резко уменьшает размер файла изображения, не снижая при этом качества.

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

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

.

WP SpeedUp - плагин для WordPress

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

Список совместимости

  • Узор из гуавы
  • Бытие
  • Диссертация
  • WooThemes
  • Портал
  • Каррингтон Ядро
  • Гибридное ядро ​​
  • Структура опционов
  • Фреймворк Redux
  • СМОФ
  • UP Темы
  • Вафпресс
  • Codestar

Произвольная секция

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

Краткий пример уценки

Заказанный список:

  1. Может использоваться с веб-сайтом продуктов WooCommerce
  2. Поддержка недоступна, потому что я уже работаю над его следующими версиями
  3. Разработано в соответствии со стандартами разработки плагинов WordPress

Лицензия

Этот плагин WordPress является бесплатным программным обеспечением: вы можете распространять и / или изменять его в соответствии с условиями Стандартной общественной лицензии GNU, опубликованной Free Software Foundation, либо версии 2 лицензии, либо любой более поздней версии.Это бесплатное программное обеспечение распространяется в надежде, что оно будет полезным, но БЕЗ КАКИХ-ЛИБО ГАРАНТИЙ; даже без подразумеваемых гарантий ТОВАРНОЙ ПРИГОДНОСТИ или ПРИГОДНОСТИ ДЛЯ КОНКРЕТНОЙ ЦЕЛИ. Подробнее см. Стандартную общественную лицензию GNU. Вы должны были получить копию Стандартной общественной лицензии GNU вместе с этим программным обеспечением. Если нет, см. Http://www.gnu.org/licenses/gpl-2.0.html.

Как установить плагин и заставить его работать:

Метод-A:

  1. Зайдите в админку WordPress «ваш сайт.com / wp-admin »

  2. Войдите, а затем откройте «yoursite.com/wp-admin/plugin-install.php?tab=upload

    .
  3. Загрузите и активируйте этот плагин

  4. Теперь перейдите в меню администратора -> настройки -> WP SpeedUp

Метод-B:

  1. Загрузите установочный пакет WP SpeedUp и извлеките файлы на свой компьютер.
  2. Создайте новый каталог с именем wp-speedup в каталоге wp-content / plugins вашей установки WordPress.Используйте клиент FTP или SFTP для загрузки содержимого вашего архива WP SpeedUp в новый каталог, который вы только что создали на своем веб-хосте.
  3. Войдите в панель управления WordPress и активируйте плагин «WP SpeedUp».
  4. После активации плагина в вашем админке WordPress появится новое подменю WP SpeedUp -> меню настроек.

Совместимо ли это со всеми темами WordPress?

Да, он совместим со всеми темами WordPress, разработанными в соответствии со стандартами разработки тем WordPress.

Как я могу сообщить о проблеме автору плагина?

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

, что лучше для моего сайта www.workingtricks.review для плагина скорости wp super chache или w3cache

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

Я попробовал это на своем веб-сайте, и CSS и JS перестали работать, когда я попытался их ускорить.Итак, у меня не работает (с использованием Be Theme).

Спасибо Автору за такой замечательный плагин. Я столкнулся с огромными трудностями при оптимизации своего веб-сайта, чтобы сохранить время отклика. Я собирался нанять дополнительного человека для работы по оптимизации скорости, когда наткнулся на этот плагин и, поверьте, хочу поблагодарить вас за этот плагин. Он работает согласно описанию. Стоит порекомендовать друзьям. Так держать чувак (Y)

Для работы необходимо приобрести премиум-версию...

Посмотреть все 11 отзывов

«WP SpeedUp» - программное обеспечение с открытым исходным кодом. Следующие люди внесли свой вклад в этот плагин.

авторов
1,4,5
  • Улучшенный пользовательский интерфейс и интерфейс.
1.4.4
1.4.3
  • Добавлены языки. [Спасибо Абу Усману]
1.4.1
  • Обработанный ввод и исправлены проблемы с прямым доступом к файлам.
1.3.0
  • Реализовано несколько важных проверок на стороне сервера.
  • Улучшен пользовательский интерфейс.
  • Улучшено взаимодействие с пользователем.
  • Видеоурок добавлен.
1.2.0
  • Представлены базовый и расширенный режимы.
  • Параметры, связанные с .htaccess, снабжены соответствующими инструкциями.
  • кнопок pingdom и google Pagespeed test.
  • Полезные статьи добавлены в качестве справочника для понимания .htaccess.
  • Добавлен баннер плагина WP Speedup.
  • Добавлен аватар WordPress Mechanic.
  • В раздел минификации JS добавлено оповещение.
  • Шаблон Guava добавлен в список совместимости.
1.1.0
1,0
.

Как ускорить WordPress

Оптимизируй для скорости

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

Связано: Как использовать WordPress с cPanel

Как ускорить WordPress - Краткое руководство

Вот что мы расскажем в этом посте:

Приступим!

Почему важна скорость сайта

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

Как скоро они это сделают?

Исследования показывают, что всего 5 секунд - это все, что нужно, чтобы повысить показатель отказов до 38%.

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

Также очень важно: Google любит более быстрые сайты.Вы можете получить дополнительный подъем в рейтинге, просто увеличив скорость своего сайта WordPress.

По теме: Руководство по поисковой оптимизации для новичков: поисковая оптимизация для сайтов малого бизнеса

Наверх

Как быстро должен загружаться мой сайт WordPress?

Святой Грааль - 2 секунды. Однако многие сайты WordPress не могут достичь этой высокой цели. Он был установлен много лет назад, прежде чем страницы стали больше и более графически ориентированными. Так что стремитесь к этому, но не расстраивайтесь, если вы этого не добьетесь.

Наверх

Как проверить текущую скорость вашего сайта на WordPress

Перво-наперво: выясните, где сейчас находится ваш сайт. Выберите один из замечательных инструментов ниже, вставьте URL своего сайта и нажмите «Перейти».

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

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

Пингдом

GTmetrix

Google PageSpeed ​​Insights

Вы заметите, что они дают немного разные результаты. Это может быть связано с тем, что они проверяют, с какого сервера они проверяют (например, Северная Америка или Япония) и другими факторами. Чтобы точно отслеживать свой прогресс, выберите один и придерживайтесь его. Если вам предлагается выбрать вариант «Тестировать из», выберите тот, который соответствует местоположению основной части ваших пользователей, и придерживайтесь его.

Наверх

Что тормозит WordPress?

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

Факторы, которые могут снизить производительность, включают:

  • Плохая хостинговая среда
  • Конфигурация веб-сервера
  • Конфигурация WordPress
  • Большие изображения
  • Плохо закодированные плагины
  • Внешние скрипты
  • Задержка в сети - i.е. сколько времени требуется, чтобы контент перемещался от сервера к браузеру.

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

Наверх

Чтобы ускорить WordPress, начните с сервера

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

Получите качественный хостинг

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

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

Связано: Как выбрать лучший тарифный план хостинга WordPress

Наверх

Включить GZIP

А теперь перейдем к интересным вещам.GZIP - это алгоритм, используемый для сжатия и распаковки файлов.

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

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

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

Чтобы настроить GZIP, откройте файл .htaccess для редактирования. Найдите строку с надписью #END WordPress. Весь код из этой статьи должен располагаться ниже этой строки.

Вот что добавить:


# Сжатие HTML, CSS, JavaScript, текста, XML и шрифтов.
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / rss + xml
EFLATEFilter.filter.filter.filter.filter.filter.filter.filter.filter.filter.filter.filter. / x-font
AddOutputFilterByType DEFLATE application / x-font-opentype
AddOutputFilterByType DEFLATE application / x-font-otf
AddOutputFilterByType DEFLATE application / x-font-truetype /
DEFLATE application / x-font-truetype
DEFLATE application x-font-truetype
DEFLATE -javascript применение
AddOutputFilterByType DEFLATE / XHTML + XML
AddOutputFilterByType DEFLATE приложения / XML
AddOutputFilterByType DEFLATE шрифт / OpenType
AddOutputFilterByType DEFLATE шрифт / OTF
AddOutputFilterByType DEFLATE шрифт / TTF
AddOutputFilterByType DEFLATE изображение / SVG + XML
AddOutputFilterByType DEFLATE изображения / X-значок
Добавить OutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE text / javascript
AddOutputFilterByType DEFLATE text / plain
EdLyType требуется только для браузера
DEFLATE text / plain
EdLyType для браузера (только для старых браузеров. only-text / html
BrowserMatch ^ Mozilla / 4 \.0 [678] no-gzip
BrowserMatch \ bMSIE! No-gzip! Gzip-only-text / html
Добавление заголовка Варьируется User-Agent

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

Связано: руководство и шпаргалка по .htaccess

Наверх

Заголовки

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

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


# Включить истечения срока действия
ExpiresActive On
# Директива по умолчанию
ExpiresDefault "доступ плюс 1 месяц"
# My favicon
ExpiresByType image / x-icon "доступ плюс 1 год"
# Images
ExpiresBires / gif "доступ плюс 1 месяц"
ExpiresByType image / png "доступ плюс 1 месяц"
ExpiresByType image / jpg "доступ плюс 1 месяц"
ExpiresByType image / jpeg "доступ плюс 1 месяц"
# CSS
ExpiresByType text / css " доступ плюс 1 месяц "
# Javascript
ExpiresByType application / javascript" доступ плюс 1 год "

Еще раз сохраните и просмотрите свой сайт.Затем нам нужно вставить еще один фрагмент кода.

Наверх

Настроить ETags

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

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

Для этого добавьте следующий текст в свой .htaccess.

#Disable Etags

Header unset Etag
Header set Connection keep-alive

FileETag Нет

К началу

Проверить версию PHP

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

Наверх

Оптимизируйте установку WordPress для повышения скорости

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

Сверните плагины и удалите неиспользуемые темы

Первый и самый простой шаг для ускорения работы сайта WordPress - это деактивировать и удалить все ненужные плагины.

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

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

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

Наверх

Используйте быструю тему

Некоторые темы закодированы для блеска и гламура, другие - это машины скорости. Если в теме, которую вы используете, много наворотов, скорее всего, она медленнее. Попробуйте заменить известную быструю тему, такую ​​как GeneratePress или WP-Astra.

Наверх

Добавить кеширование страниц

Важный момент - кеширование страниц. Что это?

Магия.

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

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

Чтобы получить доступ к этому моджо, установите плагин кеширования. WordPress настоятельно рекомендует W3 Total Cache, WP Super Cache и Cache Enabler в качестве лучших вариантов.Обратите внимание, что сайтам хостинга GoDaddy WordPress это не нужно, так как у этой службы уже есть оптимизированный кеш.

Связано: Ускорение WordPress с помощью memcached и W3 Total Cache

Наверх

Сжать изображения и отложить их загрузку

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

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

Smush обладает еще одной магической силой: отложенной загрузкой.

Что такое ленивая загрузка? Ленивая загрузка просто означает не загружать ресурсы на вашу страницу, пока они не понадобятся пользователю.

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

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

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

Text быстро обрабатывается и имеет решающее значение для вашего SEO-рейтинга. Ленивая загрузка вашего контента потенциально может стоить вам рейтинга и не сильно экономить время загрузки.

Графика, фото и видео - лучший выбор для отложенной загрузки. Если вы правильно установили теги title и alt (что вам все равно следует делать!), Загрузка графики, фотографий или видео в конце сеанса не должна отрицательно сказаться на ваших усилиях по поисковой оптимизации.

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

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

Наверх

Минимизировать JS и CSS (осторожно)

Чтобы уменьшить размер вашего кода; используйте такой плагин, как Fast Velocity Minify. Этот и подобные ему плагины сжимают ваши файлы CSS, позволяя им загружаться быстрее.

Они также могут сжимать файлы JavaScript и объединять несколько файлов в несколько. Это объединение поможет избавиться от предупреждения «Слишком много HTTP-запросов», выдаваемого большинством средств проверки скорости страницы.

Но будьте осторожны.

Как правило, минимизировать CSS безопасно, поэтому начнем с этого.

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

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

Наверх

Оптимизируйте таблицы базы данных MySQL

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

Использование плагина WP Optimize поможет избавиться от большого количества накоплений в базе данных всего за несколько кликов. Он будет работать в автоматическом режиме и выполнять множество функций очистки.

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

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

Наверх

Рассмотрим CDN

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

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

Чтобы использовать CDN с WordPress, вам нужно сделать две вещи:

  1. Зарегистрируйтесь у поставщика CDN, например CloudFlare, Amazon CloudFront или Akamai. Счета могут выставляться ежемесячно или за использование данных, но обычно это недорого. Большинство из них предлагают бесплатные пробные версии, так что вы можете попробовать несколько.
  2. Используйте плагин WordPress CDN, например CD Enabler или WP Rocket, для интеграции CDN в свой сайт.

Наверх

Монитор производительности с течением времени

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

GTMetrix будет отслеживать скорость вашего сайта бесплатно. Просто запустите свою страницу с помощью инструмента проверки скорости страницы GTMetrix.

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

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

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

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

Наверх

Составление плана действий

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

Эти шаги, примененные к простому испытательному сайту, повысили показатель скорости загрузки Pingdom с C (80) до A (96) и снизили время загрузки до менее двух секунд:

  1. Включите GZIP, добавьте заголовки Expires и настройте ETags, добавив указанный выше код в корневой файл .htaccess вашего сайта. Обязательно сначала сделайте резервную копию файла, на случай, если что-то пойдет не так. Этот код находится под строкой #END WordPress.
  2. Установите Smush и включите отложенную загрузку изображений. Используйте массовое сжатие для сжатия существующих изображений.
  3. Установите и активируйте подключаемый модуль минификатора, например Fast Velocity Minify. Придерживайтесь настроек по умолчанию.
  4. Установите Cache Enabler или аналогичный плагин кеширования. Настройки по умолчанию обычно полезны как есть.

Вот предыдущий отчет Pingdom:

И после:

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

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

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

Эта статья включает материалы, изначально опубликованные в блоге GoDaddy следующими авторами: Коди Ландефельд, Кристофер Карфи, Маркус Коуч и Стефани Уортс.

.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий