私の新しいウェブサイトはついに完成し、テストしたほとんどのデバイスで非常にスムーズに動作します. 私が最適化したのはコードだけだったので、すべての .css および .html ファイルのすべてのコメントとその他の不要な行を削除しました。しかし、それ以上に、モバイル コンテキストに特化した Web サイトを最適化するために他に何ができるでしょうか?
ここで見ることができます (すべての画像はデモ用にのみ使用されています): http://mbaljan.de/weblab/sites/designtisch/
インターネット接続速度またはデバイス、またはその両方に基づいて、ブラウザに提供されるものを変更することを検討しています。たとえば、Web サイトがモバイル デバイスで表示されている場合は、小さい画像を提供します。これにより、ロード時間が短縮されます。それを行うには、アダプティブ イメージをチェックしてください: http://adaptive-images.com/
それとは別に、ロードされるファイルの数を減らすことは良い考えです。たとえば、1 つの jQuery/javascript ファイル。また、すべての JavaScript ファイル (必要に応じて CSS も) を縮小して、ファイル サイズを縮小し、読み込み時間を短縮することもできます。将来これらのファイルを再度変更する場合は、圧縮されていないバックアップを保持する必要があります。チェックアウト: http://javascriptcompressor.com/
もう 1 つ確認できることは、イメージ スプライトを使用することです。そうすることで、ロードされる画像ファイルの数を減らすことができます。これはアダプティブ イメージでは機能しないため、ロゴやアイコンなどにはスプライトを使用するのが最適です。