Как определить скорость загрузки сайта: Sorry, this page can’t be found.

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

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

Как же определить скорость загрузки Интернет-ресурса?

Для этого можно воспользоваться одним из специализированных сервисов, таких как:

PageSpeed Insights

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

GTmetrix

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

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

Monitis

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

WebPageAnalyzer

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

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

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

На что влияет скорость загрузки сайта?

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

Подписаться

658

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

Насколько быстрой должна быть скорость загрузки сайта?

• 1 секунда – отлично.
• 2-3 секунды – хорошо.
• 4-7 секунд – средне.
• 8-10 секунд – плохо.
• 11 секунд и более – ужасно, нужно оптимизировать сайт.

Сервисы анализа скорости загрузки сайта

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

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

На что влияет скорость загрузки сайта

Согласно исследованию Google, 53% пользователей покинут сайт, если он загружается дольше трех секунд.

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

Согласно исследованию Google, показатель отказа напрямую зависит от скорости загрузки страницы.

Если у мобильной страницы скорость снизится с 1 до 10 секунд, показатель отказа вырастет на 123%.

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

Низкая скорость загрузки сайта – фактор пессимизации Google в результатах поиска.

В 2016 году Google внедрил алгоритм Mobile-first indexing, который работает по принципу: нет мобильной версии или она не оптимизирована – нет топовых позиций в Google.

Согласно анализу Google, низкая скорость загрузки сайта – основной негативный фактор юзабилити для пользователей.

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

Анализ раздражаемости пользователей

Обратная сторона быстрой скорости загрузки сайта

Как правило, на каждое исследование всегда можно найти исследование, которое опровергает первое.

Согласно исследованию Search Engine Land, популярные сайты с большим трафиком не соответствуют критериям Google.

Компания проанализировала 1000 самых популярных сайтов. Каждый сайт прошел проверку через сервис PageSpeed Insight. Только 2% мобильных сайтов получили 100 баллов. На декстопной (полной) версии ситуация не отличается: только 4% из всех сайтов получили свыше 90 баллов. Средний показатель составил 55% для всех сайтов. Такие результаты могут только подвергать сомнению исследование Google, что 53% пользователей покидают сайт, который загружается более 3-х секунд.

Скорость загрузки сайта не влияет на выдачу более 1% результата поиска Google. Не так важна скорость загрузки страницы, как её релевантность.

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

Скорость загрузки сайта – далеко не главный параметр оценки качества сайта – wpfaster.

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

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

Как поступить

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

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

5 идей для улучшения скорости загрузки сайта — SEO

Kate Tkachina

28 апреля | 2020

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

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

Сила скорости

Чтобы не быть голословными, вот вам немного статистики:

• Опираясь на данные, опубликованные Kinsta, со страницы, которая грузится больше чем 5 с, уйдут на другой сайт 74% пользователей со своих мобильных устройств. 
• А согласно маркетинговым исследованиям Think with Google, показатели отказа могут вырасти до 113%, при увеличении скорости загрузки на 6 секунд;

 

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

Влияние показателя скорости загрузки на сайт 

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

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

Какими инструментами измерять скорость загрузки?

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

• PageSpeed Insights от Google. Данный  инструмент показывает скорость загрузки мобильной версии сайта и ПК, оценка ставиться по 100-балльной шкале, также даются рекомендации по увеличению загрузки.

• WebPageTest. Этот инструмент позволяет выбрать устройство, браузер, местоположение. Например, здесь можно посмотреть как быстро будет грузиться сайт на Iphone 6 в Индии или в браузере Chrome в Америке.  

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

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

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

1. Начните с картинок

Самое главное — использовать изображения подходящего размера, возможно даже разные варианты картинок для различных устройств. Для этого можно воспользоваться встроенными во многих современных CMS средствами ресемплинга картинок (например, в WordPress).

Уменьшить вес изображений также можно сжимая их. Про это часто забывают: только 45% интернет магазинов используют на своем сайте сжатые картинки.  Помочь с этим могут такие сервисы, как Photoshop — выбрав опцию “Сохранить для WEB” и выбрать качество картинки не более 80% (при этом вес картинки может снизится в 10 раз). Если данными инструментами вы не владеете, тогда можно воспользоваться бесплатными сервисами https://tinyjpg.com/ или https://compressor.io/. Там все достаточно просто и понятно. 

Также, можно удалить ненужные картинки.

2. Почистите исходный код

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

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

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

3. Уменьшите размеры страниц сайта 

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

4. Минимизируйте редиректы

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

Посмотреть все редиректы вы можете с помощью программы Screaming Frog.

5. Переехать на выделенный сервер

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

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

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

Дополнительные советы

1. Удалите ненужные плагины в вашей CMS, которыми уже давно не пользуетесь, или удалите их, попросив разработать собственные решения вашего разработчика. 
2. Отправьте тяжёлые файлы на сторонние сервисы, такие как Wistia или Imgur. Также, лучше загрузить видео на YouTube и вставить на сайт код, нежели загружать его непосредственно на страницу.
3. Используйте технологию AMP от Google — ускоренные мобильные страницы. С их помощью на таких страницах загружается только контент без красивого дизайна, рекламы, динамических блоков и т.д. Скорость таких страниц в пределах 3 секунд. В основном данную технологию применяют информационные сайты, блоги или новостные порталы. 

 

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

