have a look at the AO FAQ Pablo, it explains how to exclude 🙂
hope this helps,
frank
Turns out that blocking the entire any-font folder didn’t help here.
The font would still visible, but by default it is too small. I am giving this text a class and a style to make it the size I need.
AO somehow blocks this style or class.
Any suggestions?
well, as you mentioned JS optimization, I suppose you excluded from that?
next up would be to exclude the style you added (inline or in a file) from CSS optimization?
I have added “plugins/use-any-font” to Exclude scripts from Autoptimize under JavaScript Options, but there is no change.
It is an inline style, but I only have this there: letter-spacing: 15px;
I think the rest (font type and size) are taken from class
How to add it?
try identifying a unique string in that block of inline CSS and add that. if need be you can add something unique in the inline CSS to make it easier to exclude 🙂
Here is the screenshot from the editor:
Cornerstone
And here is what I can see in firefox inspector:
Inspector
I am not exactly sure what to add to the exclusion list…
Also AO has a big impact on the page layout.
-
This reply was modified 7 years, 4 months ago by
pablo1020.
ah, it’s inline-inline, that is never aggregated anyhow, so no need to exclude. you could add an !important in there to make sure the style is not overwritten maybe.
Also AO has a big impact on the page layout.
can you make a screenshot of one page that has obvious issues and point them out so I can have a look?
Sure, so here is before and after activating the JS optimization.
so we’re looking at the height of the hero image, right? can you try adding cornerstone/assets/dist/js/ to Autoptimize’s comma-separated JS optimization exclusion list?
that helped with layout and text too, but I have noticed that all the clickable buttons and gallery plugin (The Grid) were gone. I have added the-grid/ to exclusions and it looks good now.
All the buttons are back as well. I’m checking it on mobile too and it looks all okay.
