画像と動画は、ページのデータ量増加の主な原因です。推奨制限を超えるページのデータ量を軽減するためのヒントをいくつかご紹介します。
画像を最適化する
ウェブサイトで使用するすべての画像を最適化してください。理想的には、 1MB サイズで。 Blocs 大きな画像をプロジェクトに追加すると、自動的に縮小されます (埋め込みアセットワークフローのみ)。
さらに、画像ファイルのサイズをさらに縮小できるサードパーティ製のツールがいくつかあります。 ImageOptim、Mac 用の無料で使いやすい画像最適化ツール。
また、 WebP を生成する エクスポート設定でオプションを選択します。これにより、ウェブサイト上のすべての画像のWebPバージョンが作成され、ファイルサイズが通常よりも大幅に小さくなります。 JPG or PNG フォーマット。
重要な注意事項
WebP オプションはエクスポート専用の機能であり、Web サイトがプレビュー モードで生成される場合には適用されません。
動画を最適化する
大きな動画ファイルはページサイズを大幅に増加させ、ウェブサイトの速度を低下させる可能性があります。ご自身で動画をホスティングされる場合は、 ハンドブレーキ ウェブ向けに最適化します。
プリロード
大容量の自己ホスト型ビデオおよびオーディオファイルの場合は、 無効にする プレーヤーBricのプリロードオプション。これにより、ページの読み込みパフォーマンスが向上し、ページの重さが軽減されます。
遅延読み込み
有効にすることをお勧めします レイジーロード ページの軽量化に役立つエクスポートオプション。この機能は、画像、動画、音声などのリソースの読み込みを画面に表示されるまで遅らせます。