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

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

最初のスライダーを配置すると、LCP（Largest Contentful Paint）の指標が著しく悪化します。ブラウザはまず重いJSライブラリをロードして初期化し、その後でメインコンテンツを描画するため、目に見える遅延が発生します。

ユーザビリティの観点では、自動フレーム回転は情報理解の妨げとなり、ユーザーは1つのスライドのテキストを読み終える前に次のスライドに切り替わってしまうことがよくあります。これは認知的な不快感を生み、インターフェースの制御を失うことでリソースへの信頼性を低下させます。

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

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

心理的に突然の音声はユーザーを怖がらせ、直帰率の急上昇を招く可能性があります。ユーザーは、特にモバイル環境では、音量オフボタンを探すよりもタブを閉じることを選ぶでしょう。

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

5 MB のしきい値を超えると、過剰なペイロードとなり、データの解析時にデバイスの RAM とプロセッサに過負荷がかかります。モバイルデバイスでは、これにより Time to Interactive (TTI) が長くなり、ページは表示されているように見えますが、インターフェースが「フリーズ」してタッチに反応しなくなります。

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

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