Как увеличить скорость сайта


Топ-10 советов о том, как увеличить скорость загрузки страницы / Хабр

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

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

Итак, поехали:

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

80% загрузки страницы ориентировано на загрузку компонентов страницы: скриптов, фотографий, файлов CSS, flash. Спецификация HTTP/1.1 советует, чтобы браузеры параллельно загружали не более 2-х компонентов веб-страницы с одного хоста. Уменьшив количество этих компонентов мы уменьшаем количество HTTP-запросов к серверу и как результат увеличиваем скорость загрузки страницы.

Но как уменьшить количество запросов к серверу не затрагивая внешний вид страницы?

На самом деле есть несколько способ.

  • Использование CSS-спрайтов. CSS-спрайт – это комбинированное изображение, которое содержит в себе несколько маленьких изображений, которые в нужный момент для нужного элемента страницы вырезаются используя свойства: background-image и background-position.
  • Использование Inline-картинок. Inline-картинки используют URL-схему data: для встраивания картинки в саму страницу. Это, однако, увеличит размер HTML-документа. Встраивая inline-картинки в ваши таблицы стилей вы добьетесь уменьшения запросов к серверу, а размер HTML останется прежним.
  • Объединение нескольких файлов в один. Если у Вас на страничке подключается больше одного css- или js-файла, то Вы можете объединить их в один. Это очень простой, но действенный способ уменьшения количества http-запросов на сервер. О том, как это делать на лету я писал в своей заметке здесь «Разгони свой сайт. Статическое сжатие css- и js- файлов на лету»

2. Помещайте CSS файлы в начале страницы

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

Если размещать CSS файлы внизу страницы, то это не позволяет многим браузерам рендерить страницу постепенно. Это объясняется тем, что браузер «не хочет» перерисовывать элементы, у которых после загрузки страницы может измениться стиль. Так что все свои CSS файлы всегда подключайте в верхней части страницы в секции HEAD.

3. Помещайте javascript в конец страницы

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

Кроме того, внешние .js-файлы блокируют параллельную загрузку. Спецификация HTTP/1.1 советует, чтобы браузеры параллельно загружали не более 2-х компонентов веб-страницы с одного хоста. Таким образом, если картинки для вашего сайта располагаются на разных хостах, вы получите более 2-х параллельных загрузок. А когда загружается скрипт, браузер не будет начинать никаких других загрузок, даже с других хостов.

4. Минимизируйте css и javascript

Минимизация файла — это удаление из кода всех несущественных символов с целью уменьшения объема файла и ускорения его загрузки. В минимизированном файле удаляются все комментарии и незначащие пробелы, переносы строк, символы табуляции. Здесь все просто. Чем меньше объем файла, тем меньше времени понадобится браузеру на его загрузку. А минимизировать Ваш код помогут вот эти 24 онлайн-сервиса для сжатия и оптимизации CSS кода
5. Используйте поддомены для параллельного скачивания

Как я уже говорил Выше, согласно спецификации HTTP/1.1 на браузеры накладываются ограничения на количество одновременно загружаемых компонентов сайта, а именно не более 2-х компонентов с одного хоста. Поэтому если на Вашем сайте много графики, то ее лучше вынести на отдельный поддомен или поддомены. Для Вас это будет один и тот же сервер, а для браузера – разные. Чем больше поддоменов Вы создадите, тем больше файлов браузер сможет одновременно загрузить и тем быстрее загрузится вся страница сайта. Вам остается лишь изменить адрес картинок на новый. Очень простой, но действенный способ.

6. Используйте кэш браузера

Кеширование становится крайне важным для современных веб-сайтов, которые используют обширное подключение JavaScript и CSS. Дело в том, что когда посетитель зашел на Ваш сайт в первый раз, то браузер выполнит загрузку всех javascript и css-файлов, также загрузит всю графику и флэш, однако правильно выставив HTTP-заголовок Expires, вы сделаете компоненты страницы кешируемыми. Таким образом, когда посетитель зайдет на Ваш сайт снова или перейдет на следующую страницу Вашего сайта, в кэше его браузера уже будут находится некоторые нужные файлы и браузеру не потребуется загружать их снова. Отсюда и выигрыш в скорости загрузки сайта.

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

