Скрипт теста скорости загрузки сайта
Скорость загрузки сайта является одним из факторов ранжирования (иследования). И здесь всё вполне логично: ожидать когда же можно увидеть содержимое документа будет не так много пользователей, а большинство скорее всего перейдут к дальнейшему изучению результатов поиска. Но разница между 0,5 и 1 секунд не бросается в глаза. Поэтому можно предположить, что существует некая цифра, после преодоления которой сайт будет ранжироваться ниже или выпадет из выдачи.
Поэтому, я не считаю нужным доводить ситуацию до абсурда, оставив пару необходимых элементов дизайна и тем самым ухудшая поведенческие факторы. Но вместе с тем внедряю возможные способы ускорения:
в первую очередь про оптимизацию изображений;
создание CSS спрайтов;
верное применение слэша в конце URL;
необходимость использования параметров height и width в коде изображения;
умеренность при внедрении внешних скриптов, скажем, из библиотеки Google. Другим примером являются коды счётчиков количества посещений.
Конечно, рекомендаций здесь можно давать довольно много: это и поиск не перегруженной хостинговой машины, на которой расположен сайт, и оптимизация кода, и установление срока кэширования браузером элементов web-страницы, и Content Security Policy.
Установка
До </head> добавляем
В нужном месте ставим ( обычно footer )
Вариант установленный на esCode
До </head> добавляем
В нужном месте ставим ( обычно footer )
Ну всё, скрипт должен вывести: страница загружена за 5.417 секунд (5417 ms)
Поэтому, я не считаю нужным доводить ситуацию до абсурда, оставив пару необходимых элементов дизайна и тем самым ухудшая поведенческие факторы. Но вместе с тем внедряю возможные способы ускорения:
в первую очередь про оптимизацию изображений;
создание 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>
//<![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>
//<![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)
-D-I-N-I-S-
17.04.17 в 19:56
1.1k
0
Источник