Title: WP Rocket Delay JavaScript Execution Issue
Last modified: January 12, 2023

---

# WP Rocket Delay JavaScript Execution Issue

 *  Resolved [twowithink](https://wordpress.org/support/users/twowithink/)
 * (@twowithink)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/wp-rocket-delay-javascript-execution-issue/)
 * Home page hero background image has a major shift/blink until first interaction
   when WP Rocket Delay JavaScript Execution is enabled: [https://beta.speechworks.net/](https://beta.speechworks.net/)
 * I have tried exhaustively to figure out what JS files to exclude in order to 
   remedy the behavior to no avail and take advantage of at least some of the Delay
   JavaScript Execution benefits in Google Speed Tests.
 * We are using ThemeTrust Create Theme and SiteOrigin Page Builder.
 * Thank you in advance for your assistance.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fwp-rocket-delay-javascript-execution-issue%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 15 replies - 1 through 15 (of 21 total)

1 [2](https://wordpress.org/support/topic/wp-rocket-delay-javascript-execution-issue/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/wp-rocket-delay-javascript-execution-issue/page/2/?output_format=md)

 *  Plugin Support [Andrew Misplon](https://wordpress.org/support/users/misplon/)
 * (@misplon)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/wp-rocket-delay-javascript-execution-issue/#post-16369470)
 * Hi
 * Does the issue resolve when WP Rocket Delay JavaScript Execution is temporarily
   deactivated?
 *  Thread Starter [twowithink](https://wordpress.org/support/users/twowithink/)
 * (@twowithink)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/wp-rocket-delay-javascript-execution-issue/#post-16371545)
 * Yes.
 *  Plugin Support [Andrew Misplon](https://wordpress.org/support/users/misplon/)
 * (@misplon)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/wp-rocket-delay-javascript-execution-issue/#post-16371564)
 * Understood. You could try excluding the following for the Hero:
   `/wp-content/
   plugins/so-widgets-bundle/js/slider/jquery.slider.min.js`
 * Or for Page Builder:
 * 
   `/wp-content/plugins/siteorigin-panels/js/styling.min.js`
 *  Thread Starter [twowithink](https://wordpress.org/support/users/twowithink/)
 * (@twowithink)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/wp-rocket-delay-javascript-execution-issue/#post-16371663)
 * Hi,
 * Excluding /wp-content/plugins/siteorigin-panels/js/styling.min.js has no initial
   effect and then breaks full width on first interation.
 * I’m not using the Hero widget, rather just a regular full-width row with a background.
 * Any further thoughts? This issue has not come up with other users?
 * Thanks,
 *  Plugin Support [Andrew Misplon](https://wordpress.org/support/users/misplon/)
 * (@misplon)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/wp-rocket-delay-javascript-execution-issue/#post-16371672)
 * Thanks for the feedback. If possible, please, show us the page with Delay JavaScript
   Execution deactivated.
 *  Thread Starter [twowithink](https://wordpress.org/support/users/twowithink/)
 * (@twowithink)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/wp-rocket-delay-javascript-execution-issue/#post-16371698)
 * Try now. Thanks!
 *  Plugin Support [Andrew Misplon](https://wordpress.org/support/users/misplon/)
 * (@misplon)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/wp-rocket-delay-javascript-execution-issue/#post-16371703)
 * To confirm, you now **aren’t **seeing the same major shift if you open the page
   in a new browser or a private browsing window?
 *  Thread Starter [twowithink](https://wordpress.org/support/users/twowithink/)
 * (@twowithink)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/wp-rocket-delay-javascript-execution-issue/#post-16371729)
 * Correct.
 *  Plugin Support [Andrew Misplon](https://wordpress.org/support/users/misplon/)
 * (@misplon)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/wp-rocket-delay-javascript-execution-issue/#post-16371736)
 * Page Builder uses JS full-width rows by default to allow for compatibility with
   any theme. I’m unsure how much of what you’re seeing is the container break and
   how much is due to WP Rocket.
 * You can change to full-width CSS containers but it takes a bit of customization.
   Please, find the filters at the following URL [https://siteorigin.com/page-builder/advanced-customizations/#heading-full-width-containers-using-css](https://siteorigin.com/page-builder/advanced-customizations/#heading-full-width-containers-using-css).
 * The values for Create will probably be:
 * `add_filter( 'siteorigin_panels_theme_container_width', function( $container ){
   
   return '1200px';} );
 * `add_filter( 'siteorigin_panels_theme_container_selector', function( $selector){
   
   return '.body-wrap';} );
 *  Plugin Support [Andrew Misplon](https://wordpress.org/support/users/misplon/)
 * (@misplon)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/wp-rocket-delay-javascript-execution-issue/#post-16371744)
 * Create is making adjustments to Page Builder using JS and CSS. You can perhaps
   also try excluding:
 * `/wp-content/cache/min/1/wp-content/themes/themetrust-create/js/theme_trust.js`
 *  Thread Starter [twowithink](https://wordpress.org/support/users/twowithink/)
 * (@twowithink)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/wp-rocket-delay-javascript-execution-issue/#post-16371820)
 * Hi, The custom functions just create standard width rows. I am looking for full
   browser width.
 * Excluding /wp-content/cache/min/1/wp-content/themes/themetrust-create/js/theme_trust.
   js had no affect.
 *  Plugin Support [Andrew Misplon](https://wordpress.org/support/users/misplon/)
 * (@misplon)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/wp-rocket-delay-javascript-execution-issue/#post-16371836)
 * Thanks for trying the exclusion.
 * Did you perhaps try the filters above? They replace Page Builder’s JavaScript
   full-width row functionality with CSS. More information on the two filters is
   available at [https://siteorigin.com/page-builder/advanced-customizations/#heading-full-width-containers-using-css](https://siteorigin.com/page-builder/advanced-customizations/#heading-full-width-containers-using-css).
   I’m offline for the night. Unfortunately, at the moment, I don’t have any other
   ideas.
 *  Thread Starter [twowithink](https://wordpress.org/support/users/twowithink/)
 * (@twowithink)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/wp-rocket-delay-javascript-execution-issue/#post-16372072)
 * Yes, I did try adding the custom functions. They just created a 1200px standard
   width row with background image. I am looking for the background to display full
   browser width. Thanks.
 *  Plugin Support [Andrew Misplon](https://wordpress.org/support/users/misplon/)
 * (@misplon)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/wp-rocket-delay-javascript-execution-issue/#post-16372673)
 * Thanks. It sounds like the `siteorigin_panels_theme_container_selector` is incorrect.
   We’ll test with Create this weekend and get back to you with a solution.
 *  Plugin Contributor [alexgso](https://wordpress.org/support/users/alexgso/)
 * (@alexgso)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/wp-rocket-delay-javascript-execution-issue/#post-16373038)
 * Hi twowithink,
 * I’ve had a look at Create and I’ve come up with an updated snippet. Please try
   replacing the previously provided PHP with the following PHP:
 *     ```wp-block-code
       add_filter( 'siteorigin_panels_theme_container_width', function( $container ) {
         return '1200px';
       } );
   
       add_filter( 'siteorigin_panels_theme_container_selector', function( $selector ) {
         return '.siteorigin-panels .body-wrap';
       } );
       ```
   
 * Some additional CSS on top of this will also be required due to how Create sets
   its container. Please add the following CSS to **Appearance > Customize**, **
   Additional CSS**:
 *     ```wp-block-code
       .siteorigin-panels.siteorigin-panels-css-container .body-wrap {
       	max-width: none !important;
       }
       ```
   
 * As for WP Rocket, please also try excluding `/wp-content/plugins/so-widgets-bundle/
   js/jquery.cycle.min.js`
 * 
   Kind regards,Alex

Viewing 15 replies - 1 through 15 (of 21 total)

1 [2](https://wordpress.org/support/topic/wp-rocket-delay-javascript-execution-issue/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/wp-rocket-delay-javascript-execution-issue/page/2/?output_format=md)

The topic ‘WP Rocket Delay JavaScript Execution Issue’ is closed to new replies.

 * ![](https://ps.w.org/siteorigin-panels/assets/icon.svg?rev=2556869)
 * [Page Builder by SiteOrigin](https://wordpress.org/plugins/siteorigin-panels/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/siteorigin-panels/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/siteorigin-panels/)
 * [Active Topics](https://wordpress.org/support/plugin/siteorigin-panels/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/siteorigin-panels/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/siteorigin-panels/reviews/)

 * 21 replies
 * 3 participants
 * Last reply from: [Andrew Misplon](https://wordpress.org/support/users/misplon/)
 * Last activity: [3 years, 4 months ago](https://wordpress.org/support/topic/wp-rocket-delay-javascript-execution-issue/page/2/#post-16382569)
 * Status: resolved