On slow devices, I’ve been able to spot OLD styling of the previous colors of the theme and also fonts before my initial css takes over.
Is there a way to avoid this flicker action as the site loads?
kicksonfire.com
Hi,
This usually happens because of the speed booster plugin which move the css and js at the bottom of the page structure so that the page will load faster, this is why the theme color appears first then changes, because of the cascading property of css, the same regarding fonts.
What you can do is to change the color and the fonts directly into the css style-sheet which will make your colors and your fonts to load first and stay that way. You could also deactivate the plugin if you don’t need it.
For page speed you can also use our guide and some other forum treads:
* https://forum.tagdiv.com/topic/pagespeed/
* https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
* https://forum.tagdiv.com/page-speed-guide/
Thanks!
Hi,
With my Newspaper theme I get exactly the same issue as “khancept” discribed. I already searched for all #4db2ec in my style.css and replaced it with my own color. Unfortunately it still occurs.
You can see my issue here:
http://starzip.de/
Please give me further advice.
Thanks,
Loano
Hmmm..
I think my priority is SPEED first before LOOKS. Might just have to suck it up and deal with it.
Thanks for the suggestion. If I was to make those changes in style.css of the CHILD theme, would it work just as well? I’m concerned about future upgrades when changing code on the original theme.
Hi,
@loano1 try to search also this rgba color – http://screencast.com/t/Cx6XHHejv
( rgba(77, 178, 236, 0.7) )
@khancept You can try to make those changes in child theme or if you will try this in the main theme you can make a backup of you file(of your theme recommended).
Thanks!
Also note re speed that using “child” theme is a CSS redirect and is actually slower than loading the main theme directly. Using ANY child theme increases chances of seeing “flash of unstyled…” issues.
