ここにあなたが知っておくべきことがいくつかあります – Codepen

細かい細かい、ここにあなたがいくつかのことがあります できた あなたがヒップであり、ウェブサイトをうまく構築することについてのことを知ることになっているかどうかを知ってください。

• あなた 怠zyなロードヒーローイメージはすべきではありません。それはあなたの最大の満足しているペイントメトリックを傷つけます、そして、当然、それはページが完成していると感じてユーザーの準備ができていると感じたときに遅れます。 LCPの場合 それでもバックエンドの問題である可能性があります。
• Googleフォントはそうです GDPR以外の準拠を支配しました。使用できます Google-Webfonts-Helper 自己ホスト（大丈夫）、またはCloudFlareを使用した場合は、めちゃくちゃにしてください CloudFlareフォント また、Googleフォントの使用量が自己ホストされるように変更されます。
• 投機規則 Webパフォーマンスの世界では非常に強力な新しいツールであり、クリックする直前にページを完全にレンダリングすることができます。 instant.page やった/した。
• svgをJavaScriptバンドルにインランスさせます 他の方法でロードするよりも3が遅く/悪いです。
• おそらく作ることができる最小のPNG 67バイトです。
• sizes="auto" ほとんど必要です width そして height 属性 タグ。
• あなたが好きなら ゾッド データ検証には、そうする必要があります validbotに注意してください、1kb以下の代替品。
• あなたはできる ネイティブHTMLチェックボックスをトグルUIに徐々に強化する このような 、今のところSafariでのみサポートされています。
• color-mix() CSSの機能は、生産に最適です 色共有のグレースケールカラーパレット。