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


обзор вариантов и инструментов измерения

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

В отличие от других инструментов, здесь большой выбор браузеров, типов соединения и локаций (к сожалению, только нет РФ и СНГ)

Чтобы начать, нужно ввести URL, выбрать локацию, браузер, тип соединения, количество тестов. Ещё есть множество расширенных настроек: можно отключить JavaScript, включить отчёт Lighthouse, активировать захват видео, эмулировать мобильный браузер и др.

…или можно не заморачиваться и выбрать Simple Testing

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

Анализ времени загрузки сайта от WebPageTest

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

Почувствуйте себя пользователем, который живёт в Швейцарии, пользуется Firefox и быстрым 3G

Есть ещё один интересный инструмент внутри WebPageTest — Visual Comparison. Он позволяет анализировать скорость загрузки сразу нескольких сайтов. Например, так можно измерить page speed своего проекта в сравнении с конкурентами. Очень удобно и показательно.

Есть и другие инструменты (например, GTMetrix, SiteSpeed, PR-CY), но они уступают вышеперечисленным по работоспособности и функциональности.

Узнайте реальную скорость интернета с помощью DSL Speedtest

Speed.io - это современный тест скорости DSL для анализа вашего широкополосного доступа в Интернет. Если вы обнаружите, что ваше интернет-соединение слишком медленное или вам просто интересно узнать, насколько быстро оно на самом деле, - speed.io - идеальный инструмент для быстрой проверки скорости - во всем мире.

Speed.io измеряет вашу текущую скорость интернета до ближайшего к вам сервера («ближайший сервер» не является неправильным, но другой вариант звучит более красноречиво)
(у нас почти 5000 серверов по всему миру).Мы тестируем вашу загрузку (скорость, с которой вы получаете данные из Интернета), загрузку (скорость, с которой вы отправляете данные в Интернет), соединение (максимальное количество подключений в минуту), а также пинг (время ответа между вашим компьютером и Интернет).

Все тесты выполняются в вашем браузере через HTTP (TCP) и не требуют дополнительного программного обеспечения.

Вы можете протестировать все типы соединений (LTE, UMTS, GPRS, ISDN, DSL, VDSL или кабельное).

Тест скорости со скорости.io сообщает вам, насколько быстро ваше соединение. В сегодняшнюю цифровую эпоху мощность и скорость вашего интернет-соединения являются важной частью профессиональной и личной жизни. Будь то широкополосное соединение, оптоволокно, 3G, HSPA или 4G, тест скорости от speed.io проверяет ваше соединение, позволяя проверить, предоставляет ли ваш провайдер услугу, за которую вы платите. Наш тест скорости также полезен для тех, кто хочет сравнить интернет-пакеты. Вооружившись результатами теста скорости, вы можете оптимизировать соединение и получить максимум удовольствия от работы в сети.

Как работает тест скорости?

Тест скорости дает вам инструменты, необходимые для выполнения теста полностью в вашем браузере. Просто убедитесь, что ваш компьютер или мобильный телефон / планшет подключен к Интернету напрямую через маршрутизатор с помощью сетевого кабеля или через сеть Wi-Fi, и нажмите кнопку запуска на веб-сайте speed.io. Затем программа тестирования устанавливает соединение с тремя соседними серверами и измеряет скорость вашего широкополосного / оптоволоконного / беспроводного соединения.

Что означают результаты теста?

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

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

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

  • ISDN: 64 Кбит / с
  • DSL / широкополосный доступ от 1000 до 16000: от 1024 до 16384 Кбит / с
  • VDSL: макс. 50 Мбит / с или 100 Мбит / с
  • Кабель: макс. до 500 Мбит / с
  • Волокно: макс. до 1 Гбит / с

В мобильном секторе:

  • GPRS: макс. 55 Кбит / с
  • КРОМКА: макс. 220 Кбит / с
  • 3G: макс 384 Кбит / с
  • HSPA: макс. 7,2 или 14 Мбит / с
  • HSPA +: 42 Мбит / с
  • 4G: макс. 50 или 100 или 500 Мбит / с

Насколько быстро у вас интернет? Узнайте прямо сейчас с помощью точного и простого в использовании Speedtest от скорости.io.

.

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

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

Обновлено:
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, чтобы увидеть, какие страницы вызывают их, а затем принять меры для их немедленного исправления.

Отключить Hotlinking

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

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

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.

Заключение

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

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

.

c # - Как узнать скорость загрузки клиента с сервера?

Переполнение стека
  1. Около
  2. Товары
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
  3. Вакансии Программирование и связанные с ним технические возможности карьерного роста
.

Почему и как сосредоточиться на скорости мобильной страницы

Перейти к содержанию Открыть главную навигацию Думайте с Google Потребительские идеи Маркетинговые ресурсы Данные и измерения Опыт и дизайн Монетизация Омниканальность Организационная культура Программная реклама Библиотека аналитики инструменты .

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

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

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

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