Как узнать скорость загрузки сайта


Проверить скорость загрузки сайта — проверка скорости сайта онлайн.

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

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

Онлайн проверка загрузки сайта поможет поэтапно оценить скорость загрузки ресурса и улучшить сайт — сделать его удобнее для пользователей и привлекательнее для поисковиков.

Анализ скорости в сервисе состоит из измерения параметров, составляющих время загрузки сайта: FCP— времени до загрузки видимого контента, CLS — видимых сдвигов элементов, Total Blocking Time — времени блокировки действий пользователя, и других важных параметров.

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

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

12+ способов ускорить работу вашего сайта Joomla и повысить конверсию на 9%

Ваш сайт загружается медленно? В самом деле?

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

  • Вы можете потерять около 11% просмотров страницы
  • Вы можете потерять 7% своих конверсий.
  • Снижение удовлетворенности клиентов на 16%
  • Вы помогаете своему конкуренту расти быстрее, чем вы.

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

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

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

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

Это правда, что низкая скорость загрузки убивает конверсии.

Позвольте мне доказать это.

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

То же самое и с вашим покупателем.

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

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

Теперь вопрос в том, как проверить скорость загрузки сайта Joomla.

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

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

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

PageSpeed ​​Insights

PageSpeed ​​Insights - это онлайн-инструмент для проверки скорости сайта Joomla, разработанный самим Google.Это помогает вам анализировать содержимое веб-страницы, а затем генерирует предложения по ускорению этой страницы. Он создает вам следующие детали

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

GTmetrix

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

GTmetrix не только проверяет скорость загрузки вашего сайта, но также проверяет ваш сайт на матрицу YSlow и присваивает вашему сайту оценку от A до F.

Отчет состоит из шести частей.

  • Скорость страницы
  • медленная
  • Водопад
  • Тайминги
  • Видео
  • История

Тест скорости Pingdom

Pingdom speed test - популярный и хорошо известный инструмент для проверки скорости веб-сайтов в Интернете.Этот инструмент для проверки скорости Joomla позволяет вам проверять производительность веб-сайта из 4 разных мест.

  • Мельбурн, Австралия
  • Нью-Йорк, Нью-Йорк, США
  • Сан-Хосе, Калифорния, США
  • Стокгольм, Швеция

Результаты теста скорости Pingdom дают вам представление о производительности, подобное Google Page Speed ​​Insights с практическими рекомендациями. Его отчет разделен на оценку производительности, время загрузки, размер страницы, запросы по типу контента и домену.

Тест скорости веб-страницы

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

Восходящие тенденции

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

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

Как ускорить загрузку моего сайта Joomla?

Включить кеш Joomla

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

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

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

Выберите хороший хостинг

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

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

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

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

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

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

Joomla предлагает вам функцию сжатия файлов перед отправкой посетителю с помощью сжатия Gzip. Это уменьшает размер страницы и ускоряет загрузку вашего сайта Joomla.

Чтобы включить эту опцию, перейдите в «Система → Глобальная конфигурация → Сервер → Настройки сервера» , найдите опцию «Сжатие страниц GZIP» и включите ее. У нас есть подробная статья о том, как включить сжатие Gzip на сайте Joomla.Посмотри на это.

Оптимизировать изображения веб-сайтов

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

Но удаление изображений - не решение.

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

Итак, какое решение?

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

Существует множество онлайн-инструментов для сжатия изображений без потери качества.

  • Если вы пользуетесь фотошопом, подумайте о том, чтобы сохранить изображение «Сохранить для Интернета и устройств».
  • Не используйте изображения .png, если они не нужны.
  • Используйте TinyPNG.com (я его большой поклонник).
  • Вы можете использовать Compressor.io
  • Smush.it также является отличным инструментом для сжатия изображений.

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

CDN расшифровывается как Content Delivery Network.CDN - это самый полезный способ улучшить производительность сайта. Но вопрос в том, как CDN ускоряет загрузку сайта?

Как следует из названия, он помогает вам доставлять ваш контент вашим посетителям.

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

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

Как?

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

На рынке доступно множество бесплатных и платных CDN. Вот список немногих:

Расширение Joomla CDN

Оптимизация CSS + Javascript

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

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

Но, к счастью, у нас есть решение этой проблемы.

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

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

Используйте атрибут defer или async в сценариях, чтобы отложить выполнение.

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

Используйте расширения Joomla для оптимизации скорости

Вы можете комбинировать внешние файлы CSS или JS на уровне шаблона, как описано в последнем пункте. Но как оптимизировать файлы CSS / JS, которые загружаются непосредственно из Joomla Core.