Выводы

1. Эффективность продвижения сайта напрямую зависит от скорости его загрузки. Идеально, когда он грузится в пределах 3 с.
2. Старайтесь оптимизировать всё, что только можно (размер изображений, видео, CSS и html коды). Уберите всё ненужное и минимизируйте использование объемных графических элементов. 
3. Возьмите себе за правило регулярно проверять скорость сайта, чтобы в случае ее увеличения, как можно быстрее найти причину и устранить ее.

 

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

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

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

Скорость веб-сайта складывается из двух слагаемых:

1. Скорости сервера.

Это первое что нужно проверить. Скорость определяется производительностью и местоположением хостинга. Как и следует ожидать, хостинг должен быть шустрым. Подумайте о сервере, как о машине Формулы 1. Можно сколь угодно совершенствовать корпус автомобиля, но без нормального движка, гонку не выиграть!

То же самое и с сайтом. Скорость сервера, это первое, что нужно проверить.

2. Загрузки всех данных (изображения, веб-дизайн, код, плагины, медиа)

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

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

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

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

Итак, начнём с проверки мощности и скорости двигателя, то есть, с проверки сервера.

1.Bitcatcha Server Speed Checker

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

Bitcatcha Server Speed Checker проверяет сервер с восьми разных точках мира и измеряет время отклика. После чего показывает среднюю разбивку.

Что считается хорошим результатом?

Быстрый и отзывчивый сервер должен получить оценку не меньше B +. Согласно требованиям Гугл, сервер должен давать ответ не более чем через 200 мс.

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

Проверить скорость сервера.

2.Google Page Insights

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

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

Всё, что нужно сделать, это вставить адрес веб-сайта в строку ввода, а дальше, гугл сам соберёт всю необходимую информацию. Максимальная оценка, которую даёт Гугл – 100 баллов. Оценивается версия для ПК и для мобильных устройств.

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

3.Сравнение сайтов.

Чтобы выиграть гонку, не нужно быть самым быстрым на всю вселенную)). Достаточно быть самым быстрым из тех, кто участвует в гонке.

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

Важно только то, что наш сайт должен опережать наших конкурентов.

В этом поможет сайт — WhichLoadsFaster. Вбиваете адреса интересующих сайтов и сравниваете их скорость.

Whichloadsfaster.com использует браузер для проверки скорости, поэтому результат имеет некоторую погрешность. У каждого браузера, местоположение и скорость разные.

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

4.

Load Impact

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

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

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

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

5.Pingdom

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

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

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

Измерить скорость сайта с помощью Pingdom.

Заключение.

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

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

Ну а если у вас остались вопросы, то задавайте их в комментариях!

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

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

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

 
Чем быстрее открылась страница, тем больше шансов, что пользователь останется на ней, а следовательно, тем меньше отказов. Дочерняя компания Google – DoubleClick сравнила несколько мобильных ресурсов с разным временем открытия – 5 и 19 секунд. Оказалось, что при загрузке 5 секунд показатель отказов ниже на 35%.

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

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

 
Какая же скорость нужна вашему сайту?

 
Согласно исследованиям, самая высокая конверсия у сайтов со временем загрузки 1,8 секунды на декстопной и 2,7 секунды на мобильной версии.

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

 
Мы предлагаем вашему вниманию несколько инструментов, которые помогут вам проанализировать время загрузки вашего сайта:

 
Pingdom

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

 
Which Loads Faster?

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

 
Load Impact

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

 
Google PageSpeed Insights

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

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

Как измерить время загрузки страницы и SEO в Google Chrome

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

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

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

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

Начнем!

Как измерить скорость загрузки страниц в Google Chrome

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

Сначала откройте браузер Google Chrome. Затем введите веб-сайт, который хотите изучить. Что вы будете делать дальше, будет зависеть от того, какой у вас компьютер.

Если у вас компьютер Windows, нажмите Ctrl + Shift + I.

Если у вас Mac, нажмите Option + Command + I.

Когда вы это сделаете, вы должны увидеть раздел «Разработчики» в Google Chrome. Оказавшись здесь, вы хотите перейти на вкладку «Сеть». После этого вы сможете увидеть некоторые данные о времени загрузки страницы для рассматриваемого веб-сайта.

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

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

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

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

Измерьте время загрузки страницы с помощью Google Pagespeed Insights

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

Чтобы использовать этот инструмент, вам нужно сначала выбрать веб-страницу на своем сайте, которую вы хотите изучить.Затем вы переходите в раздел PageSpeed ​​Insights и вводите URL-адрес веб-страницы.

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

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

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

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

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

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

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

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

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

Если кто-то заходит на ваш сайт и вскоре после этого нажимает кнопку «Назад», это признак того, что ваш сайт не понравился им. После этого у Google есть причина понизить ваш рейтинг.

После этого важно учитывать время загрузки страницы в своей стратегии SEO.

Как понять свои усилия по поисковой оптимизации с помощью Google Chrome

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

Для всего этого установите расширение в браузере Chrome, известное как «расширение Lighthouse.’

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

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

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

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

Мы рассмотрим остальные отчеты позже. Сейчас мы хотим сосредоточиться на отчете SEO. Вверху страницы вы должны увидеть оценку из 100, которая детализирует эффективность SEO вашего сайта. Если вы нажмете на эту «оценку», вы увидите раздел SEO.

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

