Тест скорости загрузки сайта (скрипт)

Скорость загрузки сайта является одним из факторов ранжирования (иследование). И здесь всё вполне логично: ожидать когда же можно увидеть содержимое документа будет не так много пользователей, а большинство скорее всего перейдут к дальнейшему изучению результатов поиска. Но разница между 0,5 и 1 секунд не бросается в глаза. Поэтому можно предположить, что существует некая цифра, после преодоления которой сайт будет ранжироваться ниже или выпадет из выдачи. Это подтверждает и Мэтт Катс, говоря, что примерно один из тысячи сайтов, а не все, оказывается под влиянием фактора скорости загрузки.


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

Конечно, рекомендаций здесь можно давать довольно много: это и поиск не перегруженной хостинговой машины, на которой расположен сайт, и оптимизация кода, и установление срока кэширования браузером элементов web-страницы, и Content Security Policy. Необходимые предложения по ускорению загрузки даст Page Speed Online. Для сравнения на данный момент http://shpargalkablog.ru присвоено 94 единицы из 100.

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

Скрипт скорости загрузки сайта

Для измерения скорости загрузки именно с вашего компьютера, можно воспользоваться скриптом, показанным на http://www.himsomnio.com.

До </head> добавляем
<script type='text/javascript'>
//<![CDATA[
var startTime = new Date();
function showElapsedTime() {
var testSiteUrl = location.href;;
var testSiteString = String(testSiteUrl).slice(testSiteUrl.indexOf("www"));
var endTime = new Date();
var elapsedTime = Number(endTime-startTime);
var browser=navigator.userAgent;
var platform=navigator.platform;
var msgString = "Время загрузки " + Number(elapsedTime/1000) + " секунд (" + elapsedTime + " ms)<br/><span>Браузер " + browser + "</span>";
document.getElementById("vremia").innerHTML = msgString;
}
onload=function() {showElapsedTime();}
//]]>
</script>
В то место страницы, где хотим увидеть результат включаем (для пользователей Blogger это может быть гаджет HTML/JavaScript):
<div id="vremia">Загрузка ...</div>

Например, тест скорости загрузки для этой страницы данного блога:
Загрузка ...
в f t
наверх ↑

9 комментариев:

virens
Хмм... а я всегда использовал вот этот сайт:
http://tools.pingdom.com/

Он, кстати, недавно обновился. Умеет сохранять историю тестов одного и того же сайта, и показывает время по отдельным элементам (рисунок, скрипт...). Весьма хорош.
NMitra
Да, таких сервисов довольно много и каждый показывает разную скорость в зависимость от возможностей своих серверов. Я их использую для сравнения одновременно двух сайтов.
Mishechka
Наталья, здравствуйте!

PageSpeed Insights говорит, что загрузку блокируют два файла (названия их всё время меняются):

http://www.blogger.com/static/v1/widgets/2220499320-widget_css_2_bundle.css
http://www.blogger.com/dyn-css/authorization.css?targetBlogID=8549667386702625929&zx=2e9d080e-75a3-4c16-9264-5111b88bd2d9%22/%3E

эти файлы подгружает мне Google (и Вам кстати тоже). Ссылки на них стоят в <head> , но в шаблоне я их не могу найти, они видны только в брузере "Исходный код страницы". Может Вы знаете где их искать в шаблоне? Если избавиться от них нельзя, то нужно хотя бы отложить их загрузку.

Спасибо.
NMitra
Они как и многая другая информация сидит в

<b:include data='blog' name='all-head-content'/>
Mishechka
У меня в шаблоне там нет ни одной ссылки. Посмотрите в своём, я уверен их там тоже нет, а в браузере есть. Каким образом они подгружаются? Может эти ссылки вызываются из другого места в шаблоне?
NMitra
Это стили гаджетов. Разработчики не удосужились к ним дать доступ.
Mishechka
А блокировать их никак нельзя?
NMitra
Нет
Mishechka
Обидно. Жлобы они все!