Итак, чтобы оптимизировать эти файлы, вам необходимо использовать расширения Joomla для оптимизации скорости. Вот их несколько:

Это не только расширение для оптимизации скорости, но также может использоваться в качестве расширений SEO Joomla.

Минимизировать HTTP-запросы

Согласно Yahoo, 80% времени загрузки веб-страницы уходит на загрузку различных частей веб-сайта, таких как таблица стилей, сценарии, мультимедиа и т. Д.

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

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

Если вы используете Google Chrome, щелкните правой кнопкой мыши и выберите Inspect или Ctrl + Shift + I.

Затем щелкните вкладку Сеть

  • В столбце имени будут показаны файлы, отображаемые во время загрузки веб-страницы.
  • В столбце «Размер» отображается размер файла
  • В столбце «Тип» отображается тип файлов: таблица стилей, сценарий или изображение.
  • В столбце времени будет показано время, необходимое для загрузки.
  • Внизу вы увидите количество запросов, сделанных веб-страницей.

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

Использовать асинхронную загрузку для файлов CSS и JavaScript

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

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

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

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

Результат: Ваш сайт будет загружаться быстро.

Оптимизировать для мобильных устройств

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

Вы можете проверить свой веб-сайт с помощью Google PageSpeed ​​Insight и Google Mobile friendly Test, и список проблем должен быть исправлен.

Использовать внешние хостинговые платформы

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

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

  • YouTube - Позволяет загружать видео.
  • Vimeo - позволяет загружать и публиковать видео.
  • Pinterest - позволяет размещать изображения.
  • Flicker - Позволяет размещать изображения.

Уменьшите количество расширений Joomla, которые вы используете на своем сайте

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

Основные проблемы вызывают расширения:

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

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

Использование правил оптимизации в файле .htaccess

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


ExpiresActive On
ExpiresDefault "доступ плюс 1 секунда"
ExpiresByType text / html "доступ плюс 600 секунд"
ExpiresByType text / css "доступ плюс 604800 секунд"
ExpiresByTycript text / javascript " доступ плюс 216000 секунд "
ExpiresByType application / xhtml + xml" доступ плюс 600 секунд "
ExpiresByType image / jpeg" доступ плюс 2592000 секунд "
ExpiresByType image / png" доступ плюс 2592000 секунд "
ExpiresByType и т. д.

Подробнее об оптимизации файла .htaccess вы можете прочитать в этой статье.

Заключительные слова

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

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

PS: Эти привлекательные цитаты в Твиттере созданы с помощью расширения TweetMe Joomla.

.

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

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

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

Введение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

Заключение

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

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

.

Простое руководство по скорости веб-сайта - лучшие практики 2020

Вы знаете, как медленно загружается ваш сайт?

Скорость веб-сайта должна стать главным приоритетом для всех веб-сайтов в 2020 году. Почему?

Задержка загрузки всего в одну секунду дает:

  • Снижение удовлетворенности клиентов на 16%
  • На 11% меньше просмотров страниц
  • Потеря конверсии 7%

Amazon утверждает, что одна секунда задержки загрузки будет стоить им продаж в 1,6 миллиарда долларов ежегодно.

Итак, как быстро должен загружаться ваш сайт? 47% людей говорят, что они ожидают, что страницы загрузятся за две секунды или меньше, а 64% мобильных пользователей ожидают, что сайты загрузятся менее чем за четыре секунды. Однако среднее время загрузки для различных отраслей в США не соответствует этим критериям. Взгляните на это исследование Google:

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

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

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

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

Минимизируйте ваши HTTP-запросы

Для каждого элемента вашего веб-сайта выполняется

HTTP-запросов. Я имею в виду такие вещи, как изображения, скрипты и таблицы стилей.

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

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

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

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

Уменьшить время до первого байта (TTFB)

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

Ваш TTFB состоит из трех элементов:

  • Время HTTP-запроса
  • Время обработки запроса
  • Время отклика

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

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

Вы должны стремиться к TTFB менее 200 мс. Используйте WebPageTest в качестве ресурса для определения времени до первого байта.

Просто посмотрите на столбец «первый байт», чтобы увидеть, где вы стоите. Тем из вас, у кого TTFB превышает 200 мс, необходимо предпринять шаги для улучшения этого числа.Вот некоторые общие проблемы, связанные с медленным TTFB:

  • Конфигурация сервера
  • Проблемы с сетью
  • Создание контента
  • Посещаемость сайта

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

Убедитесь, что ваш план веб-хостинга соответствует вашим потребностям

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

