google speed Insightが推奨するCSSの後読み方法です。
l.hrefCSSurlを追加します。
※基本的なCSSはインラインでheadに記載して、後から読み込んでOKなものをJSで呼び出します。

<script&gt;
var cb = function() {
var l = document.createElement('link'); l.rel = 'stylesheet';
l.href = 'style.css';
var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
};
var raf = requestAnimationFrame || mozRequestAnimationFrame ||
webkitRequestAnimationFrame || msRequestAnimationFrame;
if (raf) raf(cb);
else window.addEventListener('load', cb);
</script&gt;
ソースコード装飾ならGoogle code prettify

例えばfuncitons.phpに以下のように記載することで、wp_footで呼び出す事ができます。

function afterCss(){
$url = get_stylesheet_uri();
$after_css = <<< EOT
<script>var cb = function() {
var l = document.createElement('link'); l.rel = 'stylesheet';
l.href = '{$url}';
var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
};
var raf = requestAnimationFrame || mozRequestAnimationFrame ||
webkitRequestAnimationFrame || msRequestAnimationFrame;
if (raf) raf(cb);
else window.addEventListener('load', cb);
</script>
EOT;
echo $after_css;
}add_action('wp_footer', 'afterCss');
ソースコード装飾ならGoogle code prettify

 

スピードアップ!google PageSpeed Insightで高得点を狙う