Проблемы производительности extjs и общие рекомендации в разработке

Особенность extjs - очень тяжелый HTML код. Причем броузер напрягается дважды. первый раз, когда все счастье собирается в DOM и второй раз, когда непосредственно выводится на экран. Как следствие - торможение интерфейса при более-менее серьезном количестве элементов. Причем это касается не только гридов и деревьев, но и форм и вообще любых элементов. Есть несколько узких мест, которые нужно стараться обходить.

1. Загрузка собственно extjs. Как ни крути, как не сжимай, а размер javascript кода плюс CSS файла это весьма серьезно.  Тем более, что кроме загрузки есть еще и инициализация.  Старайтесь по-минимуму перегружать страницы в браузере.  Постарайтесь все вынести в updatemanager.

2. Javascript это костыль и инородное тело в браузере. Помните об этом постоянно.  Невнятная реализация многопоточной схемы исполнения скрипта,  делает нежизнеспособной саму идею многопоточности в js.  Собственно это и есть  источник основных торомозов в  extjs.   Поэтому старайтесь не полагаться на автоматику не скармливайте в конструктор класса огромный JSON с вложенными JSON ветками для дочерних элементов.  Создавайте дочерние элементы явно, вызовом соответствующих конструкторов в переменные, а потом кидайте эти переменные в JSON. Это значительно ускорит генерацию элементов.

3. applyTo это зло. Используйте render , и вызывайте его тогда, когда вам нужно, а не тогда, когда великий рандом скажет.

4. Не увлекайтесь созданием сраз большого числа визулальных элементов ( гридов, окон и т. п) а затем их показом на экране по мере необходимости. Практика показывает, что приложение в котором сразу генерится 5 гридов и 3 формы  работает в 5-10 раз медленнее, чем перегрузки через updatemanager.

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

Comments

• ---------- extjs -----------

• Последние статьи

  • Дополнительные кнопки Extjs button на форме
  • Extjs, javascript, ajax, htmlupdater, или правильная перезагрузка страницы
  • Полезные регулярные выражения - проверка email.
  • Extjs tree управление загрузкой.
  • Проблемы производительности extjs и общие рекомендации в разработке
  • extjs form custom validator или как сделать сложный валидатор сразу на два поля
  • Как в extjs отправить форму через POST или GET а не через AJAX
  • Extjs grid или как изменить стиль строки в гриде
  • Наследование в extjs. Javascript и объекты.
  • wordpress и extjs
  • Обработка некорректного ответа сервера в extjs
  • Extjs - первая попытка в создании внятной библиотеки пользовательского интерфейса.