How to generate Critical CSS in Newspaper 11?

Posted in: Newspaper
Post count: 364

Hi,

I clicked “tagDiv CSS Analyzer” -> “Run CSS Analyzer” in Desktop Admin Top Bar. After that I waited half an hour for the analysis to complete (don’t know why this has to take that long). After the analysis took place, I pressed the “Generate Critical CSS” buttton. Screnshot: https://prnt.sc/15q9mmy
And then? Nothing happens. There is no “Save” button or something like that. The only thing I can press is the X. Then I get the window message “Are you sure you want to leave? Please make sure you have saved the CSS.” But where? There is no way to save it. It feels like I wasted half an hour.

Please provide a tutorial of how to generate and apply the Critical CSS. Please also explain how to generate the Critical CSS for mobile.

Thank you!

Post count: 18283

Hello!

On the pages you have 2 buttons: Remove and Generate critical CSS
On template you have only the generate CSS. On pages you can directly generate CSS like on the templates. Or you can remove all the css and generate it.

I hope this was helfpul!

Thank you!

Post count: 364

Hello Vlad,

Thanks for your reply. Unfortunately nothing is clear. How can I save the Ciritcal CSS?

What do you mean with “on template you have only the generate CSS”? How to save the generated CSS? What is the difference between CSS generated on pages and on templates?

Could you please exlplain all with screenshots?

Thank you!

Post count: 83

sorry if I enter but it’s important speaking of CSS:
I upgraded to 11 and everything works fine except for a small bug:
when you store the “critical” css on a post page, the related amp page loses its custom settings.
Eg, the color of the header, the font size, are only possibles in default ones.
If you want to customize a bit the amp pages of the articles you have to give up the “css generator”.
Sorry for the intrusion, but it was important, maybe it can be fixed with little …
Thanks for your attention
M

Post count: 18283

Hello!

I have spoken to our developers and at the moment it seems to be an issue with this plugin. It is being fixed as we speak. New steps to use this plugin will be coming with the new fix.

We are sorry for the inconvenience!
Thank you!

Post count: 364

Hi,

I still have issues generating the Critical CSS. I can analyse the CSS and press “Generate Critical CSS” but then noting happens. When I look into the console, I see “Failed to load resource: the server responded with a status of 403 () https://xxx/wp-json/tda/save_essential_css?uuid=1480a66c-687e-8488-3bc8-503931a16a05”

Any idea how to fix this?

Thanks!

Post count: 21065

Hello!

Please make sure you have the latest version of the theme and plugins(11.2)
Sometimes, the issue can be from a plugin conflict also, that’s why, please deactivate ALL plugins except tagDiv ones, also if you are using child theme or cache plugin, deactivate them, clear all cache(also from your browser) and try again.
If this problem is not solved after that, then we need to take a look and see what happened there.
Please contact us via email at contact@tagdiv.com and provide the following:
– admin url and credentials
– cPanel url and credentials
– a link to this topic in order to identify you
Our team will take a look!

Thank you!

Viewing 7 posts - 1 through 7 (of 7 total)
The forum ‘Newspaper’ is closed to new topics and replies.