JavaScript профилирование с инструментами разработчика в Google Chrome

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

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

Перевод статьи «Javascript profiling with the Chrome Developer Tools».

Firebug и console

При написании JS кода для сайта часто встает вопрос о его отладке. Раньше для этого я использовал (стыдно признаться ;-) обычный alert. Но, несмотря на очевидную простоту подхода, у этого метода есть и свои серьезные минусы.

Сегодня мы рассмотрим некоторые приемы для работы с консолью в незаменимом плагине для Firefox — Firebug, о котором мы уже как-то писали (статьи «Расширения для Firebug» и «Ящик инструментов 3х3 для сеошника»).