モバイル ユーザーとデスクトップ ユーザーの両方のために、動的コンテンツを含むレスポンシブ Web サイトを最適化する簡単な方法を探していました。
私は、モバイル環境ではなくデスクトップ環境でのみ意味のあるスタイリングと js 機能をかなり持っています。一方で、私のレイアウトはタブレットの平均サイズ以下にしか収まらないため、どこを切り替えるべきかを指摘するのが難しくなっています。
モバイルとデスクトップの両方のユーザーにあらゆることを押し付けるのは避けたいと思います。代わりに、ロードする必要があるスタイルシートとスクリプトを切り替えます。サイトは一定のままであり、重要なコンテンツは ajax で読み込まれるため、他のすべての読み込み時間を最小限に抑えることをお勧めします。
私が最初に考えたのは、タッチ機能の検出に応じて、別の css および js ファイルにロードするように modernizr 関数を作成することでした。しかし、それは、多くの非モバイル ブラウザーがタッチ対応として表示されるようになったことを知る前のことです :/
デバイス幅のメディアクエリに固執したり、両方のいずれかを使用したり、一部のブラウザーのバージョンやデバイスがカバーされないことを心配したりすることなく、今のところこれをどのように回避するのか疑問に思っています.