27
25

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

HTMLコーディングする時は、せめてこれだけやろう

Last updated at Posted at 2014-10-22

#CSSを読込んでからJSを読込む

下のコードのコメントアウト辺りで読込む
これだけでもパフォーマンス向上!

HTML
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>タイトル</title>
<!-- CSSここで読込んで -->
</head>
<body>

ここにHTML書く

<!-- JavaScript body閉じタグの直前で読込んで -->
</body>
</html>

JavaScriptを</body>の直前で読み込み動かないライブラリなどがあれば、

タグ内へ移動。

#画像の容量を小さくする

PhotoshopなどからPNG画像を書き出したまま使わないで、せめてなにかツール使って容量を小さくする!

これとか
https://tinypng.com/

#まとめ

制作現場を見ていると何にも考えないでコーディングしているのを沢山みるので、ちょっと気をつけて欲しいな。と思ったり。
試してみてうまくいかなければ改善して行けば良いと思います。

27
25
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
27
25

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?