このサイトをリニューアルして数ヶ月経つが、リニューアル後からレスポンシブWebデザインに対応している。レスポンシブWEBデザインというのは、ざっくり言えば、 従来PC用/モバイル用とWEBページを分けるのが主流だったが、一つのWEBページをスクリーンの幅に合わせてデザインを柔軟に切り分けるというもの。技術的にはCSS(スタイルシート)を使用する。 といった感じだと思う(デザインは専門外なので多少の誤りはご勘弁を)。で、このレスポンシブWEBデザインにしてから悩みがあった。それはスマホとかで見るとサイトがやたらと重いこと。この原因が最近ようやく分かって、対策出来たのでご紹介。 当サイトのデバイス別表示 まずはこのサイトがどんな感じになっているかを紹介してみる。 PCでトップページを表示するとこんな感じになる。 この状態でブラウザの横幅を狭めていくと、、、 サイドバーが消える。簡単に言えばこれ
![レスポンシブWebデザインで表示が遅い時の確認ポイントは、非表示領域の実装でした - アナザーディメンション](https://cdn-ak-scissors.b.st-hatena.com/image/square/e91fa10c9b844833a9c2a5d0829f5e9be0b78a6c/height=288;version=1;width=512/https%3A%2F%2Festpolis.com%2Fwp-content%2Fuploads%2F2013%2F08%2F9581405982_f7e0e767b4.jpg)