2015-12-23 6 views
0

Я написал веб-приложение с каркасом jquery mobile. К сожалению, слишком часто это занимает слишком много времени, пока страница не будет полностью загружена (среднее время около 4-6 секунд), что делает юзабилити ужасным.JQuery Mobile слишком медленно

Использование браузеров с перерывами практически не требует времени ожидания. Более новые телефоны или планшеты приемлемы для скорости.

Серверная обработка (например, запросы db) работает быстро, используя пул соединений c3p0. Поэтому я исключаю, что это может быть проблемой, почему страница показывает задержку. Иногда это также занимает слишком много времени, пока не будет активирован метод-метод ajax-вызова.

Есть ли у вас предложения, что я могу сделать, чтобы получить лучшую производительность? Я использую шаблон «multipage», который означает (если я не ошибаюсь), что запрос, перенаправленный из вызовов Spring-Controller, подходит jsp (Resolver) в качестве открытого вида. Вся логика, исходящая из атрибутов весеннего контроллера, интегрируется в jstl-теги на странице jqm. Я не знаю, хорошо ли это, но соответствует классическому веб-разработке.

В случае, если я не получу лучшую производительность, рекомендуется ли разрабатывать собственное приложение для Android и ios, если приложение часто используется? Я читал, что веб-приложения - это решение для веб-сайтов, которые сейчас и сейчас посещают их пользователи, но не находятся в постоянном использовании ими. Может быть, гибридный подход приведет к лучшей подготовке?

+0

Попробуйте предварительно загрузить страницы –

+0

Не могли бы вы привести пример? –

ответ

1

Как описано here:

Если вы используете один шаблон страницы, но предпочел бы ленивой нагрузки в нескольких ключевых страниц в фоновом режиме, чтобы избежать появления загрузчика Ajax, мы рекомендуем использовать предварительно выборки вместо перехода к многостраничному шаблону. Чтобы предварительно извлечь страницу, просто добавьте атрибут prefetch данных к любой ссылке, и jQuery Mobile будет ленить загружать эту страницу в фоновом режиме после загрузки основной страницы. Вот пример:

<a href="foo/bar/baz" data-prefetch>link text</a>