Важность последовательных проверок

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

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

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

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

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

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

Если вам нужна помощь со всем этим, вы всегда можете нанять маркетинговую фирму, которая поможет вам.Примером может служить Atlanta SEO Solutions.

Готовы измерить время загрузки страницы и эффективность SEO?

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

В этом посте мы рассмотрели, как можно использовать Google Chrome для измерения времени загрузки страницы на вашем веб-сайте. Мы также рассмотрели, как можно измерить эффективность SEO с помощью расширения Lighthouse.

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

Интересуетесь, как исправить медленный сайт WordPress? Прочтите этот пост, чтобы получить несколько советов!

Правильное измерение скорости сайта #WebPerformance

  Опасения относительно скорости вашего сайта оправданы!  

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

После обновления Google Speed ​​Update (выпущенного в июле 2018 г.) этот акцент стал более значительным, когда каждый онлайн-бизнес пытался ускорить работу своих веб-сайтов. Прежде чем мы перейдем к вопросу «как мы можем повысить скорость веб-сайта», давайте дадим расплывчатое определение тому, что мы будем называть скоростью.

Что такое скорость сайта?

Если вы посмотрите на 2 диафильма из Smashing Mag ниже, какой из них, по вашему мнению, загружается быстрее для пользователя?

Кредиты: Google Web Fundamentals

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

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

Воспринимаемое время загрузки и фактическое время загрузки

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

Таким образом, первый шаг к более быстрому веб-сайту — это понять, что…

  Воспринимаемое время загрузки не менее важно, если не больше,  
 , чем Фактическое время загрузки  

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

• Первая содержательная отрисовка
• Первая значимая отрисовка
• Время до взаимодействия

Полный список показателей можно найти здесь.

Обновление: С выпуском Lighthouse 6.0 в отчет Lighthouse были добавлены три новых показателя. Их также можно найти в отчетах WebPageTest. Новые метрики:
Самая большая Contentful Paint (LCP)
Совокупный сдвиг макета (CLS)
Общее время блокировки (TBT)

Скорость измерения

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

Пользователь смотрит на время загрузки в секундах (1.32 с) и определяет, быстро он или медленно. Не хватает только условий, в которых проводился этот тест. Был ли этот тест смоделирован на последнем Macbook Pro с максимально возможными конфигурациями или он был выполнен на нетбуке на базе Intel Celeron (который обычно имеет простые конфигурации). Этот тест был проведен из Сан-Франциско, но что, если ваш сайт находится в Дублине, Ирландия?

Как обычный пользователь измеряет скорость:

1. Самореализация или вдохновение из статьи о важности скорости
2. Поиск в Google лучших инструментов для измерения скорости сайта
3. Тесты PageSpeed ​​Insights (PSI), WebPageTest (WPT), GTMetrix, Pingdom и т. Д.
4. Записывает результаты или оценки или количество секунд и отправляет его разработчику для улучшения.
5. Проверяет изменения оценок после внедрения и итеративно отправляет их разработчикам

Что плохого в типичном подходе к измерению скорости?

Много… если честно!

При тестировании скорости сайта мы часто забываем некоторые основные моменты. Напоминание -:

1. Устройство имеет значение… много
   Выбор правильного устройства для тестирования очень важен. Мы должны понимать, что веб-сайты или веб-страницы в основном представляют собой строки кода.Чем лучше устройство, тем быстрее может быть выполнен этот код. Проще говоря, мощный ноутбук / мобильный телефон будет загружать веб-сайты быстрее, чем его менее мощные аналоги.
2. Не забудьте измерить скорость на мобильном телефоне
   Для большинства сайтов мобильный трафик привлекает больше трафика, чем компьютер. Но когда дело доходит до тестирования скорости, большинство из нас проверяет его только для настольных компьютеров. Google Pagespeed Insights (PSI) предлагает оценку скорости для настольных и мобильных устройств наглядно и, таким образом, оказывается более полезным, чем некоторые другие инструменты в этом аспекте.
3. Используйте определенные настройки при тестировании
   Большинство из нас склонны проверять скорость сайта с настройками по умолчанию для инструмента, который мы используем. Например:
   1. WPT установлен в Даллес, штат Вирджиния (Вирджиния) с Chrome в качестве браузера и кабельным соединением со скоростью 5/1 Мбит / с (5 Мбит / с загрузка, 1 Мбит / с загрузка).
   2. GTMetrix настроен на Ванкувер, Канада, с Chrome в качестве браузера и среды рабочего стола. Соединение по умолчанию — «Соединение без ограничений», но вы можете изменить его, только если зарегистрируетесь в GTMetrix.
   3. Pingdom использует Сан-Франциско, США в качестве местоположения по умолчанию. Информацию о подключении нигде не видно на странице.

Какие настройки использовать при измерении скорости сайта?

Измерение скорости на объекте до некоторой степени зависит от инструмента, используемого для ее измерения. Однако общая концепция остается одинаковой для каждого:

