amp：accessを使用しているときにフリッカーを減らす方法はありますか？

Question

amp：accessに基づいてAMPの要素を隠して表示すると、ややちらつきが避けられないようです。プレースホルダ以外にも、折り畳みの下に物を置くことは、これをより良くする他の方法がありますか？要求が返るまで実際に身体全体を隠すことは理にかなっているのでしょうか？

Answer 1

身体を隠すことは、承認応答の待ち時間が大きく変わる可能性があるため、まったく無頓着です。できるだけ多くを表示し、認証レスポンスが返ってきたときだけ隠すことが推奨されています。だから、あなたは正しいです、折りたたみの上に物事を変更しないでおくことが最善の戦略です。

実際には、フリッカー効果は次のようにしてもう少し抑圧することができます。 1.プレレンダリング。 Google検索などのAMPを使用する主なアプリでは、記事を事前にレンダリングするため、ユーザーが実際にコンテンツを読む前に、事前に承認レスポンスを早期に実行します。これはページ制作者のコントロールではなく、心に留めておくべきことです。 2.承認応答は、特にサブスクライバに対してキャッシュできます。これははるかに早期の評価につながるだろう。

将来的に役立つもう1つのこと - AMPは、amp-access-hide=elideオプションを追加することを検討しています。 https://github.com/ampproject/amphtml/issues/2967で追跡できます。その背後にあるアイデアは、制限されたときに、不明瞭な（判読できない）コンテンツを表示することです。これは、セクション全体を表示するのではなく、単にぼかしを除去するだけなので、フリッカーを減らすことになります。これはまだ議論中の項目です。

また、AMPが非常に限られた時間待ってコンテンツを表示する前に、承認レスポンスがすぐに届く（GitHubにバグを登録してもらいたい）という妥協が可能ですが、非常に限られています。