1. HOME
  2. 開発・ブログ運営
  3. HTML/CSS
  4. CSS と Javascript の読み込み順序を変えてみた
2015年05月27日
CSS で Mac キーボード風の装飾
2014年09月23日
CSS と Javascript の読み込み順序を変えてみた ...
2012年11月19日
Facebook の「いいね」ボタンとかの文字化けを直す方法 ...
2012年06月10日
list-style-imageで指定した画像がちょっとズレる ...
2016年07月29日
AMP ページに Google Analytics のトラッキ ...
2012年08月24日
Google Chrome 以外では HTML5 の < ...

CSS と Javascript の読み込み順序を変えてみた

今更だけど <head>タグ内の読み込み順序を整理してみました。

<head> タグの読み込み順序は、

1. CSS
2. Javascript

の順序で読み込んだ方が高速にページ表示がされるそうです。

なので、WordPress のスタイルシート(style.css)を各種 Javascript ファイルを読み込むのはもちろん、プラグインが出力する CSS とか Javascript なんかも考慮して、header.php 内の <head> タグを整理してみました。

これで読み込み順序による最適化は大丈夫なはず。(それとも #3 と #4 は最後の方が良いのかな?)

というか、style.css とかを wp_enqueue_style() で読み込んでみるとか、プラグインが出力する Javascript や CSS の制御だとか、やることはまだまだありますので、#3 と #4 が後だ先だ、なんて話は些末ですね.

ってことで、とりあえず読み込む順番を変更しただけでお茶を濁しときます。

でわでわ。








この記事にコメントする





Copyright © 2012 - 2014 MacBook Air とWordPressでこうなった All rights reserved
Powered by WordPress.