Проверка скорости загрузки сайта — как ее измерить онлайн и увеличить с помощью Page Speed Insights от Google

Обновлено 28 декабря 2020

1. Онлайн сервисы для измерения скорости загрузки сайта
2. Так ли важно отслеживать скорость подгрузки страниц?
3. Page Speed — анализ скорости и советы по ее увеличению
4. Оптимизация кэширования в браузере и проверка его работы
5. Как включить сжатие статических объектов на сервере

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

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

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

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

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

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

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

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

   1. объединил некоторые картинки из темы оформления сайта в так называемые спрайты
   2. а также по возможности уменьшил путем объединения число подгружаемых файлов стилей (CSS) и скриптов
   3. кроме этого имеется смысл включить Gzip сжатие статики на сервере
   4. и оптимизировать все используемые на сайте картинки

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

   Во всплывающем окне вам предложат скопировать постоянную ссылку на проделанный тест, а также отправить его по E-mail или в Твитер. Также в нижней части окна можно подписаться на мониторинг сайта на предмет доступности. Если ваш ресурс упадет (станет недоступен для посетителей), то вам будет выслано сообщение на E-mail, либо SMS на сотовый. Но эта услуга является платной, хотя и имеется возможность бесплатного триала.

   Для измерения пинга для вашего сайта, а также для просмотра Traceroute, нужно будет выбрать в самом верху страницы вкладку «Ping and Traceroute». Вводите в предлагаемую форму Урл без http, ставите галочку в чекбокс «Traceroute» или «Ping» под этой формой, и жмете «Test now».
2. WebPageTest — как обычно, вводите Урл проверяемой страницы (не обязательно главной). Сервис некоторое время обсчитывает скорость загрузки всех элементов сайта, после чего выдает очень наглядную диаграмму (точнее даже две — за первый проход и за второй, когда уже часть элементов сайта загружаются из кеша браузера):
   На первой диаграмме уделяете внимание положению фиолетовой вертикальной линии — это будет время окончания отрисовки сайта. Вторая вертикальная линия (синяя) будет означать время полной загрузки. Хорошо, если первая линия находится на 1-1,5 секундах загрузки сайта, а вторая — раньше 4 секунд. Тогда следующие абзацы можно прочитать «для справки». Если сайт загружается дольше 4 секунд — то нужно озабачиваться исправлением этой ситуации.
3. Google PageSpeed Insights — это инструмент для разработчиков от самого Гугла. Он дает оценку скорости загрузки вашего сайта (а точнее оптимизации этой скорости) по стобальной шкале. 100 — это идеал, который недостижим, а вот 80-90 получить вполне реально, тем более, что сервис дает очень подробные рекомендации по исправлению выявленных недочетов.

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

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

   У меня, например, была проблема с настройкой gzip сжатия и с заданием времени кеширования статики (картинок, css файлов и скриптов) в браузерах пользователей, ибо у меня Апач работает в связке с nginx, а с ним я работать не умею. Пришлось писать в техподдержку Инфобокса с просьбой все настроить — сделали, и даже денежек не взяли (спасибо им!). Кстати, изначально они мне поставили время хранения кеша в 1 час, но Google PageSpeed Insights по-прежнему ругался:

   Пришлось покопаться в инструкции к этому онлайн сервису и вычитать там, что минимум нужно ставить 1 день хранения статики в кеше. Я попросил техподдержку хостинга поставить с запасом 1 неделю, что они и сделали. Теперича оценка чуток повысилась и шибко важных претензий к моему ресурсу у Гугла в плане скорости загрузки не имеется, что есть хорошо.
4. Test my Site — новый сервис опять же от Гугла. В основном он делает акцент на оценку мобильной версии вашего сайта в том числе и по критерию его скорости загрузки:
   Простенько и со вкусом, что называется. Можно подписаться на рассылку изменений.
5. GTmetrix — опять таки «не мудрствуя лукаво» вводите Урл нужной страницы и чуток ждете окончания анализа. В результате вы получите отчет, сформированный на основе данных двух плагинов для браузеров — Page Speed (читайте о работе с ним ниже) и YSlow. Собственно, каким данным доверять и чьим рекомендациям следовать — решать вам.

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

6. Ping Admin — аналогичный онлайн ресурс для измерения время ответа сервера с разных уголков нашей огромной планеты.
   
7. Host Tracker — практически то же самое, только страны другие.
8. ByteCheck — позволяет измерить значение TTFB (Time To First Byte) для вашего сайта, на который часто обращают внимание при оптимизации. Это время получения первого байта данных браузером с сервера. Чем выше значение TTFB, тем медленнее обработка ресурсов сервером, что есть плохо. Читайте советы по оптимизации загрузки сайтов.
9. Load Impact — это не совсем про скорость, но тоже важный сервис. Он позволяет протестировать нагрузочную способность вашего сайта и то, падает ли при этом скорость загрузки страниц. Весьма полезная штука.
10. Web Page Speed — онлайн-сервис с дизайном начала девяностых, но вполне себе такой информативный, если приспособитесь к отсутствию юзабилити. Внизу даются общие рекомендации по исправлению ситуации.

Так ли важно отслеживать скорость загрузки страниц?

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

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

Собственно, ничего особенно придумывать и не пришлось, ибо Google сам подсказывает наиболее оптимальное решение. Точнее, он предлагает воспользоваться инструментом, который в свою очередь поможет понять, что именно нужно предпринять для того, чтобы ваш сайт немного (или много) ускорить. Я говорю об онлайн-сервисе Page Speed (раньше были еще и одноименные расширения для браузера FireFox и Хром, которыми я в основном и пользовался).

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

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

На главной странице PageSpeed даже предлагает установить модуль на свой сервер, если он работает под управлением Apache или Nginx (как раз мой случай):

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

Вообще, в первый раз я использовал Page Speed в качестве расширения для браузера (сейчас оно, как я понял не фунциклирует). Раньше оно интегрировалось в инструменты для разработчиков в Фаерфоксе и в Хроме. Правда, попервости (несколько лет назад) я лишь мельком посмотрел какие советы он мне дает, и практически ничего не поняв решил, что это не для меня, после чего с легкой душой удалил плагин PageSpeed как не нужный и чуждый моему разуму элемент.

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

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

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

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

Page Speed — анализ скорости и советы по ее увеличению

P.S. Сейчас Page Speed можно использовать только онлайн и устанавливать его в браузер уже не требуется (во всяком случае с новыми версиями хрома этот плагин несовместим), хотя сути это не меняет.

Итак, раньше нужно было установить в свой браузер плагин, но сейчас достаточно перейти сюда, ввести Урл адрес страницы, которую вы хотите проанализировать (на разных типах страниц могут возникать разные проблемы со скоростью загрузки, посему в этом инструменте имеет смысл проверять все варианты) и нажать на синюю кнопку «Анализировать».

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

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

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

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

