Replies: 0
Hey there!
Since installing Autoptimize, I’ve run into an odd problem where elements of my site aren’t loading correctly the first time someone views the page (with image and text sizes, floats, and positions being off from what they should be). However, when you reload the same page a second time, all fo the elements look and work correctly.
I’ve got two plugins that have this problem (Soliloquy & WP Ultimate Recipe). I’ve tried working with the developer of WP Ultimate Recipe but we couldn’t seem to track down the issue. The only thing he could tell me is that he felt it was the javascript caching that was the cause (and not the CSS).
Is there an easy way to troubleshoot the cause of this?
Examples of what’s happening:
URL: http://homemadehooplah.com/
PLUGIN: Soliloquy http://soliloquywp.com/
PROBLEM: Images in slider appear so small they look like tiny moving dots. After the page is reloaded, images load at their proper size.
URL: http://homemadehooplah.com/recipes/how-to-make-pumpkin-pie-spice/ (or any other recipe post)
PLUGIN: WP Ultimate Recipe https://wordpress.org/plugins/wp-ultimate-recipe/
PROBLEM: At the top of the recipe card (located down near the bottom of the page) the Recipe Title, Recipe Description, Recipe Image, Recipe Times, and Recipe Rating all appear on separate rows. Once the page is reloaded, they are properly placed in a combination of columns and rows.
Settings within Autoptimize:
* Optimize HTML code is ON
* Optimize JavaScript Code is ON
* Exclude scripts from Autoptimize: s_sid,smowtion_size,sc_project,WAU_,wau_add,comment-form-quicktags,edToolbar,ch_client,seal.js,homemade-hooplah.js,jquery.js,jQuery-UI-Touch-Punch/jquery.ui.touch-punch.min.js,wpurp-public.js
* Optimize CSS code is ON
* Remove Google Fonts is ON
* Exclude CSS from Autoptimize: admin-bar.min.css, dashicons.min.css