4 заметки с тегом

открытый код

Ctrl + ↑ Позднее

Afterlag.js — анимация против лагов

10 марта 2015, 4:02

Сайты тормозят. Особенно они тормозят при загрузке. Бедная анимация не знает куда ей деваться, становится рваной. Несчастные параллаксы дёргаются, а плавный скрол к участку страницы уже нельзя назвать плавным. Раньше я относился к этому естественно: «Ну, сайт грузится, конечно всё тормозит. Это норма». В итоге мне это надоело, и я отнёсся к происходящему как к проблеме.

В качестве решения я написал плагин «Afterlag.js», нативную и джэйквери версии. С помощью него можно отследить, когда лаги на странице закончились. Теперь я запускаю динамику на сайтах, когда станет ясно, что она будет работать гладко, красиво. Взгляните на демо, и проблему сразу поймёте и решение в действии увидите.

Использовать афтерлаг просто. Подключили файл с плагином. Если используете джэйквери версию, то и сам джэйквери подключить не забудьте. В своём коде пишете

$.afterlag(function() { // Код, который должен исполнится после окончания лагов. });

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

Будьте здоровы, не лагайте.

джэйквери   открытый код   плагин   яваскрипт