Custom CSS flickering issue in Chrome

Posted in: Newspaper
Post count: 36

When using Custom CSS, Google Chrome renders CSS so fast that it is causing flickering, i.e. moves pages down and up in split of a second (because we reduced height of header using CSS).

Printing Custom CSS in HEAD tag instead of footer will resolve similar issues. We moved the CSS to Header Ad as a temporary workaround.

Or you can introduduce boxes what custom code to be inserted in header and which one in footer.

Many thanks.

Post count: 23312

Hello ivpt,

These kinds of “problems” appears when you use the Speed Booster plugin and you have some custom modification on your site. If you want to exclude this loading delay, you have to put manually each your custom CSS modification in style.css file. Here, I am referring to all the changes you have done into your Theme panel. The main core file is style.css and on the first time, the theme load the styles from this file and then the theme load your custom styles.

The way Speed Booster improves site’s page speed it’s by moving some CSS and js resources, which usually are loaded in the header, to the footer, such that the browser can load the content faster.

Hope this helps and let us know how it goes!

Thank you for the message!

Viewing 2 posts - 1 through 2 (of 2 total)
You must be logged in to reply to this topic.