モバイルユーザーの47%以上は、ウェブサイトの読み込み速度に悩まされています。管理者は、今後このような問題を解決していかなくてはならないでしょう。それには、レスポンシブを上げるだけでは効果は上がりません。サイトのランキング、サーバーのローディング削減、コンバージョンの効率化・・・これらのことを改善していく必要があります。
そこで、ウェブサイトに使えるレスポンシブを上げるためのテクニックを、10個ご紹介したいと思います。
1. HTTPのリクエスト数を減らす
HTTPは、モバイルデータの速度に大きく関与しています。CSSまたはHTMLのファイルが各要素(スクリプト、画像、スタイルシート、フラッシュなど)を読み込む際にリクエストが要求されます。その要素が多ければ多いほど、読み込む速度も長くなります。そこで、リンクを7個までにし、フォームや機能を追加する代わりに短いコピーを作成して時間を短縮してください。また、画像ではなくCSSを使用して多機能シートを活用するのもおすすめです。さらに、スクリプトを排除して下部に移動させることで、ユーザーを長時間待たせることなくコンテンツを表示させることが可能です。
2. ブラウザのキャッシュを利用する
ほとんどのブラウザにはストアのコピーが残っています。ユーザーのデバイスには、一番初め
コメント