performance - jQuery Mobile で複数ページ ドキュメントと複数ページを使用する場合

Question

JQM のドキュメントには、ブラウザーをクラッシュさせる可能性のある大きな DOM を避けるために、複数のページを使用する方がよいと書かれています。しかし、どのくらいの大きさが大きすぎますか？より大きな複数ページのドキュメントでパフォーマンスが最適になるようです。これについての経験則や、複数ページのドキュメント、VS複数のドキュメントを使用するのが最適な場合のガイドラインはありますか?

Answer 1

正直なところ、それはいくつかの要因に依存します。

従来の Web ページを作成していて、サーバー側のコードがない場合は、マルチページ レイアウトを使用することをお勧めします。HTML1 つの大きなページを変更/処理する方が、複数のページよりもはるかに簡単です。内で初期化された javascript と css について心配する必要はありませんHEAD。パフォーマンスを低下させるには、Web アプリを非常に大きくする必要があります。デスクトップ ブラウザーではパフォーマンスが低下することはありませんが、モバイル ブラウザーでは問題が発生します (もちろん、Web アプリが巨大な場合)。

大規模な静的 Web アプリを構築している場合、またはコード生成にサーバー サイドを使用している場合は、複数のページを使用することをお勧めします。大規模な静的 Web アプリの場合は、いつでも からページを削除してDOMキャッシュを防ぐことができます。反対に、1 ページだけでサーバー側のページ生成を使用するのは非常にばかげていHTMLます。

ここで問題の部分が来ます。jQuery Mobile と Phonegap を使用してハイブリッド モバイル アプリを作成する場合は、複数ページのドキュメントを使用することをお勧めします。このアイデアはばかげているように見えますが、複数のページ テンプレートよりもトランジションをスムーズにすることができます。残念ながら、ここでは特別な注意が必要です。大規模なアプリを作成しないでください。可能であれば、動的コンテンツを生成し、不要になったら削除してください。

モバイル デバイスでも複数のページを正常に使用できますが、その実装は少し異なります。可能であれば、遷移が発生する前にページをロードし、不要になったら削除する必要があります。この解決策はおそらく前の解決策よりもリソースの負担が少なくなりますが、ページ処理 (キャッシュと削除) がより困難になります。

このトピックに関する私のブログ記事もここにあります。