![](https://res.cloudinary.com/techfeed/image/fetch/w_280,h_210,c_fill/https%3A%2F%2Fvuejsdevelopers.com%2Fimages%2Fposts%2Fcritical_css_header.jpg)
Critical CSS and Webpack: Automatically Minimize Render-Blocking CSS
ARANK
If we only load the CSS that's useful for the initial page render, our users will see the page quicker. Isolating critical CSS and loading non-critical CSS in idle time is something that can be done programmatically in your Webpack pipeline.
2 comments
ちょっと使ってみようかしら。インラインCSSにして、クリティカルレンダリングパス対策ができるやつ。
HTMLCriticalPlugInなんてWebpackプラグインがあるのか
https://github.com/anthonygore/html-critical-webpack-plugin
知らなかった