Skip to content

Instantly share code, notes, and snippets.

@kimniche

kimniche/critical-css-webpack.js

Last active June 21, 2017 19:01
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save kimniche/612425cffc469c5236f01b5af6b95cb8 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save kimniche/612425cffc469c5236f01b5af6b95cb8 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
critical-css-webpack.js
/**
https://developers.google.com/speed/docs/insights/PrioritizeVisibleContent
> Structure your page so the initial response from your server sends the data necessary to render the critical part
of the page immediately and defer the rest. This may mean that you must split your CSS into two parts:
- an inline part that is responsible for styling the ATF portion of the content,
- and the part that can be deferred.
Enter isomorphic-style-loader
> isomorphic-style-loader for Webpack allows to extract critical CSS for any given page/screen in React apps and
inline it into HTML during server-side rendering (SSR)
**/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment