Правильное использование MutationObserver
 

В процессе работы появилась надобность отслеживать изменения в DOM-дереве. Так как Mutations Events являются очень требовательными к вычеслительным рессурсам пользователя, то разработчики браузеров рекомендуют использовать MutationObserver. MutationObserver пока работает только в Chrome и Firefox.

Вопрос: Как правильно использовать это API? Тоесть я видел примеры и документацию пытался читать. Более подробно я хотел бы узнать об параметрах которые передаются в observe:

{
  childList: true // Это указывает что нужно отслеживать изменение количества потомков
  attributes: true // Отслеживать изменение атрибутов элемента и/или атрибутов его детей?
}

А также не совсем понятные например:

{
  subtree: true, // bubbles
  characterData: true
}

и прочие.

Если есть статья на русском - то супер.

На русском не знаю, но зато очень доступно тут написано http://www.w3.org/TR/dom/
characterData - http://www.w3.org/TR/dom/#characterdata
subtree: true // изменения должны быть не только у элемента, но И у потомков
http://www.w3.org/TR/dom/#mutationobserver + 2 PageDown как использовать.
зы: можно попробовать сделать перевод для хабра. Времени жаль только нет сейчас.

ну или

function LikeMutationObserver(callback) {
    if (MutationObserver)
          return new MutationObserver(callback);
    else
          ;//другой способ с такими же методами, но другой реализацией
}

var observer = LikeMutationObserver(function(rec, obs){
    // ...
});

типа изменение размеров блоков и прочее

таки да, и мы даже знаем, как этот паттерн называется.

точнее, наблюдатель.