現在、約 100 の要素を持つリストビューに数千行のテキストが保存されています。リストビューからアイテムを選択すると、多くの場合500ms >
. この遅延は古い携帯電話でのみ発生し、jQuery Mobile の疑似ページに大量のテキストが挿入されることに関係していると思います。この遅延を減らすにはどうすればよいですか?
2 に答える
私の意見では、遅延読み込み戦略を使用することで、より優れたパフォーマンス結果を達成できると思います。
遅延読み込みとは
遅延読み込みは、必要な時点までオブジェクトの初期化/読み込みを延期するために使用されるパターン/戦略です。
遅延読み込みはあなたのケースにどのように適合しますか?
リストビューのスクロール中に必要に応じてコンテンツをロードすると、モバイル アプリケーションのパフォーマンスが最適化されます。
モバイル Web アプリケーション用の遅延読み込みフレームワークはありますか?
既存のフレームワークを探す前に、Web で Lazy loading を検索して、トピックに慣れることをお勧めします。このようにして、さまざまな遅延読み込みの実装でどのソリューションがニーズに合っているかを理解できます。一方、既存のソリューションが必要な場合は、サーバー側リソースへの AJAX 呼び出しでリストビューを遅延ロードするための jQuery Mobile Widget であるjquery.mobile.lazyloaderを試すことができます。これは、50 以上のアイテムのリストを含むモバイル アプリケーションのパフォーマンスを最適化する方法です。遅延読み込みソリューションのクライアント側の部分のみが含まれていることに注意してください。JSON 形式のデータを返す必要があるサーバー側の部分を実装することは、開発者に任されています。
これが役立つことを願っています。
ビューポートを使用して slickgrid が行うように可視要素のみをレンダリングするか、要素の数が多すぎる場合はページングまたは省略記号を使用します