DOM Manipulation vs Templating

Question

Итак, я в разгаре производительности небольшого приложения для телефонных разговоров HTML5, которое я разрабатываю, и я пытаюсь выяснить, как лучше всего обрабатывать получастотный обновляемый элемент <ul>.

В настоящее время я использую DocumentFragments для начального массового впрыска данных db, а затем функции jQuery's prepend() и remove() для управления.

В частности, я рассматривал шаблоны, в частности, EJS, и мне было интересно, если бы я получил повышение производительности, если бы я его реализовал.

Если да, то почему? И если не так, почему?

Также приветствуются любые другие советы по выполнению DOM-манипуляции. Благодарю.

Answer 1

Я не думаю, что шаблоны дадут вам повышение производительности (если вы не кешируете свой шаблон).

Вы должны обработать данные для генерации html в любом случае.

Шаблоны просто делают поколение html более легким, читаемым и многоразовым.

я мог бы добавить немного более-

1. Cache ваш шаблон будет повысить производительность JSPerf
2. уменьшить оплавление (минимизировать regenartion из визуализации дерева)
3. Не добавлять стили непосредственно использовать класс CSS
4. Бесконечная так называемая передовая практика

Answer 2

Я поклонник js шаблонов двигателей.

BUT, вам необходимо проявить большую осторожность при рендеринге html через код javascript.

Основная проблема заключается в том, что поисковые системы их не видят.

Вторая проблема - производительность, лучший способ визуализации html находится на стороне сервера as twitter does, потому что вам нужно учитывать, что ваш сайт быстро зависит от среды клиента, и у всех ваших пользователей нет лучшей машины чтобы увидеть это.

Тогда, я считаю, что лучшая архитектура веб-сайта для последующего использования - twitter.com. Они реализовали сочетание рендеринга на стороне сервера и визуализации на стороне клиента. Первый запрос обрабатывается серверной стороной, а следующие - с помощью javascript через запросы ajax.