1. Местоположение: Используйте для тестирования местоположение вашей основной аудитории
2. Устройство: Как указано выше, проверьте скорость сайта как для мобильных устройств, так и для компьютеров. Выбирайте устройства, которые ближе к вашей аудитории.

   Небольшой совет . Если на сайте установлен Google Analytics, перейдите по ссылке Аудитория> Мобильные устройства> Устройства , чтобы узнать, какие устройства чаще всего используются вашими посетителями. Попробуйте найти наиболее подходящее устройство для проведения теста. WPT предлагает широкий выбор устройств.
   

3. Подключение: При использовании мобильного устройства используйте 3g Fast или 4g Slow.Для настольных компьютеров используйте широкополосный / кабельный доступ. Неограниченное соединение будет самым быстрым. Итак, если вы тестируете свою веб-страницу на Unthrottled-соединении, вы можете получить лучшие результаты, но маловероятно, что ваши посетители получат такую ​​же скорость соединения в реальной жизни.
   
4. Количество тестов: Всегда проверяйте более одного раза для каждого устройства и вычисляйте среднее значение.
   
5. Проверяемых страниц: Проверьте не только вашу домашнюю страницу. Это классическая ошибка.Большинство владельцев веб-сайтов проверяют URL-адрес домашней страницы, но не остальные страницы. Если вы не можете проверить все это, по крайней мере, попробуйте проверить некоторые распространенные шаблоны, такие как страницы категорий, страницы продуктов и т. Д.

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

Тесты на синтетические материалы и RUM

Тесты скорости измеряются с использованием следующих 2 типов тестов:

1. Лабораторный тест или синтетические тесты
2. Полевой тест или мониторинг реального пользователя

Синтетические тесты — это тесты, которые выполняются в смоделированной среде.Например, инструмент Маяк.

RUM расшифровывается как Real User Monitoring. Это тесты и измерения, выполненные в реальных условиях. CRUX (отчет о пользовательском опыте Chrome), Akamai mPulse — вот несколько способов получить данные RUM,

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

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

Представьте, что основная аудитория вашего веб-сайта использует старую версию iPhone, и вы запускаете WPT и другие тесты по стандартам iPhone X (который более мощный, чем некоторые модели Macbook 2017), тогда вы можете ошибиться . Google утверждает, что утверждает, что использует Moto G4 в качестве устройства эмуляции по умолчанию.

Примечание. Lighthouse поддерживает часть отчета PageSpeed ​​Insights. В последнем отчете Lighthouse в качестве устройства эмуляции используется Nexus 5X.

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

Как в действительности выглядят данные о скорости сайта?

Следующая диаграмма взята из отчета об удобстве использования Chrome на веб-сайте за январь 2020 года.

Как видите, примерно у 4% пользователей первая отрисовка содержимого занимает более 12 секунд. Проще говоря, это означает, что вещи начинают загружаться в представление браузера после 12-секундной отметки. Даже мысль мучительная, не так ли?

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

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

Как правильно измерить скорость сайта?

Не гонитесь за счетами. Попробуйте установить все флажки

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

Поймите, что важнее для вашего пользователя

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

Не игнорировать воспринимаемую скорость

Большинство владельцев сайтов стремятся уменьшить фактическое время загрузки . Хотя это не так, очень важно, чтобы владельцы сайтов смотрели на воспринимаемое время загрузки .Метрики , такие как First Contentful Paint (FCP), First Meaningful Paint (FMP) и т. Д., Помогают вам оценить, как вы работаете с воспринимаемой скоростью.

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

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

Посетите не только домашнюю страницу

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

Поговорите со своими разработчиками

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

Итого

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

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

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

Твитнуть

Раджив Сингха

Я являюсь частью команды CueBlocks Organic Search (SEO). Я люблю играть в футбол и читать о техническом SEO.

БОЛЬШЕ ЗАПИСЕЙ

Рекомендации по оптимизации скорости и производительности веб-сайта

Время чтения: 9 минут

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

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

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

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

Давайте посмотрим, как оптимизация скорости веб-сайта влияет на ключевые факторы успеха веб-сайта:

• преобразование
• видимость
• удобство использования

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

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

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

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

Способы оценки скорости вашего сайта

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

Индекс средней скорости мобильной связи в США

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

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

Есть несколько инструментов оценки производительности, которые стоит попробовать:

• Google Pagespeed Insights — это бесплатный инструмент от Google, который выполняет тест производительности вашего сайта и дает рекомендации по повышению производительности. Работает как для настольной, так и для мобильной версии.
• Pingdom — также отличный инструмент для тестирования скорости веб-сайта с рядом полезных функций.Он отслеживает историю эффективности вашего веб-сайта, дает рекомендации на основе данных о том, как повысить скорость веб-сайта, и создает простые для понимания отчеты. Pingdom также предоставляет приложения для тестирования скорости веб-сайтов для Android и iOS. У него есть как бесплатные, так и профессиональные платные планы мониторинга.
• YSlow также предоставляет рекомендации по повышению производительности страницы, рисует статистику и обобщает все компоненты.
• Performance Budget Calculator — это бесплатный инструмент, который помогает выяснить, какой тип контента вы можете использовать для оптимальной работы вашего сайта.

Калькулятор бюджета производительности

Рекомендации по ускорению вашего сайта

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

1.

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

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

2. Переместите свой веб-сайт на более удобный хост

Есть три возможных типа хостинга:

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

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

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

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

