{"author_url":"https://blog.hatena.ne.jp/varmil/","author_name":"varmil","url":"https://varmil.hateblo.jp/entry/2016/08/29/164452","height":"190","width":"100%","image_url":null,"provider_name":"Hatena Blog","html":"","blog_url":"https://varmil.hateblo.jp/","title":" isomorphic-style-loader\u306e\u4f7f\u3044\u65b9","type":"rich","categories":["react"],"blog_title":"varmil\u2019s diary","description":"github.com \u6982\u8981 Critical CSS \u3092 \u306e\u4e2d\u306b\u30b5\u30fc\u30d0\u5074\u3067\u5c55\u958b\u3059\u308b\u305f\u3081\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3002\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u5074\u3082\u30b5\u30fc\u30d0\u5074\u3082\u540c\u3058webpack\u8a2d\u5b9a\u3067\u7528\u3044\u308b\u3002 \u305f\u3060\u306estyle-loader\u3060\u3068\u30b5\u30fc\u30d0\u5074\u306f\u4f7f\u7528\u3067\u304d\u306a\u3044\uff08DOM\u64cd\u4f5c\u3092\u4f34\u3046\u306e\u3067\u30d3\u30eb\u30c9\u6642\u306b\u30a8\u30e9\u30fc\u306b\u306a\u308b\uff09\u3002\u305d\u306e\u305f\u3081\u30b5\u30fc\u30d0\u5074\u3067HTML\u30b3\u30f3\u30c6\u30f3\u30c4\u3060\u3051\u7d44\u307f\u7acb\u3066\u3066\uff08\u534aSSR\u307f\u305f\u3044\u306a\u5f62\u3067\uff09Response\u3092\u8fd4\u3059\u3068\u3001\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u5074\u3067 FOUC \u304c\u767a\u751f\u3057\u3066\u3057\u307e\u3046\uff08HTML\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0 --> JS\u8aad\u307f\u8fbc\u307f --> \u5185\u306bCSS\u5c55\u958b --> \u9069\u7528 \u3068\u3044\u3046\u9806\u756a\u3067\u8a55\u4fa1\u3055\u308c\u308b\u305f\u3081\uff09\u3002\u3053\u308c\u3092\u56de\u907f\u3059\u308b\u305f\u3081\u306bSSR\u6642\u306bCSS\u3082\u2026","provider_url":"https://hatena.blog","published":"2016-08-29 16:44:52","version":"1.0"}