JavaScript оптимизация

Date: декабря 26, 2014
Cate: JavaScript, Инструкция, Оптимизация, Полезно

Отключение событий при скролле страницы

Небольшая оптимизация web приложения.

Добавляем в футер кусок JavaScript или подключаем файлик с кодом:

var body = document.body, timer;
window.addEventListener('scroll', function() {
    clearTimeout(timer);
    if(!body.classList.contains('disable-hover')) {
        body.classList.add('disable-hover')
    }
    timer = setTimeout(function(){
        body.classList.remove('disable-hover')
    },500);
}, false);

Добавляем в css описание класса:

.disable-hover {
    pointer-events: none;
}

Теперь скролл будет происходить быстрее и браузер не будет отрабатывать ненужные события.

Это небольшой хак я узнал из доклада Оптимизация фронтенда Олега Мохова.

Date: ноября 14, 2014
Cate: JavaScript, Оптимизация, Полезно

Как мерять время выполнения в JavaScript

Или проще говоря временные метки в JavaScript.
JavaScript время работы
подробее…))

Date: ноября 14, 2014
Cate: JavaScript, Оптимизация, Полезно

Оптимизация работы c массивами в JavaScript

На днях пришлось оптимизировать большой кусок JavaScript кода со множеством массивов и строк. Решил выложить свои наблюдения по скорости работы.
javascript оптимизация массивов

подробее…))

 9fce13c8-2714-4603-b8e7-33be6c785d58