Использование Усы или любого механизма шаблонов для одностраничного приложения HTML5

Question

Я программирую с помощью PhoneGap и узнал, что кросс-платформенные приложения действительно выпускают медленные приложения по сравнению с родными приложениями. Я узнал от http://floatlearning.com/2011/05/how-well-does-phonegap-scale/, что javascript templating значительно увеличит скорость моего мобильного приложения.

Я разрабатываю одностраничные приложения. Приложения для журналов в частности. Содержит переполнение: скрытый контейнер для страниц и переход страницы удерживается левым и правым щелчками (CSS3 Translates). Я просто хотел бы спросить, как я могу использовать javascript templating (Mustache) для решения моих проблем с производительностью в приложении для журнала.

Благодарим вас и благослови!

Answer 1

Вот разбивка производительности при добавлении HTML на страницу с усами против нескольких других альтернатив http://jsperf.com/adasdadsaddddddddddd

Из последнего комментария, хотя, ваш самый большой прирост производительности может исходить от оптимизации изображения. Вы можете использовать любой из упомянутых инструментов разработчика, чтобы узнать, сколько HTTP-запросов вы делаете для изображений, их размер и где ваши узкие места.

Используйте инструменты, такие как Smush.it, чтобы сжать ваши текущие изображения. Посмотрите, как объединить изображения с спрайтами, где это имеет смысл. Исследуйте CSS Data URIs.

После того как вы оптимизировали свои HTTP-запросы и изображения, посмотрите на ускорение времени рендеринга DOM. Вы можете обнаружить, что вы можете использовать что-то вроде Усы, чтобы динамически отображать «страницы журналов» при прокрутке, поэтому вам нужно только отобразить начальное представление.

Answer 2

Проанализируйте ваше приложение на странице spped service и просмотрите Критический путь Сообщить о том, что происходит за вашим сайтом. вы также можете использовать консоль хром, используя performance.timing, она покажет точное статическое время загрузки страницы.