У меня первоначальная картина несколько лет назад (еще при использовании плагина — сейчас то же самое можно увидеть в http://gtmetrix.com/, ибо он испльзует АПИ PageSpeed) для https://ktonanovenkogo.ru была такой:

Я решил тогда начать с самого первого пункта «Leverage browser caching» (сейчас это называется «Используйте кеш браузера»), ибо по логике работы Page Speed, эти рекомендации должны привести к наибольшему ускорению моего блога.

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

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

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

Оптимизация кэширования в браузере и проверка его работы

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

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

Живет он обычно в корневой папке. Естественно, что все нижеописанное будет работать только на серверах под управлением Apache, но их, как правило, большинство. После подключения к своему ресурсу по FTP (FTP клиент FileZilla был описан мною тут), откройте корневую папку (обычно это либо PUBLIC_HTML, либо HTDOCS) и проверьте наличие в ней файла .htaccess.

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

Если .htaccess не видно, то попробуйте в программе FileZilla выбрать из верхнего меню пункты «Сервер» — «Принудительно отображать скрытые файлы». Если и после этого он в корне не проявился, то создайте у себя на компьютере пустой текстовый файл в любом удобном для вас редакторе (я пользуюсь Нотепад плюс плюс), назовите его как-нибудь и скопируйте в корень.

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

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

Сначала приведу код для модуля mod_headers. Обращаю ваше внимание, что в нем используется проверка <ifModule mod_headers.c> наличия у вашего хостера данного модуля. Если его найдено не будет, то код выполняться не будет и никаких ошибок это не вызовет. Однако, я еще раз настоятельно рекомендую предварительно скопировать оригинальный (до внесения расположенного ниже кода) файл .htaccess к себе на комп во избежание эксцессов.

<ifModule mod_headers.c>
 #кэшировать html и htm файлы на один день
 <FilesMatch "\.(html|htm)$">
 Header set Cache-Control "max-age=43200"
 </FilesMatch>
 #кэшировать css, javascript и текстовые файлы на одну неделю
 <FilesMatch "\.(js|css|txt)$">
 Header set Cache-Control "max-age=604800"
 </FilesMatch>
 #кэшировать флэш и изображения на месяц
 <FilesMatch "\.(flv|swf|ico|gif|jpg|jpeg|png)$">
 Header set Cache-Control "max-age=2592000"
 </FilesMatch>
 #отключить кэширование
 <FilesMatch "\.(pl|php|cgi|spl|scgi|fcgi)$">
 Header unset Cache-Control
 </FilesMatch>
</IfModule>

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

Можно будет еще добавить блок кода, рассчитанного на модуль для mod_expires, где опять же используется проверка его наличия на вашем сервере, что гарантирует безопасность использования этого фрагмента кода:

<ifModule mod_expires.c>
 ExpiresActive On
 #по умолчанию кеш в 5 секунд
 ExpiresDefault "access plus 5 seconds"
 #кэшировать флэш и изображения на месяц
 ExpiresByType image/x-icon "access plus 2592000 seconds"
 ExpiresByType image/jpeg "access plus 2592000 seconds"
 ExpiresByType image/png "access plus 2592000 seconds"
 ExpiresByType image/gif "access plus 2592000 seconds"
 ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"
 #кэшировать css, javascript и текстовые файлы на одну неделю
 ExpiresByType text/css "access plus 604800 seconds"
 ExpiresByType text/javascript "access plus 604800 seconds"
 ExpiresByType application/javascript "access plus 604800 seconds"
 ExpiresByType application/x-javascript "access plus 604800 seconds"
 #кэшировать html и htm файлы на один день
 ExpiresByType text/html "access plus 43200 seconds"
 #кэшировать xml файлы на десять минут
 ExpiresByType application/xhtml+xml "access plus 600 seconds"
</ifModule>

Комментарии опять же потом можно будет удалить.

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

1. <IfModule mod_expires.c>
    ExpiresActive On
    ExpiresByType application/javascript "access plus 1 year"
    ExpiresByType text/javascript "access plus 1 year"
    ExpiresByType text/css "access plus 1 year"
    ExpiresByType image/gif "access plus 1 year"
    ExpiresByType image/jpeg "access plus 1 year"
    ExpiresByType image/png "access plus 1 year"
   </IfModule>

2. <IfModule mod_headers.c>
    <FilesMatch .*\.(js|css)$>
    Header set Cache-control: private
    </FilesMatch>
    <FilesMatch .*\.(gif|jpg|png)$>
    Header set Cache-control: public
    </FilesMatch>
   </IfModule>

3. <IfModule mod_setenvif.c>
    BrowserMatch "MSIE" force-no-vary
    BrowserMatch "Mozilla/4.[0-9]{2}" force-no-vary
   </IfModule>

4. FileETag MTime Size
   <ifmodule mod_expires.c>
   <filesmatch ".(jpg|jpeg|gif|png|ico|css|js)$">
   ExpiresActive on
   ExpiresDefault "access plus 1 month"
   </filesmatch>
   </ifmodule>

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

Как видите, в моем случае «Используйте кеш браузера» уже не является критической недоработкой замедляющей загрузку, и значок рядом с этим замечанием сменился на оранжевый, но не на зеленый. К сожалению, повлиять на сторонние сервисы, откуда мой сайт подгружает статики (типа Янедкс, Гугла, Фидбернера и Аптулайка), я не в состоянии.

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

Как включить сжатие статических объектов на сервере

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

Используется при этом технология gzip, о который я уже писал. Если вы анализируете не напрямую через PageSpeed Insights, а посредством GTmetrix, то в области PageSpeed «Включить сжатие» называется «Enable gzip compression», а в YSlow — «Compress components with gzip».

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

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

<ifModule mod_deflate.c>
 AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript
</ifModule>

Чуть менее популярным модулем является mod_gzip и для него код включения Gzip сжатия для нужных типов файлов будет выглядеть так:

<IfModule mod_gzip.Content-Encoding:.*gzip.*
</IfModule>

Собственно, пробуйте и проверяйте страницу в PageSpeed Insights после установки кода. Если проблема ушла, то считайте, что вам повезло. Мне же в силу наличия Апач с nginx все это не помогло (хостер сказал, что за статику отвечает nginx, при таком раскладе и настраивать надо именно его — как он это сделал мне не ведомо).

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

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

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

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

Компания Akamai провела исследование и выяснила, что 64% покупателей, недовольных опытом использования сайта, в следующий раз пойдут за покупками в другое место

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

Давайте рассмотрим, как мобильная версия сайта выглядит с точки зрения её создания. Есть домен, он обычно выглядит так — site.ru. А мобильный сайт размещают на поддомене m.site.ru. Десктопная (компьютерная) и мобильная версии остаются доступными по одному URL с одним HTML-кодом, где URL — это адрес сайта — https://www.site.ru.\ \ Преимущества мобильного сайта:\ — Его можно максимально облегчить и ускорить на уровне кода.

— Пользователь всегда сможет переключиться на основную версию сайта на мобильном устройстве, если захочет.\ \ Недостатки:\ — Отдельный поддомен m.site.ru, а значит не единый URL. Это две разные страницы, значит и поисковая система будет воспринимать их отдельно. А значит, нужно вкладывать больший бюджет в поисковую оптимизацию.

— Его довольно долго делать, так как это по сути ещё один сайт.

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

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

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

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

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

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

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

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

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

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

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

PageSpeed Insights

PageSpeed Insights — это сервис Google, который помогает проверить скорость загрузки страницы. В PageSpeed можно увидеть информацию об изображениях, сжатии CSS и JS. 

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

Google Mobile Friendly Test

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

\ \ Если появилось зелёное объявление: «Страница оптимизирована для мобильных устройств», это не значит, что всё действительно так. Внизу появится подсказка: «Проблемы при загрузке страницы». Там будет информация о том, что Googlebot не смог загрузить. Передайте эти подсказки вашему программисту.

Яндекс.Вебмастер. Проверка мобильных страниц

Инструмент с понятным отчётом. Он дополнительно напоминает про отсутствие или наличие турбо-страницы для проверяемого URL.

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

Google Search Console

Отчёт в Google Search Console показывает удобство использования посетителями мобильной версии сайта и подсвечивает ошибки вёрстки. Отображает такие проблемы, как размер шрифта, расстояние между интерактивными элементами, наличие viewport.

Какие ещё версии сайтов существуют 

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

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

AMP-страницы в Google

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

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

PWA

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

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

Из дополнительных плюсов: через такое приложение можно отправлять push-уведомления пользователю.

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

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

Скорость загрузки сайта — обзор лучших сервисов для проверки скорости сайта

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

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

Алгоритмы поисковых систем шагнули далеко вперед по сравнению с первыми экспериментами по оценке скорости загрузки страницы как прямого фактора ранжирования.

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

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

По данным kissmetrics.com

Почему так важно работать над улучшением скорости загрузки

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

По данным kissmetrics.com

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

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

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

Сервисы проверки скорости сайта:

Ниже представлены онлайн-сервисы для теста скорости загрузки страниц. Это не рейтинг, их очередность произвольная и абсолютно не обозначает, что приоритет нужно отдавать сервису под первым порядковым номером.
1. PageSpeed Insights — простой и удобный сервис от Google. Позволяет проанализировать скорость загрузки страницы как для десктопных, так и для мобильных устройств. Доступна как русскоязычная, так и украиноязычная локализация. Сервис наглядно показывает доступные возможности оптимизации скорости загрузки, а также позволяет скачать уже оптимизированные картинки, скрипты и файлы стилей. К недостаткам сервиса можно отнести саму систему подсчета «процента оптимизированности», ведь из-за одной картинки с большим весом Вы можете увидеть «0/100» в результатах теста.

2. Web Page Performance Test — сервис имеет англоязычный интерфейс и его явным преимуществом является скорость обработки страницы.
Особенности:
— показывает наглядную временную линию загрузки ресурсов
— показывает не только полное время загрузки страницы, но и время DOMContentLoaded, что более наглядно отображает, когда пользователь сможет начать взаимодействие со страницей.
— страница проходит 3 проверки подряд, Вам предлагается сравнить показатели каждой из них
— есть возможность выбора устройства и местоположения сервера.

3. GTmetrix — удобный сервис для работы со скоростью загрузки страниц, рекомендации разбиты по категориям.
Также, как и предыдущий, наглядно показывает водопад загрузки ресурсов страницы, количество запросов и вес страницы. На вкладке Timings можно посмотреть время DOM loaded.
Преимуществом сервиса является наличие истории по ранее анализируемым страницам — Вы можете сравнить показатели с предыдущими результатами. Для зарегистрированных пользователей появляется возможность выбора сервера, браузера и качества соединения для проверки.

4. Pingdom Website Speed Test — подробно структурирует всю информацию по Вашей странице в наглядные таблицы, что позволяет буквально за пару секунд найти что же мешает быстрой работе сайта. Кроме привычных показателей показывает какие ответы сервера отдают загружаемые ресурсы. Для зарегистрированных пользователей есть возможность автоматизации проверок.

5. Monitis — сервис актуален для международных проектов — одновременно показывает скорость загрузки сайта из США, Европы и Азии.

6. Website Speed Test — сервис подойдет для быстрого анализа загружаемых элементов и отдаваемых ими ответов сервера. Доступны различные варианты месторасположения сервера, инициализирующего проверку.

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

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

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

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

Что еще может влиять на скорость загрузки сайта:

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

Количество товаров в блоках «Новинки», «Хит продаж» и других слайдерах

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

Установление вменяемого количества подгружаемых товаров для блоков «Новинки» и «Распродажа» позволило ускорить загрузку страницы в несколько раз:

Заблокированные в отдельных странах ресурсы

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

Ярким примером для Украины являются виджеты vk.com и ок.ru, а также скрипт Яндекс Метрики. Доступ к данным ресурсам заблокирован большинством провайдеров, браузер будет получать ошибку и продолжать попытки загрузить ресурс снова и снова, что негативно скажется на скорости загрузки страницы. При этом сервисы будут показывать, что все замечательно.
Внимательно проверьте код своего сайта на наличие таких элементов и примите меры — виджеты замените на кнопки перехода, для Метрики используйте альтернативный сервер.

Нагрузка на хостинг

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

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

Проблемные модули сайта

Не используйте взломанные плагины и модули для Вашей CMS. Чаще всего хакеры оставляют сюрпризы в виде исходящих ссылок или генераторов страниц.

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

Резюме:

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

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

Если же Вы хотите, чтобы ускорением Вашего сайта занялись всесторонне и профессионально — обращайтесь к нам в Q-SEO и результаты превысят все Ваши ожидания!

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

Комментарии

Комментарии

Как узнать скорость загрузки сайта: анализ, оценка, оптимизация

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

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

Google Analytics

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

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

Какие же действия необходимо выполнить для использования функционала Google Analytics?

1. Необходимо завести аккаунт Google и авторизоваться в системе.
2. Перейти по адресу www.analytics.google.com.
3. Создать учетную запись для сайта, если ее нет.
4. Выбрать соответствующее представление.

Интерфейс Google Analytics

5. Во вкладке “Отчеты” кликнуть по пункту “Поведение”.

Вкладка “Отчеты”, пункт “Поведение” в Google Analytics

6. Жмем по ссылке “Скорость загрузки сайта”.

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

Подпункт “Время загрузки страниц в Google” Analytics

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

Дополнительные параметры подпункта “Время загрузки страниц”

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

Подпункт “Ускорение загрузки” в Google Analytics

Для новичков в Google Analytics присутствует подробное руководство по работе с ресурсом с удобным и функциональным поиском по ключевым словам.

Поиск по ключевым словам в Google Analytics

PageSpeed Insights

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

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

PageSpeed Insights отображает следующие результаты:

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

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

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

• красный – выполнение рекомендаций приведет к изрядному повышению скорости загрузки;
• желтый – простые исправления улучшат работу ресурса;
• зелёный – проблем нет или они практически не отражаются на эффективности работы сайта.

Проверить реакцию любой интернет-страницы можно, перейдя по ссылке www.developers.google.com/speed/pagespeed/insights/. В строку поиска вставляем интересующий URL и жмем “Анализировать”.

Анализ быстродействия сайта посредством PageSpeed Insights

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

Результаты анализа сайта по PageSpeed Insights

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

Консоль разработчика Google Chrome

Проверить скорость загрузки сайта можно также при помощи браузера Google Chrome и консоли отладчика. Для того чтобы выполнить проверку, зайдите на интересующий вас сайт и нажмите клавишу F12. После этого откроется окно разработчика – перейдите на вкладку “Network” и обновите страницу с помощью нажатия клавиши F5. По мере загрузки страницы можно будет увидеть перечень прогружаемых файлов (изображений, скриптов и т.п.), а также количество времени, которое потребовалось на загрузку того или иного элемента.

Анализ скорости сайта с помощью консоли разработчика Google Chrome

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

GTmetrix

С помощью зарубежного сайта GTmetrix можно проанализировать скорость страниц через Google PageSpeed и YSlow. Для проверки используется единый сервер, расположенный в Ванкувере. Эксплуатация ресурса аналогична: вставляем адрес и жмем “Analyze”.

Интерфейс сервиса GTmetrix

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

Результаты проверки сайта посредством GTmetrix

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

Для продвинутых пользователей пригодится вкладка “Waterfall”, на которой отображаются все файлы, найденные на странице и скорость их загрузки. Интерфейс вкладки весьма похож на интерфейс консоли разработчика в Google Chrome или инструмент Firebug Net Panel для Mozilla Firefox.

Кнопка “Download PDF” скачает на ПК отчет по сайту в формате PDF. Результаты тестирования можно сохранить, что дает возможность сравнить их с итогами тестов после внедрения исправлений.

WebPage Analyzer

Процесс проверки с помощью WebPage Analyzer является практически аналогичным предыдущим онлайн-сервисам – вставляем URL-адрес веб-ресурса и жмем кнопку “Отправить”:

Интерфейс онлайн-сервиса WebPage Analyzer

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

Статистика сайта по WebPage Analyzer

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

Объекты проверяемой страницы – WebPage Analyzer

После данной таблицы находятся подробные характеристики и рекомендации по исправлению ошибок:

Рекомендации по оптимизации файлов страницы WebPage Analyzer

Pingdom

Предлагает простой тест скорости загрузки страницы с возможностью изменения места расположения сервера (Австралия, США, Швеция).

Открываем адрес https://tools.pingdom.com/, вставляем ссылку на интересующий сайт, определяемся с сервером и кликаем “Start test”.

Интерфейс онлайн-сервиса Pingdom

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

Показатели скорости загрузки сайта – Pingdom

Ниже в сводной таблице проверки отображаются данные по каждому запросу к серверу (java-скрипты, различные стили, медиафайлы и т. п.).

Перечень объектов страницы и время их загрузки – Pingdom

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

WebPagetest

Данный онлайн-инструмент позволяет проводить простые и расширенные тесты с указанием массы параметров:

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

Что же необходимо, чтобы проверить скорость ответа сайта?

1. Для быстрой проверки кликаем по ссылке http://www.webpagetest.org и активируем вкладку “Simple Testing”.
2. Вставляем адрес ресурса в текстовую форму, указываем скорость соединения (мобильный интернет, 3G, высокоскоростное подключение) и жмем “Start test”.

Интерфейс онлайн-инструмента WebPagetest

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

Результаты проверки сайта с помощью WebPagetest

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

Load Impact

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

Вставляем адрес ресурса и кликаем “Run free test”:

Load Impact – интерфейс сервиса

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

Результирующий график проверки нагрузки на сайт

WhichLoadFaster

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

Проверка сайтов через сервис WhichLoadFaster

После вставки ссылок на интересующие ресурсы и щелчка по пиктограмме “GO” начнется загрузка сайтов, а результаты проверки будут в реальном времени визуализироваться на экране, разделенном надвое:

Сравнение сайтов с помощью WhichLoadFaster

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

Анализ каждого из двух сайтов отдельно – WhichLoadFaster

Анализирует посещение URL с серверов, расположенных по всему земному шару, показывая информацию о каждом соединении. Алгоритм проверки выглядит аналогично другим похожим сервисам – необходимо просто вставить URL и нажать кнопку “Start test”:

Интерфейс инструмента Monitis Tools

Это один из немногих сервисов, разгружающих себя от роботов благодаря использованию сервиса капчи для запуска теста. По окончанию проверки на экране отобразится отчет, где красным цветом на временной линии отображаются файлы, отрицательно влияющие на показатель скорости загрузки сайта. Испытать сервис можно по ссылке: http://www.monitis.com/pageload/.

Результаты проверки сайта через Monitis Tools

Проверка осуществляется с помощью трех различных местоположений серверов – США (United States), Европа (Europe), Азия (Asia/Pacific).

PR-CY

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

Вставляем ссылку в форму по URL http://pr-cy.ru/speed_test/ и кликаем “Анализировать”.

Анализ веб-сайта с помощью PR-CY

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

Перечень ошибок и рекомендации по исправлению – PR-CY

Seo28

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

Проверка сайта посредством онлайн-инструмента Seo28

Также сервис предлагает постоянную ссылку на результаты проверки скорости ресурса.

Выводы

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

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

Автор статьи:

Олег Скрып

Руководитель компании ApollonGuru, ментор SEO-материалов vc.ru. В интернет-маркетинге с 2012 года. Люблю чтобы все было четко.

Похожие статьи

Будем признательны за каждый лайк:

Как скорость загрузки сайта влияет на SEO? – Artjoker

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

 

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

 

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

 

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

 

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

 

Инструменты для оценки скорости:

 

 

Для мобильных страниц рекомендуется использовать специальный инструмент – Google Lighthouse. Он может работать при слабом сигнале и даже офлайн.

 

В ходе проверки инструменты сравнивают вас с «идеальными» показателями по таким критериям: качество вёрстки в HTML, CSS и JS; уровень пинга из разных городов; использование кеша; количество переходов со страницы на страницу и др. После анализа страницы приложение предложит рекомендации, с помощью которых можно увеличить скорость загрузки сайта целиком для Google.

 

 

Хорошая скорость загрузки сайта (норма)

 

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

 

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

 

Поэтому для сайта хорошим временем загрузки является 1,07-1,12 секунды, а по скорости загрузки сайта 173-205 Кб/с. Однако если тест проверка скорости загрузки сайта онлайн от Google показывает цифры ниже этой, не спешите паниковать – у этой компании другие параметры оценки сайта.

 

Требования Google к скорости загрузки сайта

 

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

 

Для десктопных версий сайтов цифры выглядят так:

 

• Хорошая скорость – менее 1 секунды;
• Средняя – от 1 до 2,1 секунды;
• Плохая – более 2,1 секунды.

 

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

 

• Хорошая скорость – менее 1,6 секунды;
• Средняя – от 1,6 до 3 секунд;
• Плохая – более 3 секунд.

 

Отметим, что в понятие «нормальная скорость» входит и хорошая, и средняя – под санкции от Google попадает только самая медленная категория.

 

Как увеличить скорость загрузки страниц сайта для Google?

 

Наиболее простой способ повысить скорость загрузки страницы сайта в секундах – применить советы, которые предлагает Google PageSpeed Insights.

 

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

1. Сократите HTTP-запросы. Сделать это можно, объединив все CSS и JavaScript в один файл. Также можно минимизировать ресурсы, удалив лишние пробелы в файлах;
2. Используйте завершающий слэш. Это снизит время поиска и позволит увеличить скорость загрузки интернет сайтов;
3. Оптимизируйте изображения и видео. Нет смысла загружать фотографии с высоким разрешением на мобильный сайт. Сжимайте и конвертируйте для экономии места.

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

Скорость сайта — как проверить скорость загрузки страниц сайта, время отклика сервера

Оглавление:

1. Google PageSpeed Insights
2. Pingdom Tools
3. WebPageTest
4. GTmetrix
5. WhichLoadFaster
6. Web Page Performance Test
7. Uptrends.com
8. PR-CY
9. Sitespeed
10. Load Impact

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

Google PageSpeed Insights

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

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

Pingdom Tools

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

Большой плюс Pingdom Tools в том, что можно вручную выбрать, с серверов какой страны будет имитироваться посещение сайта. К сожалению, Россия недоступна, но есть европейские страны.

WebPageTest

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

GTmetrix

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

• интуитивно-понятный и привлекательный интерфейс;
• можно вручную установить скорость соединения;
• встроена оценка от Yahoo для зарубежного продвижения;
• доступна выгрузка подробного отчета в формате PDF;
• есть опция регулярного отслеживания скорости сайта.

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

WhichLoadFaster

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

Web Page Performance Test

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

Uptrends.com

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

PR-CY

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

Sitespeed

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

Load Impact

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

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

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

Обновлено 20.05.2021

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

 

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

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

1. pingdom.com

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

и так в поле теста, вводи адрес вашего ресурса и жмем Test now

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

2. Google PageSpeed Insights

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

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

3. webpagetest.org

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

Следующим идет пункт Waterfall View, подпробный срез загрузки всех ваших файлов.

И на последок подробная таблица проверки скорости загрузки сайта. Согласитесь очень круто.

4. gtmetrix.com

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

так же есть вкладка Waterfall со всеми загружаемыми файлами

и фишка данного ресурса оценка скорости загрузки сайта за год, в виде графика.

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

5. loadimpact.com

Замыкает пятерку сервис loadimpact, после того как он отработает у вас будут данные в виде, где лежит ваш сайт и от куда по карте на него обращаются, в этот момент производится оценка скорости загрузки сайта

после чего вы получаете список результатов с разных точек планеты.

Надеюсь у вас теперь не стоит вопрос как проверить скорость загрузки вебсайта. Работайте над своими проектами и делайте их лучше. Материал сайта pyatilistnik.org

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

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

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

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

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

Как скорость веб-сайта влияет на его производительность?

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

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

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

• Сайты с медленной загрузкой отталкивают пользователей .Статистика показывает, что каждый четвертый посетитель покидает платформу, загрузка которой занимает более четырех секунд.
• Негативно влияет на коэффициент конверсии . Каждая лишняя секунда, потраченная на ожидание платформы, означает на 7% меньше конверсий. Если это не создает у вас мрачной картины, подумайте об этом. На каждые 10 000 долларов, которые вы зарабатываете в месяц, одна дополнительная секунда отнимает еще 700 долларов.
• Низкая производительность губительна для платформ интернет-магазинов . Оставление корзины напрямую связано с производительностью веб-сайта.Низкая скорость — основная причина 75% отмененных и незавершенных онлайн-покупок.
• Скорость влияет на репутацию . Первое впечатление имеет первостепенное значение для бизнеса. Исследования показали, что более 2/3 пользователей воспринимают компании по эффективности их сайтов. Если ваша цель — оказать положительное влияние на посетителей, вы должны спросить себя: «Насколько быстро работает мой веб-сайт и что я могу сделать, чтобы его улучшить?»
• Быстрые сайты улучшают поисковую оптимизацию . Согласно блогу Google для веб-мастеров, поисковые системы учитывают скорость загрузки страницы во время ранжирования.Вот почему вы должны стремиться сделать свой сайт быстрее, если хотите повысить SEO и входящий трафик.

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

Какое оптимальное время загрузки страницы для максимизации коэффициента конверсии? Как выяснили эксперты квалифицированного.co, веб-страницы, которые загружаются менее чем за 2 секунды, имеют лучшие результаты с коэффициентом конверсии более 1,9%!

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

Проверьте кеш и CDN перед выполнением тестов

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

Протестируйте веб-сайт из разных геолокаций

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

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

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

Различные инструменты для разных сайтов

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

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

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

Ответ прост: оптимизируйте свою платформу с помощью анализаторов веб-сайтов.

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

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

1. Google PageSpeed ​​Insights

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

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

Введите адрес платформы.PageSpeed ​​Insights проверит варианты вашей страницы для мобильных устройств и компьютеров и выставит вам оценку от 0 до 100 баллов. Бесплатный инструмент Google поможет вам набрать наивысший балл, предоставив полезные и подробные советы по улучшению.

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

2. GTmetrix

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

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

3. Pingdom

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

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

4. Восходящие тренды

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

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

5. WebPageTest

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

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

6. IsItWP

Хотите найти верный ответ на вопрос: «Насколько быстро работает мой веб-сайт?» IsItWP — это бесплатный сервис на базе WordPress, который позволяет тестировать скорость загрузки страницы и получать точные результаты.

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

7. Neustar

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

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

8. Проверка байта

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

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

9. Geekflare

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

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

10. WhichLoadsFaster.com

Пора определить, какой сайт самый быстрый! WhatLoadsFaster — отличный и простой способ узнать, сможете ли вы победить своих конкурентов.

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

11. Bitcatcha

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

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

12. Dotcom-tools

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

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

13. Chrome DevTools

Как насчет отличного инструмента для людей, которые предпочитают браузер Google (и Microsoft Edge Chromium в ближайшем будущем)? Chrome DevTools — невероятно популярное бесплатное расширение для анализа вашего сайта.

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

14. New Relic

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

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

15. Анализатор веб-страниц

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

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

16. Dareboost

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

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

17. WebSitePulse

В бесплатной версии WebSitePulse вы можете проверить скорость веб-сайта с трех глобальных серверов (один находится в США, а другие — в Германии и Австралии). Тем не менее, это мощный и надежный инструмент для проверки доступности URL и анализа внутренних веб-объектов.

Проверенные данные включают время для DNS, подключения, перенаправления, а также первый и последний байты.Вы можете выбрать способ отображения информации в конце теста скорости веб-сайта. Например, диаграмма может быть на Java или Flash, или вы можете сохранить ее как файл PNG.

18. Сайт 24 × 7

Сайт 24 × 7 — это потрясающий бесплатный тест производительности веб-сайта, который проводится в 88 местах по всему миру.

Просто введите URL-адрес своего сайта, и вы получите исчерпывающую информацию о DNS, первом байте и данных рендеринга. Сайт 24 × 7 отображает эту информацию для каждого из своих 88 местоположений серверов.

19. Pagelocity

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

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

20. Нибблер

Мы завершаем эту вершину еще одним простым, но мощным анализатором.Nibbler выполнит быстрый тест и оценит важные области вашего сайта.

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

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

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

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

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

Подробнее:

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

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

Не волнуйтесь! Все, что вам нужно сделать, это проверить скорость вашего сайта, чтобы сохранить трафик. И в этом блоге я подобрал несколько отличных БЕСПЛАТНЫХ инструментов, чтобы вы могли проверять скорость веб-сайта в режиме реального времени.

Перейдем к списку ниже.

Бесплатные инструменты для проверки скорости веб-сайта

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

1. Скорость страницы в Интернете

Это один из лучших бесплатных инструментов, доступных в Интернете от Google.Позвольте мне сказать вам, что этот инструмент является адаптацией популярного расширения браузера для веб-разработки Google Chrome. Для чего нужен этот инструмент? Page Speed ​​в основном анализирует производительность вашего веб-сайта в соответствии с лучшими практиками Google. Кроме того, вы можете включить отчет о передовых методах работы с мобильными устройствами для обеспечения оптимальной производительности. В целом, это лучший из всех инструментов, о которых я расскажу ниже.

2. Google PageSpeed ​​Insights

Известный инструмент, доступный на рынке, — это Google PageSpeed ​​Insights .Это незаменимый инструмент для тестирования и оценки вашего сайта. Google оценивает их по шкале от 1 до 100 как для мобильных, так и для настольных компьютеров. Чем выше число, тем быстрее работает веб-сайт. После выполнения полного теста вы получите подробную информацию, такую ​​как размер страницы, код блокировки и так далее. Чтобы использовать этот инструмент, вам даже не нужна регистрация.

3. GTmetrix

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

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

Еще один известный и наиболее часто используемый бесплатный инструмент для тестирования скорости — это Pingdom Speed ​​Test.Вам не нужно входить в систему, чтобы использовать, а отчеты менее подробны. Тем не менее, этот инструмент ставит вашему сайту оценку от 0 до 100. Тем не менее, это очень надежный инструмент для мониторинга производительности вашего сайта. Да, с помощью этого инструмента вы можете легко отслеживать время безотказной работы, производительность и взаимодействие вашего веб-сайта, чтобы повысить удобство работы пользователей.

5. YSlow

Как следует из названия, этот инструмент позволяет анализировать скорость веб-сайта и объяснять, почему ваш веб-сайт медленный. Более того, этот инструмент помогает определить эффективность на основе правил Yahoo.Что ж, вы получите этот инструмент, установив бесплатные расширения Chrome, Firefox, Opera, Safari и т. сайт.

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

Перед вами

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

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

20 способов ускорить работу вашего сайта и повысить конверсию на 7%

Думаете, что ускорение вашего сайта не важно?

Большая ошибка.

задержка в одну секунду во время загрузки страницы дает:

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

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

Этого не избежать.

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

Как оптимизация скорости веб-сайта влияет на конверсию

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

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

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

Да, вы правильно прочитали.

Уже одно это является огромным ударом по вашим потенциальным конверсиям.

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

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

Это исследование также показало, что задержка в одну секунду может снизить удовлетворенность клиентов примерно на 16%.

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

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

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

По окончании оптимизации скорости веб-сайта Walmart сообщил следующие результаты:

• За каждую секунду увеличения скорости сайта конверсия увеличивалась на 2%.
• На каждые 100 мс улучшения они увеличивали дополнительный доход до 1%.

В другом исследовании взаимосвязь между временем загрузки и коэффициентом конверсии показала снижение коэффициента конверсии на 25% всего за одну дополнительную секунду времени загрузки.

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

Как узнать, что убивает ваши конверсии

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

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

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

Вы слышали об этом верно?

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

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

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

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

Это , полная противоположность тому, как раньше работал индекс.

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

Это уже не так.

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

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

Почему мой сайт медленный?

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

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

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

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

Какое время загрузки страницы хорошее?

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

Это может быть сложно, если вы не знаете, какова приемлемая скорость страницы.

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

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

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

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

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

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

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

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

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

Как ускорить работу вашего сайта в 2019

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

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

И если это число звучит ошеломляюще — не волнуйтесь.

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

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

Имея это в виду, приступим.

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

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

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

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

Если вы используете Google Chrome, вы можете использовать инструменты разработчика браузера, чтобы узнать, сколько HTTP-запросов отправляет ваш сайт.

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

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

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

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

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

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

Теперь, когда вы знаете, сколько запросов делает ваш сайт, вы можете приступить к сокращению этого количества. Лучше всего начать с файлов HTML, CSS и JavaScript.

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

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

Вы можете уменьшить это число, «уменьшив» и объединив файлы.Это уменьшает размер каждого файла, а также общее количество файлов.

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

Минимизация файла включает удаление ненужного форматирования, пробелов и кода.

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

Объединение файлов — это именно то, на что это похоже. Если на вашем сайте работает несколько файлов CSS и JavaScript, вы можете объединить их в один.

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

Если у вас установлен этот плагин, перейдите на вкладку «Статические файлы» и отметьте файлы, которые вы хотите минимизировать и объединить.

Это может включать файлы HTML, CSS и JavaScript, а также шрифты Google.

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

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

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

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

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

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

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

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

Используя ту же вкладку «Статические файлы» в плагине WP Rocket, проверьте параметры рядом с «Блокировка рендеринга CSS / JS».

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

4. Отложить загрузку JavaScript

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

Если у вас есть сайт WordPress, вы можете использовать упомянутый выше плагин WP Rocket, чтобы легко включить отложенную загрузку JavaScript. Просто установите флажок рядом с «Загружать файлы JS с задержкой», и все готово.

Если у вас есть сайт HTML, вам нужно разместить вызов внешнего файла JavaScript непосредственно перед тегом , который выглядит примерно так:

Для получения дополнительной информации ознакомьтесь с этим руководством по отложенной загрузке JavaScript .

5. Минимизировать время до первого байта

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

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

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

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

1. Поиск DNS
2. Обработка сервера
3. Ответ

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

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

Чтобы получить доступ к этой информации в Инструментах разработчика, щелкните вкладку «Сеть» и наведите указатель мыши на верхний элемент в столбце «Водопад».

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

Если TTFB меньше 200 мс, вы в хорошей форме.

Если нет, то в корне может быть несколько разных проблем.

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

Из этих четырех факторов вы можете контролировать два: создание динамического контента и конфигурацию сервера.

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

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

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

6. Уменьшить время отклика сервера

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

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

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

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

Ваш интернет-провайдер выполнит поиск в DNS, чтобы найти IP-адрес, связанный с этим URL-адресом.

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

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

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

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

7. Выберите подходящий вариант хостинга для своих нужд

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

При выборе хостинга у вас есть три разных варианта:

• Общий хостинг
• Хостинг VPS
• Выделенный сервер

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

При виртуальном хостинге вы разделяете определенные ресурсы, такие как ЦП, дисковое пространство и ОЗУ, с другими сайтами, размещенными на том же сервере.

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

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

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

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

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

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

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

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

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

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

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

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

Вы можете ускорить загрузку, сжав ее.

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

Просто введите свой URL и нажмите «Проверить». Если страница, которую вы вводите, не сжата, вы увидите что-то вроде этого:

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

Ниже вы увидите анализ того, насколько вы потенциально можете уменьшить размер страницы с точки зрения размера и процента с помощью такого инструмента, как Gzip (к которому мы вернемся на следующем шаге).

Это сжатие включает файлы HTML, CSS, JavaScript, обычный текст и XML.

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

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

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

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

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

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

Если вы не уверены, включен ли на вашем сайте Gzip, вы можете использовать checkgzipcompression.com , чтобы увидеть. Просто введите URL своего сайта, и если у вас включен Gzip, вы увидите что-то вроде этого:

Если у вас не включен Gzip, вам нужно исправить это как можно скорее.

Если ваш сайт работает на WordPress, плагины WP Rocket и W3 Total Cache поддерживают включение Gzip.

В W3 Total Cache все, что вам нужно сделать, это установить флажок «Включить сжатие HTTP (gzip)».

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

Также существует аналогичная версия необходимого кода для серверов NGINX.

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

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

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

Вот как это объясняет Tenni Theurer , ранее работавший в Yahoo:

Когда кто-то впервые заходит на ваш веб-сайт, он должен загрузить HTML-документ, таблицы стилей, файлы javascript и изображения, прежде чем сможет использовать вашу страницу. Это может быть целых 30 компонентов и 2,4 секунды.

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

В тесте Терера это было всего три компонента и 0,9 секунды, что сократило время загрузки почти на 2 секунды.

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

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

Увеличьте скорость вашего сайта в WordPress с помощью W3 Total Cache

Если у вас сайт WordPress, вы можете использовать плагин, например W3 Total Cache , чтобы легко включить кеширование.

После установки перейдите к «Кэш страницы» в разделе «Общие настройки» и установите флажок «Включить».

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

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

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

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

Эта функция также находится в ваших общих настройках.

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

После того, как вы настроите свои настройки, вы сразу увидите улучшение времени загрузки. W3 Total Cache утверждает, что его пользователи увидели 10-кратное улучшение результатов Google PageSpeed ​​и до 80% экономии полосы пропускания после полной настройки плагина.

Если у вас есть статический HTML-сайт, вы можете включить кеширование в файле .htaccess.

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

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

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

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

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

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

Но удалить их совсем не вариант.

Подумайте вот о чем: средняя конверсия на сайте электронной коммерции колеблется в пределах 1-3%

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

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

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

Это также означает, что сжатие изображений имеет решающее значение — и это важно, есть ли на вашем сайте магазин электронной коммерции или нет.

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

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

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

Фактически, в одном исследовании изменение размера изображений с 22 МБ до 300 КБ привело к сокращению времени взаимодействия на на 70%.

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

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

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

Затем вы можете сжать файлы изображений с помощью нескольких различных инструментов.

Если ваш сайт работает на WordPress, WP Smush — отличный вариант.

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

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

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

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

(Если вы не уверены, что лучше, продолжайте читать — мы вернемся к этому через минуту.)

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

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

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

У вас есть несколько различных вариантов, наиболее распространенными из которых являются JPG, PNG и GIF .

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

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

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

С другой стороны,

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

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

Наконец, GIF-файлы следует использовать только для небольшой или простой графики размером менее 10 × 10 пикселей, цветовой палитры из 3 или менее цветов, а также для анимированных изображений.

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

В HTML код изображения включает это:

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

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

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

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

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

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

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

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

CDN, или сеть доставки контента, может помочь вам устранить эти проблемы.

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

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

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

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

В одном эксперименте VentureHarbor сообщил об уменьшении времени загрузки в диапазоне от 20 до 51%, — для 20 минут работы.

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

Если вы хотите начать использовать CDN, лучше всего подходят MaxCDN и Cloudflare .

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

Cloudflare, с другой стороны, сочетает сервис CDN с функциями безопасности и оптимизации.

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

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

Если вы выберете MaxCDN, вы начнете с создания «вытягивающей зоны». Нажмите «Зоны» в панели администратора.

Затем нажмите «Создать зону извлечения».

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

После нажатия кнопки «Создать» вы увидите URL-адрес своего CDN, например cdn.yourdomain.netdna-cdn.com. Скопируйте это в блокнот или другое легкодоступное место. (Он понадобится вам через несколько минут.)

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

Обычно это cdn.yourdomain.com, cdn1.yourdomain.com, cdn1.yourdomain.com, cdn3.yourdomain.com и т. Д.

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

Вы можете добавить до семи пользовательских доменов, затем нажмите «Обновить».

Затем вам нужно будет добавить новый CDN на свой сайт с помощью редактора DNS вашего хостинг-провайдера. Точное местоположение зависит от провайдера, но в большинстве случаев вы можете найти редактор DNS в меню «Домены».

В Bluehost это меню называется «Редактор зон». Если вы используете Bluehost, нужные вам поля будут выглядеть следующим образом.

Введите URL-адрес, предоставленный MaxCDN (скопированный и вставленный из блокнота), установите для Типа значение «CNAME» и один из созданных вами пользовательских доменов CDN (например, cdn.yourdomain.com).

Затем повторите этот процесс для всех своих поддоменов.

Готово!

А если вы хотите использовать Cloudflare, , то процесс еще проще .

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

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

Выберите нужный план и нажмите «Обработать и продолжить».

Затем вы увидите серверы имен Cloudflare для своего домена. Затем вам нужно будет обновить серверы имен для своего домена.

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

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

Затем переключите свои предпочтения на «Использовать настраиваемые серверы имен» и скопируйте и вставьте сервер имен, предоставленный Cloudflare.

Сохраните изменения, затем вернитесь на панель управления Cloudflare, чтобы убедиться, что вы правильно установили CDN. Перейдите на вкладку «Обзор», и, если ваша сеть CDN работает, вы увидите код статуса «Активен».

Если да, значит ваш CDN работает!

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

Если вы еще не видите эти записи, они появятся в течение 24 часов.

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

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

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

Это особенно важно для видео.

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

Что теперь?

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

Не делайте этого.

Когда вы размещаете видео на собственном сервере, они занимают тонн места. Видео файлы могут легко занимать более 100 МБ.

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

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

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

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

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

Не делайте этого со своими посетителями.

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

Затем разместите видео на своем сайте.

Этот процесс экономит место, сокращает время загрузки и чрезвычайно прост в исполнении.

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

YouTube

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

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

Это также совершенно бесплатно.

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

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

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

Vimeo

После YouTube, Vimeo является второй по величине платформой видеохостинга с 715 миллионами просмотров в месяц .

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

С другой стороны, его стандартный видеопроигрыватель выглядит немного лучше, чем YouTube.

Однако важно отметить, что Vimeo имеет ограничения на загрузку контента.

В то время как базовое членство позволит вам загружать 500 МБ в неделю и до 5 ГБ в целом, их три платных плана варьируются от 7 до 50 долларов в месяц, с хранилищем от 250 ГБ до 5 ТБ.

Wistia

Wistia немного отличается от YouTube и Vimeo тем, что он разработан с учетом требований маркетинга.

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

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

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

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

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

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

И если вы используете HubSpot или Marketo, он может быть полностью интегрирован с обеими этими платформами.

Самым большим недостатком Wistia является то, что его бесплатный план включает только три видео.

Кроме того, платные планы стоят более 99 долларов в месяц.

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

Выберите «Встроить» и скопируйте HTML-код, предоставляемый вашей платформой.

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

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

Для WordPress: переключитесь в текстовый редактор и сделайте то же самое.

Вот пример того, как выглядит видео Wistia, встроенное в сообщение в блоге WordPress:

14. Оптимизация доставки CSS

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

Внешний CSS загружается в заголовок вашего HTML с кодом, который выглядит примерно так:

Встроенный CSS вложен в HTML вашей страницы и выглядит так:

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

Это уменьшает размер вашего кода и создает меньше дублирования кода.

При настройке стилей также лучше использовать только одну внешнюю таблицу стилей CSS, поскольку дополнительные таблицы стилей увеличивают количество HTTP-запросов.

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

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

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

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

Просто скопируйте содержимое каждого имеющегося у вас файла CSS и вставьте его в один основной файл .

Затем обновите свой HTML, чтобы он ссылался на этот новый файл, и удалите все ссылки на старые файлы.

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

Как только вы это сделаете, вы можете использовать PageSpeed ​​Insights , чтобы убедиться, что у вас нет проблем с CSS, блокирующим рендеринг.

Если у вас есть ресурсы сценария блокировки, вы увидите их в разделе «Предложения по оптимизации.”

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

15. Приоритет содержимого верхней части страницы (отложенная загрузка)

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

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

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

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

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

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

Это может значительно сократить время загрузки сообщений с большим количеством изображений (например, этого).

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

Ленивая загрузка

Lazy Load — чрезвычайно простой плагин, который использует jQuery.sonar для загрузки изображений только тогда, когда они видны в браузере пользователя.

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

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

В любом случае: если вы ищете быстрое и простое решение, то вот оно.

BJ Ленивая загрузка

BJ Lazy Load — еще один относительно простой плагин, но он предлагает еще несколько вариантов настройки.

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

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

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

Таким образом, плагин знает, что изображение загружается как обычно.

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

Плагин также поддерживает бесконечную прокрутку.

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

WP Ракета

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

Откройте настройки WP Rocket, затем щелкните вкладку «Основные». В разделе LazyLoad установите флажок «Включить для изображений».

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

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

Просто откройте страницу, затем прокрутите вниз до поля «Параметры кэша» на правой боковой панели. Затем снимите флажок рядом с «LazyLoad for Images» и сохраните изменения.

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

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

Вы можете скопировать и вставить эти фрагменты из руководства WP Rocket по настройкам отложенной загрузки .

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

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

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

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

Вы также можете найти этот фрагмент в руководстве по ленивой загрузке от WP Rocket .

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

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

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

Plus, они очень просты в установке.

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

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

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

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

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

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

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

Проверьте свои плагины

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

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

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

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

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

Если у вас много плагинов, этот процесс может занять некоторое время.

К счастью, есть альтернатива: установка другого плагина.

… да, я вижу здесь иронию.

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

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

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

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

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

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

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

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

Но сегодня многие темы имеют встроенную функцию контактной формы.

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

Выявить дублирование функциональности

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

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

Например, плагины WP Rocket и WP Total Cache на этой странице чрезвычайно полезны для повышения скорости сайта, и оба они являются отличными вариантами.

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

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

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

Удалите плагины для задач, которые вы можете выполнять вручную

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

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

Если у вас установлен плагин Insert Headers and Footers (или аналогичный) для редактирования других частей вашего тега заголовка, вы можете скопировать код Google Analytics из панели администратора, а затем вставить его сюда.

Сохраните изменения, и ваш код отслеживания будет установлен.

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

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

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

Перейдите на страницу Google Fonts и выберите шрифт, который хотите использовать на своем сайте.В разделе «Встроить» вы увидите коды HTML и CSS для этого шрифта.

Добавьте HTML-код в свой заголовок и CSS в таблицу стилей CSS вашего сайта, где бы вы ни хотели использовать выбранный шрифт.

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

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

Перенаправления часто необходимы при перемещении и удалении страниц и являются лучшим способом устранения проблем с неработающими ссылками.

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

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

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

Тем не менее, в большинстве случаев есть возможности для улучшения.

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

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

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

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

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

18. Уменьшить внешние скрипты

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

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

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

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

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

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

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

Но если они не стоят того, чтобы снижать скорость загрузки страницы , удалите их.

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

19.Отслеживайте свою скорость с течением времени

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

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

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

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

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

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

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

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

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

Вся эта информация включена в бесплатную версию инструмента.

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

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

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

20. Монитор скорости мобильной страницы

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

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

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

Вы можете начать с использования инструмента Google Test My Site для проверки скорости вашей страницы. Для начала просто введите свой URL.

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Достаточно ли быстр ваш сайт? 5 различных способов измерения

Знаете ли вы, насколько быстро работает ваш веб-сайт?

Это вопрос, который меня мучил долгое время.

В моем последнем посте я объяснил, как медленный веб-сайт может действительно навредить количеству посетителей и продажам.Я показал вам, как Amazon потеряет невероятные 1,6 миллиарда долларов, если они замедлятся!

Скорость веб-сайта действительно имеет значение!

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

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

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

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

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

Скорость веб-сайта зависит от множества факторов.В простом разбиении есть две основные части:

a. Скорость вашего сервера

Скорость вашего сервера — это ваш двигатель. Это основа вашего веб-сайта.

Это определяется производительностью и местоположением вашего веб-хоста.

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

То же самое и с вашим сайтом.

Скорость вашего главного сервера — это первое, что указывается в списке.

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

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

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

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

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

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

1. Bitcatcha Server Speed ​​Checker

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

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

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

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

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

Google сказал, что им нужно время отклика сервера 200 мс, так что стремитесь к этому!

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

>> Проверьте скорость вашего сервера прямо сейчас

2. Google Page Insights

В течение многих лет Google четко давал понять, что скорость имеет значение.

«Мы в Google одержимы скоростью. Более быстрые сайты создают счастливых пользователей ».

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

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

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

Они также предоставят вам полную разбивку всех факторов, замедляющих работу вашего сайта, с упорядоченным списком. Вот что получится, когда вы поместите веб-сайт New York Times в Page Insights.

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

>> Попробуйте Page Insights прямо сейчас

3. WhichLoadsFaster.com

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

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

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

Apple против Adobe
Победитель: Adobe

Google против Bing
Победитель: Bing

Facebook vs Twitter

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

>> Попробуйте WhichLoadsFaster.com

4. K6 (ранее Load Impact)

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

А что, если к вам вдруг прилетит поток посетителей? Что, если на ваш сайт зашло сразу 100 000 человек? Если вы запускаете большую рекламную кампанию или запускаете продукт, это может произойти.И к этому нужно быть готовым!

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

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

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

>> Попробуйте K6 сейчас

5. Pingdom

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

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

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

>> Попробуйте Pingdom прямо сейчас

—

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

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

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

Проверка скорости страницы — проверьте скорость загрузки вашего веб-сайта в Интернете

Проверка скорости страницы

Введите URL-адрес

Управляйте скоростью вашего веб-сайта с помощью этого Page Speed ​​Checker на SmallSEOTools.Ссылка на сайт .

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

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

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

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

Мы хотели предоставить всем владельцам и администраторам веб-сайтов очень полезный инструмент, который поможет оптимизировать сайт и привлечь больше посетителей, поэтому мы разработали для пользователей этот Page Speed ​​Checker .

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

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

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

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

Насколько быстро работает сайт?

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

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

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

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

Почему важно использовать тест скорости страницы?

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

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

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

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

PageSpeed ​​Insights Checker

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

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

Как ускорить страницы Google

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

Используйте HTML, CSS, и инструменты сокращения JavaScript . Это помогает оптимизировать сайт и ускорить страницу .Для этого вы можете использовать специальные инструменты для минимизации кода HTML, CSS и JavaScript. Это самый быстрый способ удалить из скрипта нежелательные символы, такие как запятые и пробелы. После сокращения кода перейдите к тесту скорости страницы, чтобы понять, насколько эффективно сократить HTML и CSS .

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

Лучшие инструменты для тестирования скорости веб-сайтов в 2021 году

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

Лучшие инструменты для проверки скорости веб-сайтов

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

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

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

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

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

(Изображение предоставлено Google)

1. PageSpeed ​​Insights

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

Причины для покупки

+ Бесплатно + Простота использования + Диагностика + Предложения

PageSpeed ​​Insights is поставщик инструментов разработчика от Google, работающий на их платформе Lighthouse, которая также доступна в браузере Chrome, а также в Google Analytics (User Behavior> Site Speed). Тем не менее, отдельная веб-страница PageSpeed ​​Insights является одним из наиболее доступных способов получить больше информации, которая вам нужна для повышения скорости вашего веб-сайта.

Просто введите целевой URL-адрес в соответствующее поле, и он предоставит отчет по ключевым областям, на которые следует обратить внимание, а также предложения по улучшению. Любопытно, однако, отметить, что веб-страница может предоставлять другую оценку, чем доступ к Lighthouse через Chrome или Google Analytics.

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

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

(Изображение предоставлено GTmetrix)

2. GTmetrix

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

Причины для покупки

+ Удобный интерфейс + Надежный уровень бесплатного пользования + Комплексные предложения

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

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

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

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

(Изображение предоставлено: Dareboost)

3. Dareboost

Лучший инструмент для проверки скорости страницы

Причины для покупки

+ Глобальные параметры геолокации + Подробный отчет + Четкая презентация

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

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

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

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

(Изображение предоставлено Solarwinds)

4. Pingdom

Лучший тест скорости сайта

Причины для покупки

+ Выбор геолокации + Подходит для новичков + Быстрый общий обзор

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

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

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

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

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

(Изображение предоставлено Alertra)

5. Alertra

Лучший сайт для проверки связи

Причины для покупки

+ Мониторинг веб-сайтов + Глобальные проверки связи + Сервисные проверки

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

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

Однако реальная ценность Alertra заключается в использовании ее плана подписки, который позволяет вам легко контролировать несколько страниц вместе с несколькими службами веб-сайта, такими как HTTP, PING, TCP, SMTP, POP3, IMAP4, TELNET, SSH, DNS, NNTP, FTP и MySQL.

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