Другой подход — аренда выделенного облачного ресурса у AWS, Microsoft Azure, Google или другого поставщика общедоступного облака. Оба подхода также можно объединить в гибридное облако, которое мы недавно обсуждали.С выделенными серверами все ресурсы принадлежат только вам, и вы получаете полный контроль над ними. Облачные инфраструктуры также могут добавлять неограниченную масштабируемость и масштабируемость по запросу в рамках ряда пакетов.

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

3. Оптимизируйте размер изображений на своем веб-сайте

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

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

4. Уменьшите количество плагинов

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

5. Минимизируйте количество файлов JavaScript и CSS

Если ваш веб-сайт содержит много файлов JavaScript и CSS, это приводит к большому количеству HTTP-запросов, когда посетители вашего веб-сайта хотят получить доступ к определенным файлам.Эти запросы обрабатываются браузером посетителя индивидуально и замедляют работу сайта. Если вы уменьшите количество файлов JavaScript и CSS, это, несомненно, ускорит ваш сайт. Попробуйте сгруппировать весь JavaScript в один, а также сделайте это со всеми файлами CSS. Это уменьшит общее количество HTTP-запросов. Существует множество инструментов для быстрой минимизации файлов HTML, CSS и JavaScript. Например, вы можете использовать инструменты WillPeavy, Script Minifier или Grunt.

6. Используйте кеширование веб-сайтов

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

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

7. Реализовать сжатие Gzip

Gzip Compression — эффективный способ уменьшить размер файлов. Это минимизирует HTTP-запросы и сокращает время ответа сервера. Gzip сжимает файлы перед отправкой в ​​браузер. Со стороны пользователя браузер распаковывает файлы и представляет их содержимое. Этот метод может работать со всеми файлами на вашем сайте. Вы можете включить Gzip на своем веб-сайте, добавив несколько строк кода или используя утилиту gzip.

8. Оптимизация базы данных в CMS

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

9. Сократите использование веб-шрифтов

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

• Используйте современные форматы WOFF2 для современных браузеров;
• Включите только те наборы символов, которые используются на сайте;
• Выбирайте только нужные стили

10.Обнаружить 404 ошибки

Ошибка 404 означает, что «Страница не найдена». Это сообщение предоставляется хостингом браузерам или поисковым системам, когда доступное содержимое страницы больше не существует. Чтобы обнаружить и исправить ошибку 404, вы можете использовать инструменты и плагины для обнаружения ошибок. Как мы уже упоминали, дополнительные плагины могут негативно повлиять на скорость вашего сайта, поэтому мы советуем запускать ресурс с помощью внешних инструментов для обнаружения ошибок. Например, Xenu’s Link Sleuth, Google Webmaster Tools (GWT) и 404 Redirected Plugin для WordPress .

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

11. Уменьшить количество перенаправлений

Перенаправления веб-сайтов создают дополнительные HTTP-запросы, которые негативно влияют на производительность.Мы советуем свести их к минимуму или полностью исключить. Во-первых, вы должны определить все перенаправления на своей странице, запустив сканирование сайта. Вы можете использовать Screaming Frog для быстрого определения перенаправлений. Затем вы должны проверить, служат ли они необходимой цели, и оставить только самые важные.

12. Используйте методы предварительной выборки

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

Существует три основных типа предварительной выборки:

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

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

Предварительная отрисовка. Этот подход означает предварительную визуализацию всей страницы или некоторых ее элементов.

Хотя предварительная выборка и эффективна, она требует глубокого анализа поведения пользователя, чтобы делать точные предположения.

Заключение

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

Итак, мы рекомендуем применить простой, но эффективный подход к оптимизации скорости веб-сайта:

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

Скорость загрузки веб-сайта и ее значение

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

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

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

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

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

1. Мы все слышали старую пословицу «первое впечатление — это последнее впечатление». Что ж, эта конкретная концепция применима и к веб-сайтам. Когда пользователь посещает ваш веб-сайт впервые, вы можете быть уверены, что он будет судить о вас, качестве вашего веб-сайта и вашем бизнесе. Настоятельно рекомендуется не ошибаться, потому что, если ваш веб-сайт слишком медленный или слишком сложный для навигации, этот пользователь НЕ вернется.Итак, если вы хотите произвести сильное первое впечатление, убедитесь, что ваш сайт загружается быстро.
2. Сегодняшний пользователь сайта всегда в пути. Даже если у них все на кончиках пальцев, они все равно всегда заняты, всегда двигаются и всегда нетерпеливы. Когда дело доходит до Интернета и веб-сайтов, они ожидают скорости. И если они этого не поймут, они не станут этим заниматься. Единственный способ найти людей, готовых подождать, пока загрузится веб-сайт, — это если это сайт с высоким авторитетом. Давай будем настоящими.Возможны технологические проблемы. Иногда даже у старого доброго Google может быть плохой день. Единственная проблема заключается в том, что вы не рискуете раздражать свою аудиторию медленным сайтом, если вы не Google. И Google делает это не каждый день. Это всего лишь пример того, что если поломка происходит раз в год, ваша аудитория простит вам, только если вы такой же большой и такой же хороший, как Google. В противном случае вам нужно убедиться, что у вас есть все параметры, а скорость сайта — одна из самых важных.
3. Цель цифрового маркетинга — привлечь людей, чтобы они попробовали ваши продукты или услуги.Это применимо ко всем типам веб-страниц, даже если это простой блог. Блогеру нужны читатели; книжный интернет-магазин хочет покупателей книг; Интернет-магазин электроники хочет продавать телевизоры. И как это сделать? Вы можете сделать это, предложив удобное взаимодействие с пользователем. Если вы хотите продавать книги, убедитесь, что у вас отличная коллекция. Если вы хотите продавать телевизоры, убедитесь, что у вас есть все высококачественные бренды и по хорошим ценам. Если вы хотите увеличить число читателей, убедитесь, что вы даете им хороший контент. Но ничего из этого не сработает, если ваш сайт не имеет хорошей скорости загрузки.Никогда не забывайте — скорость веб-сайта важна для хорошего пользовательского опыта.
4. Если скорость вашего веб-сайта мизерная, ваши коэффициенты конверсии, скорее всего, будут такими же. В среднем, если ваш сайт загружается дольше 3 секунд, примерно 40% посетителей покидают ваш сайт. Что это значит? Это означает, что медленный веб-сайт будет отвлекать клиентов. Это, по сути, разрушает всю цель наличия веб-сайта. Сделайте проверку скорости и убедитесь, что вы не потеряете 40% аудитории только из-за того, что не сосредоточились на скорости.