<IfModule mod_expires.c> Header append Cache-Control "public" FileETag MTime Size ExpiresActive On ExpiresDefault "access plus 0 minutes" ExpiresByType image/ico "access plus 1 years" ExpiresByType text/css "access plus 1 years" ExpiresByType text/javascript "access plus 1 years" ExpiresByType image/gif "access plus 1 years" ExpiresByType image/jpg "access plus 1 years" ExpiresByType image/jpeg "access plus 1 years" ExpiresByType image/bmp "access plus 1 years" ExpiresByType image/png "access plus 1 years" </IfModule> 



Данный фрагмент файла конфигурации Веб-сервера Apache проверяет наличие модуля mod_expires и, если модуль mod_expires доступен, включает отдачу HTTP-заголовков Expires, которые устанавливают срок хранения перечисленных выше объектов в кэше браузеров и прокси-серверов равный одному году с момента первой загрузки. Установив такой срок жизни кэша браузера, может возникнуть сложность с обновлением файлов. Поэтому если Вы изменили содержимое css или javascript-файла и хотите, чтобы эти изменения обновились в кэше браузера, то необходимо изменить название самого файла. Обычно в название файла добавляют его версию, например так: styles.v1.css

7. Используйте CDN для загрузки популярных JavaScript библиотек

Если на Вашем сайте используется популярный javascript фреймворк, например jQuery, то для его подключения лучше использовать CDN.

CDN (Content Delivery Network) — это множество веб-серверов, разнесенных географически для достижения максимальной скорости отдачи контента клиенту. Сервер, который непосредственно будет отдавать контент пользователю, выбирается на основании некоторых показателей. Например, выбирается сервер с наименьшим числом промежуточных хопов до него либо с наименьшим временем отклика. Кроме того браузер кэширует javascript-файлы, и если Вы посещали сайты на котором используется такой метод, то эта библиотека уже есть в кэше Вашего браузера, и он не будет загружать её снова.

Одним из таких CDN – является Google Libraries. Это CDN для популярных open-source JavaScript библиотек. Загрузка популярных javascript фреймверков с Google Libraries позволяет увеличить скорость загрузки страницы и снизит траффик на ваш сервер.

О том как загружать jQuery с репозитория Google я писал вот в этой заметке «Увеличиваем скорость загрузки страницы загружая jQuery с репозитория Google».

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

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

  • GIF – идеально подходят для изображений с несколькими цветами, например логотип.
  • JPEG – отлично подходят для детализированых изображений с большим количеством цветов, такие как фотографии.
  • PNG – ваш выбор, когда вам нужно высококачественное изображение с прозрачностью.

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

Вот несколько онлайн сервисов для оптимизации изображений:

9. Не масштабируйте изображения

Не изменяйте размер изображения при помощи атрибутов width и height тега , либо при помощи CSS. Это тоже негативно влияет на скорость загрузки страницы. Если у Вас есть изображение размером 500x500px, а вставить на сайт Вы хотите изображение с размером 100x100px, то лучше изменить размер оригинальной картинки при помощи графического редактора Photoshop, или любого другого. Чем меньший вес картинки, тем меньше времени потребуется для её загрузки.

10. Используйте Gzip- сжатие

Как показали проведенные исследования, gzip-сжатие текстового файла «на лету» в 95–98% случаев позволяет сократить время на передачу файла браузеру. Если хранить архивированные копии файлов на сервере (в памяти proxy-сервера или просто на диске), то соединение в общем случае удается освободить в 3-4 раза быстрее.

Начиная с версии протокола HTTP/1.1, веб-клиенты указывают, какие типы сжатия они поддерживают, устанавливая заголовок Accept-Encoding в HTTP-запросе.

Accept-Encoding: gzip, deflate

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

Content-Encoding: gzip

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

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

<IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/css <IfModule mod_setenvif.c> BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html </IfModule> </IfModule> 

Если данный способ сработал, то отлично, если нет, то можно попробовать вот такой вот код:

<IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0[678] no-gzip BrowserMatch bMSIE !no-gzip !gzip-only-text/html <ifmodule mod_gzip.c> mod_gzip_on Yes mod_gzip_item_include file \.js$ mod_gzip_item_include file \.css$ </ifmodule> </IfModule> 

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

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

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

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

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

Ты просто ненавидишь это.

Угадайте, вашим зрителям не нравится, когда ваш сайт загружается медленно.

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

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

  • 11% потеря просмотров страниц
  • На 7% меньше конверсия

Медленный сайт сильно влияет на вашу способность привлекать клиентов и генерировать.

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

