Блог веб разработки

Блог веб-разработки статьи | видеообзоры | исходный код

Javascript console.time

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

В javascript есть готовые конструкции кода для определения скорости выполнения скрипта.

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

console.log('тест');

Для этого нам достаточно воспользоваться конструкцией time - timeEnd:

console.time('Время выполнения скрипта');

console.log('тест');

console.timeEnd('Время выполнения скрипта');

В результате мы увидим в консоли:

тест

Время выполнения скрипта: 2.19482421875ms

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

Для замера времени выполнения скрипта нужно его поместить между console.time() и console.timeEnd()

Как вы понимаете методы console.time() и console.timeEnd()являются отладочными и выводят результат в консоль браузера.

console.time() - запускает счетчик отчета времени

console.timeEnd() - останавливает счетчик и выводит результат в консоль

В качестве аргумента данные методы могут принимать строку которая также выводится в консоль. Отмечу аргументы методов console.time() и console.timeEnd() должны совпадать между собой, если мы попробуем вывести так:

console.time('Время начала выполнения скрипта');

console.log('тест');

console.timeEnd('Время окончания выполнения скрипта');

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

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

console.time('Время выполнения цикла');

for(var i = 0; i <= 30; i++){

    console.time('Время выполнения итерации '+i);

    console.log(i);

    console.timeEnd('Время выполнения итерации '+i);

}

console.timeEnd('Время выполнения цикла');

Здесь нам в консоль выведется время выполнения каждой итерации цикла и в конце общее время выполнения цикла.

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

В общем пользуйтесь с умом. На этом данная статья подошла к концу.

Желаю вам удачи и успехов в программировании! Пока!

Оцените статью

Еще статьи

кэш HTML

клавиши js

repeat javaScript

column css

CSS counter-increment

details html

out of range

константы php 7

Комментарии

В данном разделе пока нет комментариев!

История

    НОВОСТИ

    • Опубликовал приложение под android 'Аудиокниги'. Кому интересно, переходите по ссылке