Существует четыре типа веб-хостинга:

  • Виртуальный хостинг
  • VPS хостинг
  • Выделенный сервер
  • Облачный хостинг

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

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

Провести аудит компрессии

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

Файлы меньшего размера загружаются быстрее - вот и все.

Я бы порекомендовал провести аудит сжатия с помощью такого инструмента, как GIDNetwork, чтобы вы лучше понимали, как сжатые файлы могут ускорить работу вашего сайта.Вот как выглядит аудит Quick Sprout.

Чтобы протестировать свой веб-сайт, все, что вам нужно сделать, это ввести URL-адрес и нажать «Проверить». Как видно из этого аудита, Quick Sprout не сжат. Инструмент также предлагает анализ «что, если», чтобы показать вам преимущества сжатия вашего сайта.

На этой диаграмме показано, как мой веб-сайт будет выглядеть при разных уровнях сжатия. Он говорит мне, что на четвертом уровне сжатия размер может быть сжат до 131 байта по сравнению с 178 байтами без сжатия.Загрузка также улучшится с 0,12 секунды до 0,09 секунды.

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

Это подводит меня к следующему пункту. . .

Сжимайте файлы

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

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

В этом сценарии вам абсолютно необходимо включить сжатие. Gzip является отраслевым стандартом для этой практики.

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

Исследования Yahoo показывают, что сжатие Gzip может уменьшить размер ответа на 70%.

Уменьшите размер изображений

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

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

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

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

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

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

Минимизировать и объединить файлы

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

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

  • HTML файлов
  • файлов CSS
  • Файлы JavaScript
  • Google Шрифты

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

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

Если у вас есть сайт WordPress, лучшим вариантом будет плагин WP Rocket. Это определенно улучшит скорость вашего сайта.

Использовать асинхронную загрузку

Теперь, когда ваши файлы CSS и JavaScript уменьшены и объединены, пора оптимизировать способ их загрузки.Есть два варианта:

  • Синхронная нагрузка
  • Асинхронная загрузка

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

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

Вы можете использовать тот же плагин WP Rocket, чтобы включить это.

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

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

Отложить загрузку файлов JavaScript

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

Файлы JavaScript имеют большой размер и могут быть отложены.

Как я только что показал выше, это легко сделать одним щелчком мыши, если вы используете такой плагин, как WP Rocket. В противном случае вам придется вставить код в тег для файлов JS. Это будет выглядеть примерно так:

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

Улучшение поиска DNS

DNS - это сокращение от «система доменных имен». Это сервер, который имеет базу данных IP-адресов вместе с именами различных хостов.

Когда пользователь вводит URL-адрес в своем браузере, DNS-сервер переводит URL-адрес в IP-адрес, указывая его местоположение в сети.

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

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

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

Убедитесь, что кеширование браузера включено

Я уже говорил о кешировании браузера ранее, когда мы обсуждали TTFB. Если вы не знакомы с принципами кэширования, я быстро объясню.

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

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

Установить сеть доставки контента (CDN)

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

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

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

Сети доставки контента решают эту проблему.

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

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

Venture Harbour провела несколько тестов на пяти страницах своего веб-сайта после внедрения CDN. Это были результаты:

  • Страница 1 - на 20% быстрее
  • Страница 2 - на 37% быстрее
  • Page 3 - на 41% быстрее
  • Page 4 - на 4% быстрее
  • Page 5 - на 51% быстрее

Стоит отметить, что страница, которая была на 4% быстрее, изменилась с 2.06–1,97, так что с самого начала все было быстро. В целом, время загрузки всего веб-сайта Venture Harbor сократилось на 30,2%. Это огромное улучшение.

Я бы рекомендовал использовать Cloudflare или StackPath (ранее MaxCDN), чтобы помочь вам настроить сеть доставки контента.

Размещение видео на внешних платформах

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

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

Допустим, вы сняли демонстрационное видео продукта, которое хотите добавить на свой веб-сайт. Как вы к этому подойдете?

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

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

Вместо этого загрузите видео на стороннюю платформу, например YouTube.

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

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

Плагины

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

Я тоже ими пользуюсь, и они делают мою жизнь намного проще.

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

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

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

Заключение

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

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

Итак, что нужно для быстрого создания веб-сайта в 2020 году?

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

Не расстраивайтесь. Реализовать все эти тактики в одночасье нереально. Начните с одного или двух и продвигайтесь вниз по списку.

.

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

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

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

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

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

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

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

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

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

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

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

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

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

GTMetrix

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

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

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

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

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

Тест веб-страницы

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

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

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

Пингдом

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

.

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

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

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

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