Проверьте скорость вашего сайта

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

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

Эмили Джейкобс — посол счастья SpeedCheck.орг. Она любит писать о последних технологических тенденциях и любит делиться своими знаниями в своих статьях.

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

Опубликовано 12:30 в SEO, веб-дизайн Эндрю Холл

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

Два недавних исследования показали влияние одной дополнительной секунды времени загрузки: 1 секунда стоит Amazon $ 1.6 миллиардов продаж и каждая дополнительная секунда загрузки заставляет 10% пользователей покидать веб-сайт BBC.

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

Инструменты тестирования производительности веб-сайта

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

1. Google PageSpeed ​​Insights

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

https://developers.google.com/speed/pagespeed/insights/

Изображения могут быть значительной частью того, что замедляет работу страницы, и инструмент PageSpeed ​​Insights обеспечит их оптимизацию изображения для загрузки.Обязательно просмотрите их, так как они не всегда на 100% дают правильные ответы.

2. Pingdom

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

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

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

3. WebPageTest

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

The Need For Loading Speed!

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

Если у вас есть какие-либо вопросы о том, как понять, что замедляет работу вашего веб-сайта или как ускорить работу, оставьте комментарий ниже или свяжитесь с нами через нашу страницу контактов.И не забудьте подписаться на Bowler Hat в Facebook и Twitter, чтобы получить дополнительную помощь и советы по цифровому маркетингу.

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

Использование оптимизации скорости веб-сайта для увеличения конверсии и SEO

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

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

• Ускорьте свой сайт
• Повышение конверсии
• Улучшение SEO

Почему важна оптимизация скорости веб-сайта?

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

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

.

• 32%, если время загрузки сайта 1-3 секунды
• 90%, если время загрузки сайта 1-5 секунд
• 106%, если время загрузки сайта 1-6 секунд
• 123%, если время загрузки сайта 1-10 секунд

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

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

Чтобы узнать больше о лучших методах SEO, прочтите наш пост: 50 лучших практик SEO, которые будут способствовать росту

Что такое хорошая скорость загрузки страницы?

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

Однако многие сайты не соответствуют этой рекомендации.

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

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

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

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

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

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

Технический SEO-аудит

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

Для дополнительных рекомендаций по оптимизации скорости веб-сайта для конкретных страниц также полезны следующие инструменты:

1. GTMetrix
2. Webpagetest.org
3. PageSpeed ​​Insights от Google

Интересно, насколько ваша SEO-эффективность превосходит конкурентов? Инструменты SEO-анализа Alexa могут помочь.

Как улучшить скорость загрузки веб-сайта

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

1. Включить кеширование веб-сайтов

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

2. Проверяйте свои плагины

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

3. Сведите к минимуму использование HTML, CSS и JavaScript

Чем больше кода и файлов у вас на странице, тем больше времени потребуется для загрузки. Таким образом, уменьшение количества HTML, CSS и JavaScript может ускорить загрузку сайта. Рассмотрите возможность использования ускоренных мобильных страниц (AMP), которые разработаны и разработаны для минимизации HTML и CSS, чтобы сайты загружались быстрее, или попробуйте переработать код, чтобы минимизировать количество файлов и процессов.

4. Сжатие файлов сайта

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

5. Уменьшите количество перенаправлений

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

6. Используйте оптимальное форматирование графики

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

• Выберите правильный тип файла изображения (JPEG, PNG, GIF, SVG)
• Правильно установите размер изображений, чтобы их размеры не превышали ширину шаблона веб-страницы.
• Используйте такой инструмент, как JPEGmini, для сжатия больших изображений и графики и ускорения загрузки изображений.
• Подумайте о том, чтобы размещать графику в форматах нового поколения, например в формате Google WebP. Эти форматы обеспечивают лучшее сжатие, но поддерживаются не всеми браузерами, поэтому вам потребуется использовать резервную копию изображений в формате JPEG или PNG.

7. Размещайте видео на сторонних сайтах

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

8. Переход на лучший хостинг

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

Продолжайте отслеживать и улучшать оптимизацию скорости веб-сайта