Если вы в сети, скорость загрузки имеет решающее значение.

Как же тогда ускорить работу сайта? Рад, что ты спросил.

Просто следуйте исправлениям скорости, обсуждаемым в этом посте. Чисто и просто.

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

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

Я покажу вам, как это сделать.

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

Важность оптимизации скорости

Как скорость сайта влияет на конверсию? Вам труднее убедить посетителей делать покупки на вашем сайте?

Вы делаете ставку!

Показатель отказа от корзины возрастает до 87% всего с двухсекундной задержкой загрузки во время транзакции.

Низкая скорость = низкий коэффициент конверсии

Но становится еще хуже…

Задержка загрузки страницы превращает ваших новых покупателей в незнакомцев.

Исследование

показывает, что 64% ​​интернет-покупателей, которым не нравится эффективность вашего сайта, не вернутся.

И если этого было недостаточно, 43% недовольных клиентов в следующий раз сделают покупки на сайте конкурента.

Это означает, что ваша потеря - это прибыль конкурентов.

Это последнее, что вам нужно. Я знаю.

Но дело в том…

Так не должно быть. Вы также можете конвертировать больше зрителей в платный пользовательский

.

Как ускорить ваш сайт - Руководство по ускорению загрузки

Автор
Аня Скрба

Обновлено:
12 декабря 2019 г.

Введение

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

Почему скорость вашего сайта имеет значение?

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

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

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

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

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

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

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

Коэффициент конверсии увеличивается 74% при увеличении времени загрузки страницы с восьми до двух секунд

Как проверить скорость вашего сайта?

  • PageSpeed ​​Insights - это бесплатный инструмент Google для проверки скорости вашего веб-сайта, им очень легко пользоваться.Все, что вам нужно сделать, это ввести URL-адрес вашего веб-сайта, и инструмент проанализирует его содержимое и сгенерирует предложения о том, как сделать ваш веб-сайт быстрее.
  • Pingdom - также очень полезный инструмент, который не только проверяет скорость вашего сайта, но также проверяет и оценивает производительность вашего сайта. Он также отслеживает историю производительности вашего сайта, чтобы вы могли видеть любые возможные изменения, касающиеся скорости вашего сайта.
  • YSlow - это инструмент, который проверяет скорость вашего веб-сайта и предлагает советы, как ее улучшить.Он также может предоставить вам расширение Chrome для проверки скорости вашего сайта.

15 способов ускорить работу вашего сайта

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

Обновите свой план веб-хостинга

В реальном выражении это означает, что если ваш сайт обычно зарабатывает 100 000 долларов в день


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

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

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

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

Включить кеширование браузера

Специалист по скорости Microsoft и ученый-компьютерщик Гарри Шам считает, что 0,25 секунды разницы во времени загрузки страницы - быстрее или медленнее - является магическим числом, определяющим конкурентные преимущества для онлайн-бизнеса.

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

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

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

Однако кеширование работает только для повторных посетителей, поскольку очевидно, что у впервые посещающих страницу нет кешированной и сохраненной версии вашего сайта.Тем не менее, включение полного кэширования для вашего веб-сайта может сократить время загрузки страницы с 2,4 до 0,9 секунды. Это связано с тем, что может быть 30 или более различных компонентов, которые необходимо сохранить в кеше пользователя при первом посещении вашего веб-сайта, но для последующих посещений необходимо загрузить только несколько компонентов.

В зависимости от платформы веб-сайта, которую вы используете, есть разные способы включить кеширование браузера. Например, если вы используете WordPress, самый простой способ включить кеширование - это установить плагин.Лучшие плагины для кеширования WordPress - это W3 Total Cache, который является самым популярным плагином для повышения производительности, и WP Super Cache, который лучше всего подходит для веб-сайтов с высоким трафиком и недостаточной мощностью серверов.

51% интернет-покупателей в США говорят, что медлительность сайта является основной причиной отказа от покупки

Если вы используете Drupal в качестве CMS, вы должны использовать программное обеспечение Varnish Cache для кэширования браузера. Если Joomla является вашей CMS, вы можете включить кеширование браузера на панели управления Joomla: перейдите в «Система»> «Глобальная конфигурация» и нажмите на вкладку «Система».Вы увидите метку «Кэш» под меткой «Настройки кеша», где вы щелкнете, чтобы открыть раскрывающееся меню и выбрать в списке вариант ВКЛ - Консервативное кэширование. Нажмите «Сохранить» и перейдите в «Расширения»> «Диспетчер подключаемых модулей», где вы можете включить подключаемый модуль «Система - кэш».

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

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

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

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

