Ember.js — как узнать время создания DOM дерева?

Очень часто при создании приложения на Ember.js возникает необходимость держать под контролем время генерации DOM дерева. Существует довольно простой способ выводить это время в консоли как для всего приложения так и для отдельных View. 

При инициализации View мы создаем таймер, а на событие didInsertElement выводим таймер в консоль. Пример реализации для всего приложения (меняем ApplicationView):

[codesyntax lang=»javascript»]

MyApp.ApplicationView = Ember.View.extend({
    init: function(){
        console.time("DOM insert time");
        this._super();
    },

    didInsertElement: function(){
        console.timeEnd("DOM insert time");
    }
});

[/codesyntax]

Тоже самое можно сделать и для любого View или Component.

Для более точного определения скорости той или иной реализации View можно увеличить количество элементов в N раз.

 

Запись опубликована в рубрике JavaScript/JQuery с метками . Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *