ページ編集がうまく反映されない場合

インライン編集を利用することで、ページのHTMLソースやJSなどを変更せずに可視化でウェブページの改善を行え、簡単にページの最適化実現できます。しかし編集した内容がうまく反応されないことは時々起きます。本記事ではその原因と解決方法について紹介します。

原因 #

ページではLazyloadを利用している場合
ウェブページでLazyload構造を利用している場合、可視エリアまでスクロールしないとページがロードされません。
なおインライン編集機能でページ要素を変更する際に、PtengineのJSファイルが実行されないと画像が変更されません。
そのため、もしPtengineのJSファイルが先に実行されインライン編集した内容が反映された後、該当エリアまでスクロールするとインライン編集によって変更された内容が上書きされてしまい、ページ本来の内容が表示される現象が起きます。

解決方法 #

こういう現象に対する解決方法として、以下画像のようにインライン編集を行う際に、編集した部分の「HTML編集」機能で該当LazyloadのJS・CSSファイルを削除することでう解消できます。

Note：Lazyloadの場合のみではなく、インライン編集で変更した要素がうまく反映する前提として、必ず該当ページのJSがPtengineのJSファイルより先にローディング完了する必要があります。例えばページ要素が動的にロードされる場合、PtengineのJSファイルがページ要素のJSファイルより先に実行されたらインラインで編集した内容がうまく反応されません。