79% недовольных клиентов больше не посещают неэффективные веб-сайты, за исключением случаев, когда вы используете Google или Amazon.

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

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

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

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

Вы можете установить сжатие Gzip на свой веб-сайт с помощью соответствующего плагина сжатия для вашей CMS, но вы также можете очень легко сделать это вручную. Есть два способа добавить сжатие Gzip на ваш сайт вручную. Первый - добавить следующий код в ваш.htaccess, если вы хотите сжать текст, JavaScript, HTML, CSS или XML:

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

AddOutputFilterByType DEFLATE текст / обычный
AddOutputFilterByType DEFLATE текст / html
AddOutputFilterByType DEFLATE текст / XML
AddOutputFilterByType DEFLATE текст / CSS
AddOutputFilterByType DEFLATE приложение / XML
AddOutputFilterByType DEFLATE приложение / XHTML + XML
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / x-javascript

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


SetOutputFilter DEFLATE

Второй способ вручную добавить сжатие Gzip на ваш веб-сайт - это добавить следующий код в верхнюю часть страницы HTTP или PHP:

Удалить ненужные плагины

100 миллисекунд
дает посетителям иллюзию мгновенного отклика сайта

Одной секунды загрузки страницы достаточно для поддержания непрерывного потока мыслей

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

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

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

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

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

Что касается Joomla, обязательно ознакомьтесь со следующими расширениями, поскольку каждое из них может повысить скорость вашего сайта: JQuery Easy, LLFJ, Javascript Async и Defer и ScriptsDown.

Минимизация HTTP-запросов
Реальная жизнь
Примеры

Amazon и Walmart сообщили о 1% потере дохода на 100 мс задержки загрузки сайта.

Walmart увеличил конверсию на 2% на каждые 1 секунду улучшения времени загрузки

Когда Mozilla увеличила скорость страницы на 2.2 секунды , количество загрузок Firefox выросло на 15,4% , или на 10 миллионов в год!

Гигант электронной коммерции Shopzilla сократил операционный бюджет на 50 процентов за счет сокращения времени загрузки страницы с 7 секунд до 2 секунды

Веб-сайты могут работать медленно из-за слишком большого количества HTTP-запросов. Когда кто-то посещает ваш сайт, они запрашивают определенные файлы. Их веб-браузер запрашивает эти файлы с вашего сервера, используя протокол HTTP.Эти файлы включают файлы HTML, файлы CSS и JavaScript. Если у вас их много, будет много HTTP-запросов, и ваш сайт в конечном итоге замедлится.

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

  • Объединяйте вместе CSS, JS-скрипты и HTML-файлы.
  • По возможности используйте CSS вместо изображений.
  • Уменьшите количество элементов на каждой веб-странице.
  • Установите плагин кеширования.
  • Уменьшите количество перенаправлений, которые создают дополнительные HTTP-запросы к вашему серверу и увеличивают время загрузки страницы.

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

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

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

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

Вы можете включить HTTP Keep-Alive, скопировав и вставив следующий код в свой файл .htaccess:


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

Минимизировать файлы JavaScript и CSS

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

За каждую секунду, удаленную от времени загрузки, Intuit получал
конверсии

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

При минимизации (минимизации) HTTP-запросов и включении HTTP Keep-Alive может значительно повысить скорость вашего сайта. Вам следует подумать о минимизации файлов JavaScript и CSS, поскольку это также может значительно ускорить работу вашего сайта. Поместив все файлы JavaScript в один файл JavaScript, а также поместив все файлы CSS в один файл CSS, вы уменьшите их количество.Это уменьшит количество HTTP-запросов и ускорит ваш сайт.

Есть много инструментов для минимизации, которые вы можете попробовать, но вы можете начать с бесплатного и очень простого в использовании плагина WillPeavy, который поможет вам быстро минимизировать файлы HTML, CSS и JavaScript. BWP Minify (Better WordPress Minify) - также отличный плагин, который может помочь вам объединить и минимизировать ваши файлы JavaScript и CSS, но это плагин только для WordPress.

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

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

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

Если вы используете WordPress, попробуйте WP Smush, плагин, который автоматически сжимает ваши изображения в тот момент, когда вы загружаете их в медиатеку.С другой стороны, если вы используете Drupal или Joomla в качестве CMS, обратите внимание на Kraken, который также является отличным инструментом для сжатия изображений.

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

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

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

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

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

