これがこの質問に最適な場所かどうかはわかりませんが、私が本当に興味を持っていたことです。device-pixel-ratio、タッチ サポートなど、Web サイトのリソース/アセットを読み込むために、クライアント側でのみ利用可能なデータを使用したいと考えています。
ページのコンテンツは変更されず、JS ファイル、CSS ファイル、画像ファイルなどのリソースのみが変更されます。
クライアント側のテストを実行し、データを Cookie に保存し、ページをリロードして、Cookie に保存されたデータに基づいてリソースをロードする、このように機能するスクリプトが既にいくつかあります。
プロセスは次のように機能します。
- ユーザーがサイトに来る
- JS はデバイス機能を使用して Cookie を設定します
- JS は現在のページをリロードします
- サーバーはすべての機能データを含む Cookie にアクセスできるようになりました
- このデータに基づいてリソースとアセットを条件付きでロードできます
ユーザーがページにアクセスしたときにすぐにページをリロードするのは悪い習慣ですか。この方法に SEO の欠点はありますか。デバイスの機能に基づいて条件付きでリソースをロードするための優れた手法のようです。これをしない理由があるかどうかはわかりませんか?