WP Rocket Step by Step Settings for Flatsome Theme

In this step-by-step guide we show you the best settings to run your instance of WP Rocket with the Flatsome Theme. Depending on any customisations and plugins you might have, you might need to tweak these settings a bit, however, we have found these to be optimal for the great majority of Flatsome sites.

Note: We have included screenshots of every section in case the instructions weren’t clear enough.

2. Dashboard

There is no need to change any settings on this page.

Screenshot for reference:

, WP Rocket Step by Step Settings for Flatsome Theme, World leaders in digital marketing & web design | Inventiva CS™

Note: We always opt out of ‘Rocket Analytics’ but this is more of a personal preference.

2. Cache

1.- Enable → ‘Enable caching for mobile devices

2.- Set ‘Cache Lifespan‘ to 6 Hours

3.- Leave everything else disabled

Screenshot for reference:

, WP Rocket Step by Step Settings for Flatsome Theme, World leaders in digital marketing & web design | Inventiva CS™

3. File Optimization

1.- Enable → ‘Minify CSS files

2.- Enable → ‘Minify Javascript files

3.- Enable → ‘Load Javascript deferred‘ and enter the code below into ‘Excluded JavaScript Files’:

/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js

4.- Enable → ‘Delay JavaScript execution‘ and enter the code below into ‘Scripts to delay‘:

5.- Leave everything else disabled

/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
cart
customjq
hover
yith-wcan
flatsome
infinite
lazy
core
backbone
util
polyfill
blockUI
js.cookie.min.js
getbutton.io
//a.omappapi.com/app/js/api.min.js
feedbackcompany.com/includes/widgets/feedback-company-widget.min.js
snap.licdn.com/li.lms-analytics/insight.min.js
static.ads-twitter.com/uwt.js
platform.twitter.com/widgets.js
twq(
/sdk.js#xfbml
static.leadpages.net/leadbars/current/embed.js
translate.google.com/translate_a/element.js
widget.manychat.com
xfbml.customerchat.js
static.hotjar.com/c/hotjar-
smartsuppchat.com/loader.js
grecaptcha.execute
Tawk_API
shareaholic
sharethis
simple-share-buttons-adder
addtoany
font-awesome
wpdiscuz
cookie-law-info
pinit.js
/gtag/js
gtag(
/gtm.js
/gtm-
fbevents.js
fbq(
google-analytics.com/analytics.js
ga( ‘
ga(‘
adsbygoogle.js
ShopifyBuy
widget.trustpilot.com/bootstrap
ft.sdk.min.js
apps.elfsight.com/p/platform.js
livechatinc.com/tracking.js
LiveChatWidget
/busting/facebook-tracking/
olark
pixel-caffeine/build/frontend.js

Screenshot for reference:

, WP Rocket Step by Step Settings for Flatsome Theme, World leaders in digital marketing & web design | Inventiva CS™

4. Media

1.- Enable → ‘Add missing image dimensions

2.- Enable → ‘Disable WordPress embeds

3.- Leave everything else disabled/blank

Screenshot for reference:

, WP Rocket Step by Step Settings for Flatsome Theme, World leaders in digital marketing & web design | Inventiva CS™

5. Preload

1.- Leave everything disabled/blank

Screenshot for reference:

, WP Rocket Step by Step Settings for Flatsome Theme, World leaders in digital marketing & web design | Inventiva CS™

6. Advanced Rules

1.- Enter the code below into ‘Specify URLs of pages or posts that should never be cached (one per line)’:

/checkout/(.*)
/cart/(.*)
/wishlist/(.*)

2.- Enter the code below into ‘Specify full or partial IDs of cookies that, when set in the visitor’s browser, should prevent a page from getting cached (one per line)‘:

woocommerce_items_in_cart
woocommerce_cart_hash
woocommerce_session

3.- Leave everything else blank

, WP Rocket Step by Step Settings for Flatsome Theme, World leaders in digital marketing & web design | Inventiva CS™

7. CDN

We don’t use RocketCDN or other.

Screenshot for reference:

, WP Rocket Step by Step Settings for Flatsome Theme, World leaders in digital marketing & web design | Inventiva CS™

8. Heartbeat

1.- Enable → ‘Control Heartbeat

2.- Leave everything else as the default value.

Screenshot for reference:

, WP Rocket Step by Step Settings for Flatsome Theme, World leaders in digital marketing & web design | Inventiva CS™

10. Image Optimization

We don’t use Imagify or any of the settings in this section.

Screenshot for reference:

, WP Rocket Step by Step Settings for Flatsome Theme, World leaders in digital marketing & web design | Inventiva CS™

11. Flatsome Lazy Load

Note: This is changed in Flatsome settings, not WP Rocket.

1.- Navigate to: Flatsome → Advanced → Performance

2.- Enable → ‘LAZY LOAD IMAGES

3.- Leave everything else disabled.

Screenshot for reference:

, WP Rocket Step by Step Settings for Flatsome Theme, World leaders in digital marketing & web design | Inventiva CS™

12. Additional Tips:

  • No software assisted optimisations are a replacement for a well structured website and fast web hosting.
  • Avoid using any other caching systems like Varnish, Cloudflare etc.

Credits & Special Mentions: Special thanks to Mitchell Krog and the community at the Flatsome Users Facebook Group.

Have other ideas/comments?

We would love to hear from you. Please click on the button below to get in touch.

Get in Touch

Leave a Reply