Измените тему вашего сайта

Среднее время ответа для 14
ведущих сайтов мобильной розничной торговли
составило 4.73 секунды. Amazon привел с
время отклика 2,85 секунды

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

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

Используйте CDN

Терпение пользователей мобильного Интернета

Большинство участников опроса подождали бы 6-10 секунд, прежде чем покинуть страницы

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

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

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

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

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

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

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

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

Исправить неработающие ссылки

50% вашего бюджета времени загрузки в 1 секунду на мобильных устройствах уходит на задержку в сети.

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

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

99% проблемы времени отклика по-прежнему вызваны слишком медленным пользовательским интерфейсом

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

Если в исходном URL-адресе JavaScript есть неработающая ссылка, ваш веб-сайт также может замедляться, как в случае с исходными файлами изображений и ссылками CSS. Но браузер также может пытаться интерпретировать JavaScript и вызывать не только увеличение времени загрузки, но и плохое взаимодействие скриптов. Когда браузер пытается загрузить страницу 404 вместо JavaScript, все остальные загрузки останавливаются до завершения загрузки страницы 404. Вот почему вы всегда должны размещать свой JavaScript внизу ваших HTML-документов (прямо перед закрывающим тегом ), что особенно важно, когда задействованы неработающие ссылки.

Вы можете бесплатно проверить неработающие ссылки с помощью WordPress Broken Link Checker.

Внедрение автоматизированного решения для оптимизации внешнего интерфейса вместе с CDN может сделать страницы в четыре раза быстрее

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

Отключить хотлинкинг

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

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

79% из 400 крупнейших сайтов электронной торговли в ЕС и 75% из 2000 крупнейших сайтов электронной торговли в США не используют признанный CDN

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

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

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

Только 10% периода ожидания определяется ответом HTML на запросы браузера, а оставшиеся 90% задержки вызваны отображением страниц, синтаксическим анализом HTML, выполнением скриптов кода и извлечением встроенных ресурсов

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

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

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

Сжатие изображения должно быть разумным компромиссом между размером изображения и качеством. Для JPG сжатие 60-70 процентов обеспечивает хороший баланс.Для экранов сетчатки увеличьте размер изображения (JPG) на 150–200 процентов, сожмите на 30–40 процентов и снова уменьшите его в соответствии с требуемыми размерами.

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

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

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

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

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

Заключение

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

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

.

Полное руководство по увеличению скорости сайта WordPress

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

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

Позвольте мне дать вам контекст того, как я проводил свой эксперимент и как я достиг своей цели. Я начал одноранговый обмен историями и новостной сайт под названием WhyMedellin с другом, используя Inmotion Hosting Power Plan. Я использовал тему (Newsmag от TagDiv), и мое время загрузки составляло в среднем 12.75 секунд без каких-либо изменений на моем сайте WordPress. Я связался со своим хостинг-провайдером, чтобы внести изменения, только когда я испугался, что скорость моего сайта была в диапазоне 16-17 секунд.

Я разослал свой сайт всем своим друзьям и увеличил количество посещений до 500 в месяц. На основании этого я проверил свое среднее время для разных периодов времени.

Результаты указаны в стандартном тихоокеанском часовом поясе в секундах:

  • 8:30 13,73
  • 9:30 16.23
  • 10:30 26.02
  • 15:30 34.06
  • 16:30 22:27
  • 17:30 17.96

Я решил воспользоваться услугами хостинг-провайдера inmotion из-за обзоров, которые читал по всему Google. Однако я не мог определить, была ли проблема хостингом или используемой мной темой, из-за которой время загрузки было невыносимым. Тем не менее, это заставило меня бросить вызов самому себе, чтобы увидеть, насколько я могу сократить время загрузки. Чтобы помочь вам понять, с чем я работал, мои плагины состоят из:

  • OneSignal - push-уведомление
  • Google AdSense
  • Disqus - Система комментирования с рекламой
  • Google Analytics
  • Информационный бюллетень MailPoet
  • WP-MAIL-STMP
  • Событие на
  • Все в одном пакете SEO
  • Лента Instagram WD
  • Визуальный композитор
  • Тема TagDiv, мобильная тема, социальный счетчик
  • Согласие на использование файлов cookie

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

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

Понимание скорости сайта WordPress

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

