パフォーマンスのリンクIII

• Githubの新しいホームページを迅速かつパフォーマンスにする- Tobias Ahlinは、交差点担当者のおかげでスクロール効果がどのように実行されるか、およびGetBoundingClientRectのようにトリガーするメソッドの使用を回避するという事実を説明します。また、Webp SVGマスク！
  
• Core Web VitalsとSEOについて私たちが知っているすべてのこと- Simon Hearneは、なぜ誰もがCWVに夢中になっている理由をカバーしています：SEO。サイモンは、私が何度か聞いたことがあると言います。ページエクスペリエンスの更新は、スティックよりもニンジンのアプローチです。Googleの目標を達成できなかったことに対して直接的なペナルティはありません。つまり、貧しいCWVに対して罰せられることはありませんが、良い数字にボーナスが与えられます。しかし、あなたを除いてあなたの周りの誰もがそのボーナスを得ているなら、それはペナルティと同じではありませんか？
  
• Webパフォーマンスの最適化とテストのためにCloudFlareワーカーのセットアップ- Matt Hobbsは、CloudFlareワーカーのセットアップで101のイントロから始まり、CSSファイルを傍受し、すべてのフォントファミリー宣言をコミックサンズに置き換えます。多分それが可能性に目を向けるでしょう。HTML、CSS、JavaScriptなどのすべての資産を操作できる場合、それらのことをよりパフォーマンスのあることを強制することができます。
  
• これが私がサービスワーカーと呼んでいるものです！ - Jeremy Wagnerは、インターネットを遅らせているウィスコンシン州ワーシャラ郡の人々が2倍の速さのどこかにサイトをロードできるように、ウェブサイト（例えば、ヘッダーとフッターなど）で一般的な部分をキャッシュする「ストリーミング」サービスワーカーを設定します。これは、フィリップウォルトンの「サービスワーカーとのより小さなHTMLペイロード」の記事に基づいています。
  
• 2021年に最速のF1ウェブサイトを持っているのは誰ですか？ - Jake Archibaldの壮大な10部構成のシリーズF1レーシングWebサイト（ああ、皮肉）のパフォーマンスを分析しました。これまでのところ、レッドブルがリードしているように見えます。これらすべてで多くのことを学ぶ必要があり、それはややカタルシス的な面白いビットを見て、彼らのサイトは1.8MBのブロックスクリプトのために遅かったが、そのうち1.7MBは、20×20でしか表示されていなかった馬の2300×2300 pngのインラインドされた2300×2300 pngでした。また、ジェイクがスプライト牛の元のビルダーであることを知っていたとは思いません！ （スプライトが悪いことが判明したため、それを使用しないでください。）
  
• 現実世界のCSS対CSS-in-JSパフォーマンスの比較- Tomas Pustelnikは、CSS-in-JSのパフォーマンスへの影響を検討します。または、私が指摘したいように：CSS-in-reacturtは、他のすべての大きなJavaScriptフレームワークに独自の祝福されたスタイリングソリューションを持っているので、それは常にそれが何であるかです。トマスは、スタイルのコンポーネントを手書きのバニラCSSと比較しませんでしたが、リナリアとは、ほとんどの人がまだCSS-in-JSと考えていると思います。 DXのスタイリングライブラリが何であれ、CSSを生産することは、生産に行く方法のように思えることに同意します。さらに別の理由CSSモジュールが好きです。新しいファンシーなLibもそれをやっています。
  
• 50MSリクエストのケース- ジュリアエヴァンスは、サーバー要求が必要以上に時間がかかる理由を把握しようとするために、このインタラクティブなパズルをまとめました。フロントエンドよりもバックエンドのものですが、トラブルシューティングの手順はおなじみのように感じます。マシンで試して、マシンで試してみて、サーバーが何をしているのかなどを確認してください。

以上がパフォーマンスのリンクIIIの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。