主に技術的なことを書くブログ

浅めにマークアップ&フロントエンドの技術的なことをメモしていましたが、ざっくばらんに書いています。

差がつく知識。

ページビューでのストレスをなくすために必要な知識をおしえてもらったので、メモっておく。

これらすべてを必ずしも実行する必要はないが、知っているだけでも他のデザイナーさんやコーダーさんたちよりも一歩前に出ることができる。との話。(をこんな公にしていいのかはさておき)

たしかに、普通の感覚でただの仕事の範囲内で言われたことだけやってる人にとっては、そんな細かいこと!と思うかもしれないが、そういうことを惜しまずにやれるかやれないかというのは、クリエイターの気質を持っているかどうか、というところにも関わってくると思う。

  • 2色のストライプの背景画像を敷くときは、背景色にその中間色を指定しおくと、レンダリングの体感速度が上がる。
  • 高さが指定できるところは指定しおく。これも、レンダリングの体感速度が上がる。
  • CSSはimport(管理はしやすいが)させるよりも、ヘッダーに直リンクの方が読み込みスピードが早い。
  • レンダリングに関係のないjavascriptは</body>直前で読み込ませる。
  • gifの32色とpng8の32色ならpng8の方が画像サイズが軽い。(とりあえず、32にしてそっから必要なところは画質を上げるというスタンス。)
  • gifは横に画像データを持つので、横のグラデーションに対しては色数が増える。そのためサイズも重くなる。
  • 画像のメタ情報を削除してくれる Firefoxアドオンで微妙に画像サイズが落ちる。