requireJS
とを使用してアプリケーションに取り組んでいますjquery/jquery-mobile
。現在、読み込みとレンダリングのパフォーマンスを最適化しようとしています。
私のアプリケーションは、すべてのページに存在するHTMLスニペット(ログインフォームなど)に分割できるとしましょう。私の考えは、新しいページがリクエストされるたびにスニペットをロードしないことです。代わりに、HTMLスニペットのテンプレートバージョン(拡張マークアップ)を作成し、requireJS !text
プラグインを介してこれをプルします。
これは非常にうまく機能するため、すべてのスニペットが1回必要になり、キャッシュからサーバーに保存されます。すでにレンダリングされているため、1ページ目以降はすべてスムーズに進みます。
基本的にatomize
、ページをスニペットに変換できます。
page { content { form { input & button }}}
スニペットをオンデマンドでのみプルします。これにより、サーバーからロードするものとレンダリング時間が最小限に抑えられますが、最終的には。になりton of http-requests
ます。
質問:
かなり一般的ですが...このようなアプリケーションを構築するときにhttpリクエストの数を減らす方法はありますか?そのためにWebSocketを使用できると思いますが、よくわかりません。これを行うための良い方法があるかどうか知りたいです。
ありがとう!