第806回:次のサイトデザイン

« 第805回:レスポンシブ・デザイン | 近況トップ | 第807回:お絵描きのこと »

第806回:次のサイトデザイン

 前2回のような考えのもと、次にサイトデザインを変えるときはどうしよう、と考えつつあります。

 今のサイトデザインは、PC・スマホで共通のデザインにしつつ、できるだけ画像を大きくしようという考えで作りました。

 ですがこれ、あくまで過去形です。

 お分かりいただけると思いますが、世間のサイトと比べて、決して画像は大きくありません。

 なぜこの程度で「大きい」と考えて作ったかと言いますと、データ量を意識したからなんです。

 スマホ通信のデータ量制限を考えて、その負荷と画像の大きさとのバランスを探った結果がこれでした。

 余談ですが、今の前の代のデザインでは、トップページのデータ総量を200KB以内に納めるようにしていました。

 さすがにこれでは今風のデザインにはできないので、総量制限を倍に緩和して、今のデザインを作っています。

 今度のデザインでは、そこをさらに緩和して、フルHDの全画面サイズの画像ぐらいは使ってみようと思います。

 当然データ量は跳ね上がりますが、HTML5のsrcset属性を使って、小さな画面では小さな画像を読むようにして、若干でもデータ量の削減をしようかと。

 ちなみにこのsrcset属性はIEでは使えませんが、先のとおりIEは切り捨てるから堂々と使えます。

 今までと同じく、データ量・セキュリティの面から極力スクリプトを使わないようにしながら、どこまで垢抜けたサイトができるか。

 そのあたりをテーマにして、取り組んでいこうと思います。

 現行デザインが5年を迎えることになる(そしてサイト開設20周年になる)来年初頭を切替の目途として、準備していきたいと思います。

2018年12月24日 00:00 カテゴリー:雑記

« 第805回:レスポンシブ・デザイン | 近況トップ | 第807回:お絵描きのこと »

Movable Type