メインコンテンツにスキップ
Lazy Loadを活用する方法
Laze Trajkov avatar
対応者:Laze Trajkov
1年以上前に更新

EmbedSocialのウィジェットをサイトに追加したことで、WEBサイトの読み込みが遅くなったと感じる場合には、Lazy Loadを活用することをおすすめします。

Lazy Loadとは?

Lazy Load(レイジーローディング)は、ページの読み込み時に重要の低いリソースの読み込みを遅延させる技術です。ウェブページにおけるEmbedSocialウィジェットの読み込みを遅延させたい場合には、以下の手順に従って、EmbedSocialウィジェットコードにレイジーローディングを追加してください:

  1. EmbedSocialウィジェットコードを取得します。

  2. data-refの直後に data-lazyload="yes" 属性を追加します。

コードは以下のようになります:

<div class='embedsocial-reviews' data-ref="aa00lfl4lvkthkgoh43aaa223554asd05fsdkfjidra003" data-lazyload="yes"></div><script>(function(d, s, id){var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://embedsocial.com/embedscript/ri.js"; d.getElementsByTagName("head")[0].appendChild(js);}(document, "script", "EmbedSocialReviewsScript"));</script>

ウェブサイトにサードパーティのウィジェットを追加すると、ウェブサイトの全体的な読み込み時間がわずかに増加することに注意してください。

こちらの回答で解決しましたか?