> For the complete documentation index, see [llms.txt](https://docs.vwo.gaprise.jp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.vwo.gaprise.jp/testing/troubleshooting/u7xuw83x16.md).

# トラブルシューティング：ページでちらつきが発生する

## 問題 <a href="#issue" id="issue"></a>

ページでちらつき（変更前のページが一瞬表示された後、変更後のページが読み込まれる）が発生してしまう

## 解決の手順 <a href="#solution" id="solution"></a>

ちらつきの原因として多いのは（1）（2）です。その2点を対応いただいても解決しない場合、（3）（4）をご確認ください。

### **（1）スマートコード（タグ）を直書きで設置する** <a href="#id-1" id="id-1"></a>

ちらつきで最も多い原因は、「タグマネージャー経由のタグ配信」です。

タグマネージャーによってコードが読み込まれるまでの間、変更前のページが一瞬表示されるため、そのタイムラグにより不快なちらつきが発生します。

そのため、スマートコード（タグ）は直書きを推奨しています。

### **（2）スマートコード（タグ）をhead上部に設置する** <a href="#id-2" id="id-2"></a>

タグがページの最後に設置されていると、ブラウザはVWOのコードを最後に実行します。その間に、変更前のページが一瞬表示されることがあります。

そのため、head上部に設置し、なるべく早いタイミングで読み込まれるように変更してください。

### **（3）JavaScriptコード追加による影響** <a href="#id-3" id="id-3"></a>

ビジュアルエディターでサポートしている機能を使用している場合は、変更が読み込まれるまでそれらを隠しておく処理をVWOで行っています。

しかし、ページ上の一部の要素を変更するためにJavaScriptのコードスニペットを追加した場合、ライブサイト上でちらつきが発生することがあります。

ちらつきを最小限に抑えるためには、以下のコードスニペットをVWOエディターに追加してください：&#x20;

```
//This code snippet allows VWO to keep the body hidden while the changes 
are being applied.
vwo_$("body").vwoCss({"visibility":"visible !important"});
```

### **（4）画像変更による影響** <a href="#id-4" id="id-4"></a>

変更後のページに容量の大きい画像を追加すると、画像がページ上でダウンロードされるまでに時間がかかることがあります。画像がダウンロードされるまで、古い画像やコンテンツが表示され続けるため、これがページのちらつきとして感じられるかもしれません。

画像の容量を軽くするために圧縮するなどの最適化作業を行ってください。

上記で問題が解決できない場合は、お手数ですが担当までご連絡ください。