Оптимизация скорости веб-сайта — это не проект, над которым вы работаете только один раз Нажми и твитни! .

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

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

Скорость загрузки веб-сайта и рекомендации по поисковой оптимизации

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

Содержание

Какие показатели вы используете для измерения скорости?

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

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

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

• Время до первого байта (TTFB). TTFB измеряет, сколько времени проходит от момента запроса URL до момента, когда с сервера возвращается первый бит информации. Если TTFB высокий, это указывает на проблемы с сервером вашего сайта и конфигурацией хостинга. Этот показатель также сильно коррелирует с рейтингом в обычном поиске.
• Начать рендеринг. Start Render проверяет, сколько времени проходит между запросом URL-адреса и моментом, когда вы начинаете видеть, что что-то загружается в браузер. Если этот показатель высокий, это означает, что ваш веб-сайт загружает слишком много материалов (изображений, JavaScript, CSS и т. Д.).) в браузер. Это похоже на показатель First Contentful Paint, который измеряется с помощью инструмента Google PageSpeed ​​Insights.
• Полная нагрузка или время полной загрузки. Этот показатель показывает, сколько времени проходит между запросом URL-адреса и завершением загрузки всего в браузер. Иногда это называется завершением DOM, загруженным содержимым DOM или завершением документа.

Core Web Vitals от Google

Эти три показателя тесно связаны с показателями скорости, которые Google использует в своем отчете Core Web Vitals.В Core Web Vitals Google сообщает:

• Задержка первого ввода (FID). FID измеряет время между первым взаимодействием посетителя со страницей и временем реакции браузера на это взаимодействие. Это похоже на другую метрику, которую Google сообщает в своих инструментах (хотя и не является метрикой Core Web Vital): Общее время блокировки (TBT). TBT смотрит на время между началом отображения страницы и временем, когда посетитель может взаимодействовать со страницей. Эти показатели сводятся к тому, что ваш веб-сайт должен быстро реагировать на запросы посетителей, чтобы посетители тратили меньше времени на ожидание и больше времени на взаимодействие.
• Краска с наибольшим содержанием (LCP). Второй показатель скорости в Core Web Vitals от Google измеряет, когда самый большой элемент на любой странице вашего веб-сайта отображается (отображается) в браузере. LCP не является показателем общего времени загрузки. Вместо этого LCP измеряет, как долго посетитель вашего веб-сайта должен подождать, прежде чем он сможет увидеть основное содержание страницы в верхней части страницы (или над первой прокруткой на своем экране) — чем дольше люди должны ждать, тем хуже будет впечатление.
  Примечание. Google также включает совокупный сдвиг макета (CLS) в качестве основного показателя Web Vital наряду с FID и LCP.Однако CLS не является показателем скорости. Вы можете узнать больше обо всех основных функциях веб-сайта Google здесь.
  

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

Естественно, первый вопрос — насколько быстро должен загружаться ваш сайт? Какие тесты? Что требует Google? Давайте рассмотрим эти ключевые показатели.

Общие рекомендации

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

TTFB должен быть настолько быстрым, насколько это возможно. Как упоминалось выше, TTFB коррелирует с рейтингом поиска, и это исследование показало, что различия в рейтинге TTFB превышают полсекунды. В том же духе KeyCDN рекомендует отметить, что среднее значение обычно составляет 200-500 мс (от 0,2 до 0,5 секунды) и что все, что превышает полсекунды, считается медленным.

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

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

Наша рекомендация в Elementive в целом:

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

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

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

Требования Google

В 2010 году Google сделал скорость фактором, который они использовали для определения того, какое место веб-сайт должен занимать в результатах поиска. Летом 2018 года Google включил тот же фактор скорости в свой алгоритм мобильного поиска.С 2020 года Google включил эти требования к скорости в показатели Core Web Vital. Эти требования могут повлиять на ваш рейтинг в поиске, и вы должны быть максимально приближены к этим требованиям.

• Задержка первого входа (FID). FID должен быть не более 100 мс. Все, что превышает 300 мс, вызывает большее беспокойство. Если у вас быстрый сервер (измеряется TTFB) и если код легкий (измеряется, среди прочего, Start Render), то ваш сервер должен быть в состоянии быстро реагировать на взаимодействия посетителей.
• Краска с наибольшим содержанием (LCP). Самый большой элемент на странице должен загрузиться за 2,5 секунды или меньше. Все, что превышает 4 секунды, вызывает беспокойство. Если вы правильно измените размер изображений, максимально сократите JavaScript и CSS, уменьшите количество сторонних скриптов и другие подобные действия, что должно помочь улучшить LCP. Улучшение LCP также означает, что вы также сокращаете общее время загрузки вашего сайта.

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

Однако теперь, когда в мае 2021 года начнется развертывание Core Website Vitals, неясно, насколько скорость воздействия, и в частности показатели Core Web Vitals, связанные со скоростью, повлияют на производительность веб-сайта. На данный момент мы понимаем, что хорошие показатели FID, LCP и CLS на веб-странице могут привести к повышению рейтинга, в то время как низкая оценка может иметь нейтральный результат или, возможно, отрицательное влияние.

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

Влияние скорости на пользовательский опыт и конверсии

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

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

Измерение скорости

Google PageSpeed ​​Insights

