Использование усов или любого движка шаблонов для одностраничного приложения HTML5 - PullRequest
0 голосов
/ 24 декабря 2011

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

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

Спасибо и Боже, благослови!

Ответы [ 2 ]

1 голос
/ 20 января 2012

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

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

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

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

0 голосов
/ 22 января 2013

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

...