ウェブサイトにおける悪い慣行

最初のセクションのスライダーと描画の遅延

最初のセクションにスライダーを配置すると、LCP（Largest Contentful Paint）の指標が著しく悪化します。ブラウザはまずJSをロードして初期化しなければならず、その後にようやくメインコンテンツを描画することになるため、目に見える遅延が生じます。

ユーザビリティの観点から見ると、スライドの自動切り替えは情報の理解を妨げます。ユーザーは、あるスライドのテキストを読み終える前に次のスライドに切り替わってしまうことが多々あります。これにより認知的な不快感が生じ、インターフェースに対するコントロールを失うことで、サイトへの信頼感が低下します。

強制音声付きビデオの自動再生

最新のブラウザ（Chrome、Safari）の自動再生ポリシーは、ユーザーが意識的にクリックするまでオーディオストリームをブロックします。これらの制限を技術的に回避しようとすると、コンソールでエラーが発生したり、メディアプレーヤーが正しく動作しなくなったりすることがよくあります。

心理的に、突然の音はユーザーを驚かせ、直ちに直帰率の上昇を招く可能性があります。特にスマートフォンでは、ユーザーはミュートボタンを探すよりも、タブを閉じてしまう傾向があります。

ページのクリティカルウェイト (> 5 MB)

5MBの閾値を超えると、ペイロードが過剰となり、データの解析時にデバイスのRAMやプロセッサに過度な負荷がかかります。モバイルデバイスでは、これによりTime to Interactive（TTI）が長くなり、ページは表示されるものの、インターフェースがタッチ操作に反応しなくなります。

主な原因としては、通常、最新のフォーマット（WebP、AVIF）を使用していない最適化されていないグラフィックや余分なコードが挙げられます。モバイルインターネット環境では、このような重量により、サイトの一部ユーザーがアクセスできなくなる可能性があります。

この記事は今後も更新されます！

記事は随時更新されます