コンテンツを更新した際にちらつきが発生するのを抑えたい

Repro Boosterはページをキャッシュして高速に配信するため、サイトのコンテンツを更新した際に、キャッシュされた古いコンテンツと新しいコンテンツの間で一時的に差異が発生することがあります。高速遷移した後に、このような差異によってページがちらついて見える場合があります。

このような問題を軽減するために、以下の対策方法をご利用いただけます。

方法1: 初期表示時に差異が発生する要素を非表示にする

コンテンツの差異が発生しやすい要素を、初期表示時の間だけ非表示にすることができます。お客様のサーバーから最新のコンテンツを取得した後、自動的に表示されるようになります。

管理画面からの設定

Repro Booster管理画面の「ローディング中に非表示にする要素を指定するCSSセレクタ」の項目で、対象要素のCSSセレクタを指定することで、初期表示時に非表示とすることができます。

管理画面には以下の2つの設定項目があります：

例：

HTMLクラスによる指定

HTMLマークアップ上で直接指定することも可能です。対象の要素に以下のいずれかのクラスを付与してください：

注意: この方法を利用する場合、HTMLにクラスを追加した後、Repro Booster側でページがキャッシュされると初期表示の間は非表示となります。即時に効果が反映されるわけではありません。

<!-- 高さを確保して非表示 -->
<div class="repro-booster-hidden news-section">
  <!-- コンテンツ -->
</div>

<!-- 完全に非表示 -->
<div class="repro-booster-display-none promotion-banner">
  <!-- コンテンツ -->
</div>

使い分けのポイント

方法2: 自動キャッシュパージ機能（試験導入中）を利用する

自動キャッシュパージ機能は、コンテンツの更新を自動的に検知し、キャッシュを適切に更新する機能です。この機能により、ちらつきの根本原因となるキャッシュと実際のコンテンツの差異を最小限に抑えることができます。

この機能は現在試験導入中のため、ご利用をご検討の際は担当サポート担当までお問い合わせください。

注意事項