2018年08月01日
Docker for Mac を使って WordPress の...
2018年07月29日
Docker for Mac のインストール
2018年07月08日
Docker 便利コマンドあれこれ
2018年07月08日
オライリーの Docker 本(Docker Up &...
2018年07月05日
iPad mini 2 を購入しました
2018年07月04日
Docker で Jenkins するときのあれこれ

HOME > カテゴリ(HTML/CSS, JavaScript, WEB パフォーマンス)の記事

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



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

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

1. CSS
2. Javascript

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

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

整理後の header.php はこんな感じ。







サイトタイトル







 ← ここにプラグインが CSS, Javascript を出力する


























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

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

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

でわでわ。






この記事にコメントする





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