Odd jumping

  • Hello, my site is currently being migrated to ChickenArt.com so if the link to the page I gave you doesn’t work, then please try https://ChickenArt.com/ instead!

    I installed the Page Speed Optimization for SEO plugin, and I checked only TWO boxes:

    Minify HTML is enabled (I did NOT check the box to strip comments)
    and
    Optimize CSS Delivery is enabled. (I UNchecked Enhanced loadCSS, because it added a huge extra empty space to the top of my website pages.)

    The website appears to load much more quickly (yay!) BUT it also flashes an un-styled version super fast right before the page loads. It’s doing this on all the pages, as far as I can tell. It’s very noticeable and distracting – please tell me what is causing this and how can I fix it?

    thank you,

    SHudock

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor o10n

    (@o10n)

    Hi Shudock,

    What you are seeing is called a Flash of Unstyled Content (FOUC).

    The critical CSS configuration is empty. You can view the result in the HTML source:

    <style type="text/css" id="AbtfCSS" data-abtf>
/*!
 * Page Speed Optimization 2.9.10
 * 
 * ------------------------------------
 *    WARNING: CRITICAL CSS IS EMPTY     
 * ------------------------------------
 */
</style>

    The plugin includes a critical CSS editor:

    https://becausechickens.com/?critical-css-editor=1

    We have published a new CSS Optimization plugin that provides many new options and better optimization quality. WordPress has been blocking plugin submission for a week but the plugin can be downloaded from Github (an open source platform).

    https://github.com/o10n-x/wordpress-css-optimization

    If you would be interested to install the new CSS Optimization plugin, you can simply download the zip file and unzip it in the plugin directory /wp-content/plugins/.

    The new optimization plugins will replace the existing Page Speed Optimization plugin. The currently missing plugins are Javascript Optimization and Progressive Web App Optimization. Those plugins will be available soon and the plugins are designed to be modules that can be used together efficiently (the optimization plugins function together as a single plugin for optimal performance).

    Currently available:

    – HTTP/2 Optimization
    – Web Font Optimization
    – CSS Optimization

    Later today:
    – Security Header Optimization

    Next weeks:
    – HTML Optimization
    – Javascript Optimization
    – Progressive Web App Optimization
    – Page Cache Optimization
    – HTTP Cache Header Optimization

    The CSS editor of the CSS Optimization plugin is available with +30 themes that enables more efficient (and fun) CSS editing while it also contains many professional tools such as CSS Lint and Clean CSS (professional).

    Critical CSS management is also more efficient in the new plugin so we advise to use the new plugin for CSS and Critical CSS optimization.

    If you have any questions, please let us know!

    Plugin Contributor o10n

    (@o10n)

    Javascript optimization is now available as well.

    https://github.com/o10n-x/wordpress-javascript-optimization

    The CSS Optimization plugin (and other plugins) have been updated and will continue to receive frequent updates.

    Regrettably, WordPress is still blocking the plugins. One of our team members is currently working on it and is waiting for a reply. Installation is currently only possible manually.

    • This reply was modified 7 years, 1 month ago by o10n.
    Thread Starter chickenart

    (@chickenart)

    Thank you so much for the explanations!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Odd jumping’ is closed to new replies.