これらの拡張機能は遅延レンダリングではないため、プリロードしてはいけません。初期レンダリングに必要な重要な帯域幅が奪われてしまいます。タグを使用して、カスタムスタイルを指定します。セクションに使用できる他のタグを追加します。外部フォントについては、レンダリングを阻害しないように最後に追加するようにしてください。ボイラープレートコードを指定します。ルールをオーバーライドしないようにすることができます。キャッシュはこのようなすべての最適化を自動的に実行します。オプティマイザツールを使用すると、自分のオリジンで最適化を自動的に実行することができます。いう独自の画像要素を使用します。ランタイムが読み込まれてからでないと画像ダウンロードを開始できないという欠点があります。製品ページのヒーロー画像といった一部の画像では、画像をできるだけ素早く読み込むことが非常に重要となります。ランタイムが読み込まれるまで待機しないでいいようにすることが最善です。</amp-img></body>しかし、レスポンシブレイアウトに、画面の幅によって異なるヒーロー画像が必要な場合はそうすればよいのでしょうか。以下のように、デスクトップには幅広い画像を指定し、モバイルには幅の狭い画像を指定するといった場合です。文に同じメディアクエリを使用することができます。ポスター画像にも使用できます。文は、必ずビューポートの宣言の後に配置するようにしてください。ブラウザが画面の幅を判定するには、ビューポートのサイズが必要です。...>重要な画像のみをプリロードするようにしてください。画像のダウンロードによって、ほかの重要なダウンロードに必要な帯域幅が消耗されてしまう可能性があるためです。サーバーワーカーの使用の検討すべての主要なブラウザはサービスワーカーをサポートするようになったため、サービスワーカーをサイトに追加すべきかどうかを評価するとよいかもしれません。