Title: “Inline and Defer CSS” causes loading problems.
Last modified: May 3, 2017

---

# “Inline and Defer CSS” causes loading problems.

 *  Resolved [annamp](https://wordpress.org/support/users/annamp/)
 * (@annamp)
 * [9 years ago](https://wordpress.org/support/topic/inline-and-defer-css-causes-loading-problems/)
 * Hello,
 * I am using autoptimize plugin and I am totaly satisfied.
    As PageSpeed Insights
   result for mobiles is 47/100, I tried to eliminate render blocking by using autoptimize
   inline and defer css option. I used [https://jonassebastianohlsson.com/criticalpathcssgenerator/](https://jonassebastianohlsson.com/criticalpathcssgenerator/)
   to create critical path css but when the page is loading, you see the page without
   css for a few seconds. Moreover the other pages have appearance issues.
 * site: [https://www.miltostsenekos.com](https://www.miltostsenekos.com)
 * I would appreciate any help.
 * Thank you in advance.

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Plugin Author [Frank Goossens](https://wordpress.org/support/users/futtta/)
 * (@futtta)
 * [9 years ago](https://wordpress.org/support/topic/inline-and-defer-css-causes-loading-problems/#post-9092556)
 * that typically is due to the critical CSS not being sufficient to render the 
   page [@annamp](https://wordpress.org/support/users/annamp/), try generating it
   with another tool maybe and/ or tweak it manually?
 * hope this helps,
    frank
 *  Thread Starter [annamp](https://wordpress.org/support/users/annamp/)
 * (@annamp)
 * [9 years ago](https://wordpress.org/support/topic/inline-and-defer-css-causes-loading-problems/#post-9092919)
 * Thank you for the quick response.
 * Can you please suggest me another tool?
 * Anna
 *  Thread Starter [annamp](https://wordpress.org/support/users/annamp/)
 * (@annamp)
 * [9 years ago](https://wordpress.org/support/topic/inline-and-defer-css-causes-loading-problems/#post-9092942)
 * I have also noticed 2 css files one for media all and another one for media screen,
   for which of these I have to genererate the critical css path? I guess fot the
   both of them.
 *  Plugin Author [Frank Goossens](https://wordpress.org/support/users/futtta/)
 * (@futtta)
 * [9 years ago](https://wordpress.org/support/topic/inline-and-defer-css-causes-loading-problems/#post-9092982)
 * for other tools, have a look in [AO’s FAQ](https://wordpress.org/plugins/autoptimize/faq/).
 * for how to generate, have a look at this video maybe;
    -  This reply was modified 9 years ago by [Frank Goossens](https://wordpress.org/support/users/futtta/).
 *  Thread Starter [annamp](https://wordpress.org/support/users/annamp/)
 * (@annamp)
 * [9 years ago](https://wordpress.org/support/topic/inline-and-defer-css-causes-loading-problems/#post-9093154)
 * thank you for your replay.
 * I have already watched this video and I found it very useful.
 * I generated critical css path for both css and some issues have solved but remains
   the problem with the other pages css and appearance, could you please tell me
   where can I find the next lecture which refers to this?
 *  Plugin Author [Frank Goossens](https://wordpress.org/support/users/futtta/)
 * (@futtta)
 * [9 years ago](https://wordpress.org/support/topic/inline-and-defer-css-causes-loading-problems/#post-9093545)
 * no links to lectures I’m afraid.
 * what you can do;
    * try creating critical CSS for Homepage & other pages and 
   combine those (i.e. extract CSS rules for normal pages that are not in the HP
   one and add it to the HP CSS) * if you’re into development you could try to hook
   into AO’s API to inject different above the fold CSS for different pages * if
   you’re willing to pay for a premium solution, criticalcss.com offers an autoptimize“
   power-up” that has a UI that allows you to create rules for which crit. css to
   add where (cfr. [https://www.youtube.com/watch?v=S5sjZRWsgrM](https://www.youtube.com/watch?v=S5sjZRWsgrM))
 * hope this helps,
    frank

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘“Inline and Defer CSS” causes loading problems.’ is closed to new replies.

 * ![](https://ps.w.org/autoptimize/assets/icon-256X256.png?rev=2211608)
 * [Autoptimize](https://wordpress.org/plugins/autoptimize/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/autoptimize/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/autoptimize/)
 * [Active Topics](https://wordpress.org/support/plugin/autoptimize/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/autoptimize/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/autoptimize/reviews/)

## Tags

 * [Eliminate render blocking](https://wordpress.org/support/topic-tag/eliminate-render-blocking/)
 * [inline and defer CSS](https://wordpress.org/support/topic-tag/inline-and-defer-css/)

 * 6 replies
 * 2 participants
 * Last reply from: [Frank Goossens](https://wordpress.org/support/users/futtta/)
 * Last activity: [9 years ago](https://wordpress.org/support/topic/inline-and-defer-css-causes-loading-problems/#post-9093545)
 * Status: resolved