体感的なロード時間の短縮

ページに複数のウィジェットが含まれる場合は、すべてのウィジェットが並行してロードされます。これにより、ネットワーク・ボトルネックが発生し、ロードに時間がかかる可能性があります。このボトルネックでの負荷を軽減するために、ウィジェットがロードされる時間を調整し、エンド・ユーザーに最初に表示されるウィジェットを優先できます。

これは、ユーザーのスクロール位置から、またはJavaScriptタイムアウトを使用してトリガーできます。

setTimeout(function(){
$('#div-id').append('<div class="ct-widget" data-widget-id="[WIDGET ID]" data-src="[WIDGET URL]"></div>');
window.CrowdTwist.loadWidgets();
}, 500);

ウィジェット全体のロードにかかる時間は同じであるため、これは体感的なロード時間の改善にすぎませんが、ユーザーの全体的なエクスペリエンスの向上に役立ちます。

詳細

ウィジェット