質問

私は適切な遅延ロードが通常、オブジェクトとプロキシパターンを使用する必要がある。サイトにはいくつかの再設計が必要なのでまだありません。ただし、PageにDBデータをスプールしたり、ロード時刻をスピードアップしたりできる方法はありますか?

役に立ちましたか?

解決

これはAJAXで達成できます。

最初にページをロードするときは、重いコンテンツが行くべきと思われる場所を置きます。たとえば、独自のスタイルとインテンティブなロードイメージを持つdivを使用して、訪問者がもう少しのロードが発生する可能性があります。 ajaxload.info で画像を読み込んでいる画像を生成することができます。

は、Ajaxを使用して追加のコンテンツをロードするために必要な機能を呼び出すかバインドするために、ページの下部にスクリプトがいくつかあります。たとえば、ユーザーが特定の要素を介して特定の要素をスクロールしたときに起動するように、たとえば、ユーザーが特定の要素をスクロールしたときに起動するようにすぐにロード開始を持つように、jQueryの呼び出しをjQueryの.ready()にバインドできます(例:別のページ上の特定の「ランドマーク」コンテンツのブロック)

追加のコンテンツを含むAjax応答を受け取ると(文字列形式のHTMLとして事前にフォーマットされている場合)PlaceHolder .scroll()の内容を、divまたはJQueryの.innerHTML =を使用してAJAX応答と置き換えます。 CSSクラスのCSSクラスを置き換えるために、.html()またはJQueryのdivを使用して必要に応じてsetAttribute("class","newClass")のスタイルを変更します。

訪問者はあなたのフルページを見ることができ、ロードが行われている間にそれをスクロールすることができます。訪問者の閲覧体験を中断することなく、追加のコンテンツが表示されます。あなたは、コンテンツ注射後の遷移をアニメートすることによってこれを目のために少しのニカにすることができます。

Ajaxを使用してコンテンツをフェッチする方法の追加例を非同期的に必要な場合は、これらを探しています。 クラシックJavaScriptアプローチまたは jQuery .ajax()docs

他のヒント

メインページのロードとすぐに、JavaScriptを使用して追加データのロードを開始できます。このようにして、メインページではページ上のコンポーネントを概説できます。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top