Первый инструмент, который мы рассмотрим в этом руководстве, — это Google PageSpeed ​​Insights.PageSpeed ​​Insights предоставляет два типа данных: лабораторные и полевые. Полевые данные представляют собой исторический взгляд на реальных посетителей вашего веб-сайта, которые использовали браузер Chrome, и отчеты о том, как эти посетители смогли загрузить ваш веб-сайт. Поскольку полевые данные поступают от реальных посетителей, эта информация не будет доступна для новой страницы и, вероятно, недоступна для веб-сайтов с низким объемом трафика. Лабораторные данные поступают из Lighthouse и обеспечивают анализ скорости загрузки вашего веб-сайта в режиме реального времени.

Когда вы перейдете на главную страницу PageSpeed ​​Insights, введите URL-адрес страницы на своем веб-сайте и нажмите «Анализировать». Мы будем использовать Amazon в качестве примера. После того, как вы нажмете кнопку, запустится тест, после чего вы увидите страницу результатов, которая будет выглядеть примерно так.

Первая информация, которую вы увидите, — это шкала, показывающая оценку производительности веб-сайта. Эта оценка производительности основана на Lighthouse (лабораторных данных). В случае Amazon их оценка 62 на мобильных устройствах.Ниже вы можете увидеть метрики из лабораторных и полевых данных, включая FID и LCP. У вас также есть FCP, что соответствует Start Render.

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

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

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

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

Google PageSpeed ​​Insights несколько ограничен в предоставляемых данных и не содержит таких подробностей, как другие инструменты.Вот почему в Elementive мы рекомендуем и используем Web Page Test вместе с PageSpeed ​​Insights.

На домашней странице введите URL-адрес страницы, которую вы хотите протестировать. В этом случае мы протестируем главную страницу Elementive. Одна приятная особенность теста веб-страницы — вы можете выбирать разные места и устройства. Выберите место рядом с тем, где находятся ваши посетители, и выберите браузер / устройство, которое посетители, скорее всего, будут использовать. В нашем случае мы будем тестировать из Солт-Лейк-Сити, штат Юта, с помощью браузера Chrome или Firefox на настольном компьютере.

После запуска теста вы попадете на страницу результатов. Вы заметите, что эти результаты намного более подробны, чем то, что предлагает инструмент Google PageSpeed ​​Insights.

Самая важная информация содержится в таблице, которая суммирует три различных прогона теста скорости. В этом тесте домашней страницы Elementive наш TTFB составляет 0,7 секунды, что немного выше, чем мы рекомендуем. Наше время начала рендеринга составляет 1,3 секунды, что тоже немного медленнее.Общее время загрузки составляет 2,4 секунды, что соответствует нашим рекомендациям. Учитывая, что рекомендуемое время истекло, мы хотели бы копнуть глубже, чем эта таблица, чтобы увидеть, что нам нужно сделать, чтобы сократить время загрузки.

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

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

Дополнительные инструменты для проверки скорости

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

Снижение скорости вашего веб-сайта

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

Кэширование

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

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

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

В WordPress один плагин кеширования, который, как мы обнаружили, работает достаточно хорошо, — это WP Fastest Cache. Плагин хорошо работает с множеством других плагинов и тем WordPress.В подключаемом модуле доступны различные параметры конфигурации, которые помогут вам максимально повысить скорость вашего веб-сайта. Самая важная конфигурация — просто установить флажок «Включить» в параметре «Система кэширования». Вот как мы обычно настраиваем этот плагин:

Сжатие

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

Сжатие также может привести к большой экономии. В случае Elementive размер нашей домашней страницы на 67% меньше благодаря сжатию GZIP. Вы можете бесплатно проверить, поддерживает ли ваш сайт GZIP здесь. Если ваш сервер еще не сжат, это обычно довольно легко настроить, добавив код на свой веб-сайт.htaccess файл.

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

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

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

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

• PicMonkey — простой редактор с множеством функций. Они предлагают бесплатную пробную версию от 5,99 долларов в месяц.
• Pixlr — Наша рекомендация по простому и удобному редактору фотографий для базового кадрирования и изменения размера файлов в Интернете, плюс его бесплатный!
• GIMP — бесплатное приложение для редактирования изображений с открытым исходным кодом, которое можно запустить в Windows, Mac или Linux.Это делает все, что делает Photoshop, но не очень интуитивно понятный в использовании инструмент. Если вы действительно ищете альтернативу Photoshop и у вас есть более сложные потребности, это ваш путь. В противном случае Pixlr должен работать нормально.

Форматы файлов изображений

Вы можете выбрать один из нескольких форматов файлов изображений. Универсально поддерживаемые форматы изображений: GIF, PNG, JPEG и WebP. Вам нужно будет выбрать формат файла, который лучше всего подходит для изображения, с которым вы работаете. По большей части формат изображения, который вы будете использовать, будет JPEG или WebP.У Google есть подробное справочное руководство, в котором объясняются различные форматы файлов, которые вы можете использовать, и то, как решить, какой из них лучше всего подходит для вас.

Характеристики размера изображения

Нет жестких правил, когда дело доходит до идеального размера файла для изображения, но общее практическое правило — сохранять изображения небольшого размера до 10 КБ или меньше, изображения среднего размера — до 60 КБ или меньше и большие изображения 150 КБ или меньше.