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

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

в первую очередь про оптимизацию изображений;

создание CSS спрайтов;

верное применение слэша в конце URL;

необходимость использования параметров height и width в коде изображения;

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


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

Установка

До </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>


В нужном месте ставим ( обычно footer )

Код
<div id="vremia">Загрузка ...</div>


Вариант установленный на esCode

До </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)";
document.getElementById("vremia").innerHTML = msgString;
}
onload=function() {showElapsedTime();}
//]]>
</script>


В нужном месте ставим ( обычно footer )

Код
<div id="vremia" style="text-align:center;font: 10px 'Open Sans'; color: #777;">Загрузка ...</div>


Ну всё, скрипт должен вывести: страница загружена за 5.417 секунд (5417 ms)
К материалу оставили 0 комментариев