Solution 1 :

You can control CSS Block Render-Blocking

Let’s do the merge all the css code in one css file.

Always put your stylessheets in the doucment Head using the link tag

Below Example

Problem :

I have heard these two statements:

  1. CSS is render-blocking
  2. We can have Flash of Unstyled Content

now the second statement needs rendering and if CSS blocks rendering how can we have such unstyled content?

PS: tag javascript added to increase the reach of the question to the web community

Comments

Comment posted by developers.google.com/web/fundamentals/performance/…

developers.google.com/web/fundamentals/performance/…

By