1. Время загрузки страницы

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

2. TTFB

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

3. Размер файла

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

4. Серверы

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

Важна ли скорость загрузки сайта?

Теперь, когда у нас есть более четкое представление о том, что влечет за собой скорость сайта, следующий вопрос, который мы должны задать себе: важна ли скорость сайта?

1.Рейтинг Google

Чтобы ответить на этот вопрос, мы собираемся сослаться на сообщение в блоге Google Webmaster. Блог был опубликован в 2010 году, но мы все еще можем видеть его значимость. В сообщении блога говорится, что скорость сайта станет важной частью алгоритмов ранжирования Google.

После этого объявления Google создал PageSpeed ​​Insights, который позволяет анализировать скорость вашего сайта. Мы рассмотрим, как это сделать позже.

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

2. Пользовательский опыт

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

Как вы измеряете скорость сайта?

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

WooRank

Работа над WordPress может показаться простой, но когда вы просматриваете свой сайт, вы можете столкнуться с несколькими проблемами, о которых можете не знать. Во время моего теста оптимизации моего сайта WhyMedellin.com я обнаружил, что несколько плагинов могут нарушить работу некоторых путей. Пока я пытался оптимизировать свой сайт WordPress, у меня появилось немало седых волос, но WooRank помог мне выявить проблемы, которые я не мог увидеть невооруженным глазом. .

Выполнение расширенной проверки помогло мне определить, что работает, и вызывает ли это проблемы, например:

  • Перенаправление и ошибка 404 XML-RPC-PHP:
  • Ошибка области просмотра на основе определенного плагина оптимизации
  • Колебание с удобством использования для мобильных устройств, скоростью мобильной связи и скоростью сайта.
  • Ошибки сканирования сайта на основе нескольких плагинов
  • Проблемы, не связанные со скоростью, например поиск лучшего способа обнаружения социальных сетей для вашего сайта

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

Как увеличить скорость сайта WordPress

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

  1. Оптимизация веб-производительности (WPO) - это методы, помогающие оптимизировать скорость веб-страницы. Вам необходимо проанализировать все компоненты веб-страницы и оптимизировать их, чтобы сократить время загрузки страницы.
  2. Обслуживание и мониторинг сервера - это включает в себя мониторинг сервера и баз данных для определения их производительности, емкости и доступности.
  3. Инфраструктура - основное внимание уделяется мощности и мощности сервера. Какой объем трафика он может пропускать одновременно?

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

Давайте углубимся в решения:

1. Хостинг-провайдер

Ваш хостинг-провайдер может быть причиной проблем с низкой скоростью вашего сайта. Некоторые дешевые варианты хостинга или виртуальный хостинг могут не стоить вашего времени, когда дело касается скорости.Вы можете в конечном итоге выбрать отдельные пакеты или сменить хостинг-провайдера. В ряде веб-экспериментов хостинг через WP Engine и Pagely показал некоторые улучшения в скорости сайта WordPress. Хотя эти два хостинг-провайдера стоят больше, чем другие, такие как Inmotion, Bluehost, Greengeeks и т. Д., Это действительно сводится к потребностям вашего сайта.

Большинство сайтов, скорее всего, не будет

.

11 способов повысить производительность WordPress (ОБНОВЛЕНО)

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

Зачем ускорять работу WordPress?

Есть много причин, по которым звонят тревожные звонки, некоторые из которых могут даже вызвать у вас серьезные опасения:

  1. Поисковые системы (например, Google) ранжируют веб-сайты с быстрой загрузкой выше, чем с медленной.Итак, если вы хотите улучшить свою позицию в поисковой выдаче, повышение скорости должно быть одним из ваших приоритетов.
  2. Исследования показали, что скорость загрузки сайта более 2 секунд обычно приводит к тому, что около 47 процентов посетителей уходят с сайта. Итак, чтобы заинтересовать около половины посетителей, вам следует ускорить работу WordPress.
  3. Интернет-покупатели - самый нетерпеливый лот; они ожидают, что страница загрузится в течение секунды. Итак, если у вас есть магазин электронной коммерции на WordPress, вам лучше подготовиться к серьезным улучшениям, чтобы ваш бизнес стал более прибыльным.

Как проверить время загрузки вашего сайта?

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

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

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

  1. WebPageTest.org
  2. Tools.Pingdom.com
  3. PageSpeed ​​Insights (на самом деле это не сообщает время загрузки страницы, но выделяет элементы, которые вы можете настроить для ускорения WordPress)

Хорошо, это о пора поговорить о деле! Вот 11 способов ускорить WordPress:

1. Выберите лучшего провайдера веб-хостинга

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

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

К счастью, индустрия веб-хостинга продвинулась вперед с развитием технологий, и цены провайдеров облачного хостинга со временем снизились. В настоящее время вы можете купить выделенные облачные серверы у SiteGround, DigitalOcean, Amazon Web Services и даже Google Compute Engine по номинальной цене. Однако настройка этих серверов может быть сложной задачей, поскольку вам необходимо настроить серверы с нуля.Есть провайдеры веб-хостинга, такие как Cloudways (где я работаю) , которые делают задачу настройки оптимизированных облачных серверов такой же простой, как щелчок и запуск.

2. Используйте легкую тему / фреймворк WordPress

Темы

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

Здесь лучше всего использовать легкие темы. Одно из решений - выбрать одну из тем WordPress по умолчанию. Другой - попробовать что-то вроде Neve, созданное теми же парнями, что и CodeinWP.

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

3. Уменьшить размер изображения

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

Если вы вручную оптимизируете изображения с помощью расширения Chrome PageSpeed ​​Insights, Photoshop или любых других инструментов, этот процесс займет много времени. К счастью, есть плагины практически для всего, что вы можете придумать, включая оптимизацию изображений. Стоит упомянуть:

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

4. Минимизация файлов JS и CSS

Если вы запустите свой веб-сайт с помощью инструмента Google PageSpeed ​​Insights, вы, вероятно, получите уведомление об уменьшении размера ваших файлов CSS и JS.Это означает, что уменьшив количество вызовов CSS и JS и размер этих файлов, вы можете улучшить скорость загрузки сайта.

Кроме того, если вы разбираетесь в темах WordPress, вы можете изучить руководства, предоставленные Google, и внести некоторые исправления вручную. Если нет, то есть плагины, которые помогут вам достичь этой цели; Самым популярным из них является Autoptimize, который может помочь в оптимизации CSS, JS и даже HTML вашего сайта WordPress.

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

плагины для кеширования WordPress (e.грамм. W3 Total Cache) существуют уже давно, что упрощает сложные задачи добавления правил кеширования к элементам вашего веб-сайта. Сочетание таких плагинов с продвинутыми механизмами кэширования, такими как Varnish, может помочь вам улучшить скорость загрузки вашего сайта и, в конечном итоге, значительно ускорить WordPress.

6. Используйте CDN

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

7. Включить сжатие GZIP

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

Вы можете использовать либо плагин, например PageSpeed ​​Ninja, который включает сжатие GZIP, либо добавить следующие коды в ваш.htaccess файл.

 

AddOutputFilterByType DEFLATE текст / простой AddOutputFilterByType DEFLATE text / html AddOutputFilterByType DEFLATE текст / xml AddOutputFilterByType DEFLATE text / css AddOutputFilterByType DEFLATE application / xml AddOutputFilterByType DEFLATE application / xhtml + xml AddOutputFilterByType DEFLATE application / rss + xml AddOutputFilterByType DEFLATE application / javascript AddOutputFilterByType DEFLATE application / x-javascript

8. Очистка базы данных WordPress

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

9. Деактивировать или удалить плагины

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

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

10. Снизьте количество внешних скриптов до

Использование внешних скриптов на ваших веб-страницах добавляет большой объем данных к общему времени загрузки.Таким образом, лучше всего использовать небольшое количество скриптов, включая только самое необходимое, например инструменты отслеживания (например, Google Analytics) или системы комментариев (например, Disqus).

11. Отключить пингбеки и трекбэки

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

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

Отключить все это можно в WP-Admin → Настройки → Обсуждение . Просто снимите флажок « Разрешить уведомления о ссылках из других блогов (пингбэки и трекбэки)». ”Это поможет вам еще больше ускорить работу WordPress.

Заключение

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

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

Теперь ваша очередь. Как ускорить работу WordPress? У тебя есть какие-нибудь хитрости в рукаве?

Не забудьте принять участие в нашем ускоренном курсе по ускорению вашего сайта WordPress. С помощью некоторых простых исправлений вы можете сократить время загрузки даже на 50-80%:

БОНУСНОЕ ВИДЕО: 6 неочевидных исправлений для уменьшения времени загрузки

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

.

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

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

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

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