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

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

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

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

Произвольные элементы DOM как фон сайта

Обычно, если в оформление сайта фоном используется большая картинка, то она или растягивается на всю его ширину или градиентом уходит в обычный CSS-цвет по краям, плюс это всегда сильно затрудняет работу с блоками контента на сайте.

В этой статье, автор расскажет, как сделать полноценный фон сайта из блочного элемента, в котором может содержаться картинка, несколько картинок, SVG и <canvas>. Это позволяется производить над фоном любые манипуляции в плане HTML/CSS, добавлять JavaScript (jQuery) эффекты и многое другое.