「レスポンシブビデオ」として知られるアイデアを取り戻すために、私はスコットジェールの個人的な告発に感銘を受けました。あなたが見たことがあるなら 要素、および複数を提供する方法 sが違う @media 最高の試合のみを表示できるクエリは、すでにそれを取得します。ブラウザは、かつてはそれが良いアイデアであると賢明に考え、それがブラウザになったことが判明し、それが偉大な理由ではなく裂け、スコットはそれを望んでいました。

私のようにひどいブログの投稿を書くだけでなく、最善を尽くして かなり目をしてください 私が助けることができると思う人には、スコットは彼の袖を巻き上げて それをしました。

まず、彼はしなければなりませんでした キックアップします ワーキンググループでは、それが呼ばれるWhatWG、そして会話を始めます。会話は起こりましたが、それは消えました。何年も。それがまさにそれが時々行く方法です。しかし、運のストロークによって、それは再び蹴り上がり、火花の瞬間が起こりました：

…からの代表者 Firefox そして クロム 彼らが同意し、彼らの支持を復活させるつもりだと言って叫んだ！それに続いて、実装バグはに提出されました クロム そして Firefox トラッカー。

あなたは思うかもしれません 初め 物事は「スペック」に入ります それから ブラウザはそれらを実装することに同意します。しかし、それは実際には逆です。実装する契約が掲載されたので、仕様はレスポンシブビデオを元に戻すように追加されました。

うーん！それはたくさんです！

でも待って！

ブラウザが同意し、仕様が更新されたからといって、まだすぐに実際に起こるというわけではありません。誰かがまだ袖をまく必要があり、実際に する それ。余談ですが、それが理由だと思います イガリー このような多くのことに非常に成功し、関与しています。

この場合、行う者の行為は…スコットでした。

トリッキーな部分は、Webのコードを書くことです サイト とWeb ブラウザ は とても 違う。スコットは、C ++であるFirefoxに取り組みました。

最初の手順に従って、私の老化したMacBook Proは毎晩Firefoxをクローンして構築するのに少なくとも数時間かかりましたが、問題なくすべてが機能することを嬉しく思いました。その後、ビデオでメディア属性サポートを可能にするC ++コードの復活に移りました source 要素。

幸いなことに、オープンソースの良い恵みにより、スコットはこれらの機能が追加/削除された古いコミットを見つけることができたので、彼は出発点を持っていました。しかし、最終的にはもっと多くのことになり、スコットの知性、熱意、そして純粋な意志を通して、彼はそれをすべて押し通しました！彼はdo chromeについてでしたが、彼らは自分でそれをすることになりました。いいね！

良い！私は誤って再ブログされました スコットのブログ投稿。おっと。申し訳ありませんがスコット。しかし、それは私たちをさらにいくつかのパフォーマンス関連のリンクに賛成します。

Rick Viscomiには、Webパフォーマンスの概要があります、それについて考える方法、そして2024年を始めるときに何が起こっているのか。

2023年の開始時に、ウェブサイトの40.1％がモバイルユーザーエクスペリエンスのコアWebバイタル評価に合格しました。それ以来、着実に成長しています。 2023年9月の時点で、私たちはWebサイトの42.5％で、Core Web Vitals Assessment、2.4パーセントポイントの改善、つまり6.0％の改善に慣れています。これは新しい高値であり、Webエコシステム全体で信じられないほどの量の作業を表しています。

2.4％の動き ウェブ全体の 私にはかなり良いようです。

投稿には、より多くのデータと情報がロードされています。画像のパフォーマンスについて興味深いことを見つけました。

最も遅い部分は、実際にはリソース負荷です 遅れ。したがって、 遅いLCP画像をスピードアップする最大の機会は、より早くロードすることです。繰り返しになると、問題は、画像がロードにかかる時間が少なく、すぐにロードしていないということです。

画像のサイズとフォーマットは画像のパフォーマンスに非常に重要であるとしばしば考えていますが、すぐに読み込まないことは全体的に4倍の大きな問題のようなものです。これを傷つけるあらゆる種類のことがあります。完全にClienet側のレンダリングされたアプリはこれを傷つけます。使用 loading="lazy" 「最大の満足している塗料」に含まれる画像では、これも痛いです。あなたはaと反撃することができます rel="preload" 事柄ですが、可能であれば問題を避ける方が良いです。

画像のパフォーマンスといえば、Tim Severienは次のように尋ねます。 AvifはWeb上の支配的な画像形式である必要がありますか？ それは非常に複雑で、最終的には少し主観的で、イメージの種類と目標によって異なります。私の脳は勝者を宣言するのが大好きですが、ここでは起こらないのではないかと思います。これは計算コストのようなものにはなりませんでしたが、私は常にAvifではるかに高いと理解していました。個々の画像に基づいて呼び出しを行うツールのアイデアが気に入っています。

がある たくさん Webパフォーマンスの「なぜ」。サイトの信頼性が高く信頼できるようになり、人々が物事を待っていると気を散らさないため、彼らはすべてビジネスに適しているように、すべてが良いです。それは惑星にとって良いことです（炭素排出量が少ない）。アクセシビリティに適しています（遅い接続でサイトを使用できます）。

それはまた…私たちの脳の中でです。 Tammy Evertsは言います：

時間を考慮しないと、重要な使いやすさの要因と見なされると、ユーザーエクスペリエンスの基本的な側面が欠けています。

彼女の研究、そして他の人の研究を引用することは、これがすべてであることを示しています。私たちはただ焦りの存在であり、時間の経過とともに変化しておらず、そうではありません。

インターネットが変更され、Webページが成長して進化する可能性がありますが、ユーザーの期待は一定です。 人間の認識と応答時間に関する数は、45年以上にわたって一貫しています。 これらの数字はハードワイヤードです。それらを制御することはゼロです。これらは、特定の瞬間に使用しているデバイス、アプリケーション、または接続の種類に関係なく、一貫しています。

私たちの多くは、その鍵のかかった知識を持っています document.write() 悪いことであり、決して使用すべきではありません。それは、人々がウェブパフォーマンスを真剣に受け止めている初期の頃からの格言でなければなりません。 ハリー・ロバーツはそれを掘り、その理由を正確に説明します、それはまだ間違いなく真実なので。

ボーナス：

1MBクラブ 1メガバイト未満のパフォーマンスに焦点を当てたWebページのコレクションが増えています。