読者です 読者をやめる 読者になる 読者になる

山下寛人オフィシャルブログ

オイシックス株式会社 執行役員 システム本部長 山下寛人の公式ブログです。

webページの表示高速化

オイシックスは特にスマホのサイトが重いので地道に表示を高速化する活動をしております。今月はいろいろなテクニックを駆使してスマホサイトが結構軽くなりました。今まではうーんと待ってから表示されていたのが、0.3秒くらいでぴゅっと出るようになりました。

結構インパクトがあったのが画像の遅延ロードです。ページが縦に長く、画像がたくさんあるので最初は読み込まず下にスクロールしたら読み込むというようなことをしてみました。

しかしよく考えるとこれって何かむなしいです。webブラウザはもともとサーバーから読み込んだコンテンツを全部読む前に随時描画していくのが特徴です。全部読み込み終わってから描画だと待ち時間が長くなるのでそうすることで体感的に早く感じられるようにしているのです。昔のブロードバンド以前のインターネットではその様子がよくわかりました。

画像の遅延ロードはそれをわざわざもう一回手作りで実装している感じがしてしまいます。ブラウザのほうで最適化してほしいところです。