Afterlag.jsAfterlag.js

Внизу страницы размещены 6 видеороликов с ютуба, они тормозят всё на странице первые несколько секунд. Первая анимация была запущена в момент загрузки страницы $(document).ready(...) Изначально анимация дёргается, прыгает, и не понятно, что вообще пытается сделать. Как только лаги закончатся, анимация стабилизируется.

Анимация ниже была запущена в момент окончания лагов $.afterlag(...) Пока страница тормозила, анимация выжидала, понимая, что во время лагов ничего приличного исполнить у неё не получится. Как только тормоза прошли, анимация начала воспроизводиться гладко, как и было задумано.

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

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

А вот и те самые видеоролики с ютуба:

© Сергей Дмитриев, 2015