Above the fold css optimize logged in user flickering content

  • Hello,

    After playing a while with the settings i have reached the point i am happy with the speed and the page score.

    There is only one thing what I dislike. When I optimize the logged in users the site speed is really fast. But, on pages with as an example a frontent dashboard (dokan plugin) the content is not loading nice.

    First it is showing the whole content stretched without layout assigned to it, then it flashes back to the good layout. It is not looking very professional.

    This is happening when I activate the critical css above the fold.. how can I take care the behaviour is normal and the dashboard is loading straight in the right style?

    Regards

    Jap

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter havealookhere

    (@havealookhere)

    IN addition to this message..

    When a user is logged in, most of the pages load in a two step styling thing.. first without decent styling then flashing to the right style.

    However when a user is not logged in, the behaviour is gone on normal pages.

    Regards Jap

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    this looks like a problem with the above-the-fold CSS, how did you generate it @havealookhere ? or are you using the “autoptimize critical CSS power-up”?

    groeten uit Belgi?,
    frank

    Thread Starter havealookhere

    (@havealookhere)

    Hello,

    No i do not use the plugin..

    I tried to create the critical css by opening the autoptimize css in the sourcecode, but then it was to big To make the file.. then I did find a website what did it automaticly.

    Is it possible in another way ? because this site is now in developing and it does not make sence to pay for that kind of plugin I think.

    Or, do you think then the problem will be gone only by using this plugin and thirth party?

    Regards Jap
    Enne groeten uit nederland! ??

    • This reply was modified 5 years, 3 months ago by havealookhere.
    Plugin Author Optimizing Matters

    (@optimizingmatters)

    the problem is now you have one block of critical CSS that used on all pages. on some it might work OK, on some it might not. the “power-up” generates rules that result in different critical CSS being used on different pages, which is what most sites indeed need. the alternative would be to tinker with the generated CCSS yourself to make sure it applies to more pages.

    re. logged in users; there the power-up cannot really help, as the criticalcss.com service extracts the CCSS for anonymous users (it cannot log in).

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Above the fold css optimize logged in user flickering content’ is closed to new replies.