Google Chromeのネイティブビデオおよびオーディオ遅延読み込みでウェブパフォーマンスを向上させましょう

Google Chromeのネイティブビデオおよびオーディオ遅延読み込みでウェブパフォーマンスを向上させましょう

Google ChromeおよびChromiumブラウザにおける遅延読み込みのネイティブサポートが近日中に開始されます

Google Chromeは、EdgeやVivaldiといった他のChromiumベースのブラウザと同様に、動画や音声コンテンツの遅延読み込みをネイティブでサポートする機能を導入しようとしている。この機能強化案は、Chromiumプロジェクトへの貢献実績を持つ独立系開発者、ヘルムート・ヤヌシュカ氏によるものだ。

遅延読み込みを理解する

遅延読み込みの概念はChromeに数年前から存在しており、当初は画像とiframeに限定されていました。今回の新たな提案は、この機能を動画ファイルや音声ファイルにも拡張することを目的としており、特にメディアコンテンツの多いウェブサイトにおいて、ページの読み込み速度を大幅に向上させることが期待されます。

Chromiumの自動遅延読み込み

遅延読み込みの仕組み

遅延読み込みは、メディアファイルが必要になるまで完全に読み込まれないようにすることで、Webパフォーマンスを最適化します。例えば、一般的なブラウジングでは、動画や画像は、スクロールやナビゲーションによってビューポートに表示されるまで読み込まれません。この機能がないと、Chromeなどのブラウザはこれらのメディア要素を時期尚早に読み込んでしまい、Webサイトのパフォーマンスが低下する可能性があります。

現状の慣行と限界

多くのウェブサイトでは、音声や動画の遅延読み込みを実装するためにJavaScriptを使用していますが、この方法は必ずしも効率的とは言えません。開発者のヘルムート・ヤヌシュカ氏が指摘するように、「ネイティブサポートがない場合、開発者はIntersection Observerを使用してメディア要素がビューポートに入ったことを検出するためのカスタムJavaScriptソリューションを実装する必要があります。」このようにJavaScriptに依存すると、潜在的なエラーが発生するだけでなく、リソース管理が複雑になり、ブラウザのプリロード機能を効果的に活用できなくなります。

提案されたネイティブ統合

ヤヌシュカ氏は、リソース管理を改善するために、<img 属性など、ネイティブの遅延読み込み属性を HTML に直接組み込むことを推奨していますloading="lazy"。これを実装することで、ブラウザはメディアファイルの読み込みタイミングを効率的に処理できるようになり、最終的にパフォーマンスが向上し、不要なデータ使用量が削減されます。「ネイティブの遅延読み込みにより、ブラウザはネットワークを考慮したしきい値に基づいてリソースの読み込みを最適化できます」とヤヌシュカ氏は強調しました。

進捗状況と今後の実施計画

Windows Latestの報道によると、この機能の初期段階は1月に画像とiframeの実装から始まり、その後開発パイプラインを経て進展してきた。最新のアップデートでは、この機能がChrome 148の安定版でまもなく展開されることが示唆されており、パフォーマンス向上を待ち望んでいたユーザーにとって待望のリリースとなるだろう。

関連記事:

Windows 11のセキュアブート2023アップデートが一部のPCで失敗、より広範なファームウェアの問題が明らかに
BTSのベストソングとワーストソングを総合ランキング形式で紹介

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です