div内にamp-imgが表示されない

Question

divにアンプ-img要素があり、これは非表示に設定されていますが、ラジオ入力を選択すると表示されますが、この時点では画像は表示されません表示されると、ブラウザのサイズを変更すると画像のみが表示されます。

divの表示を変更したときに画像を表示するには何が必要ですか？ 要素amp-imgにイベントがないことを確認して見ましたが、どうすればいいですか？

ありがとう、ラファエル。

Answer 1

これは、AMPページにAngularとNodeJSで作成されたWebサイトのようなリアルタイム更新機能がないために起こります。だからあなたは手動でリフレッシュする必要があります。これは、AMPページがJSをある程度制限するためです。

per the docsなどのサードパーティJSは、同期JSの負荷を使用するのが好き。彼らはまた、 document.write more sync scriptsを好む。たとえば、 ページに5つの広告があり、そのそれぞれが 1秒の遅延接続を持つ3つの同期ロードを発生させる場合、読み込み時間は15秒で、JS読み込みの場合は になります。

AMPページでサードパーティJavaScriptを使用できますが、サンドボックス化されたiframeでのみ許可されます。 これをiframeに限定することで、メインページ の実行をブロックすることはできません。複数のスタイルの再計算をトリガする場合でも、小さなの小さなiframeはDOMがほとんどありません。