Follow these instructions to ensure the smooth integration of Eventbrite events with WP Rocket while properly handling CSS and JavaScript optimization settings:
Step 1: Access the WP Rocket Dashboard
- Log in to your WordPress Admin Panel.
- Navigate to WP Rocket Dashboard.
Step 2: Check CSS and JavaScript Minification (If Enabled)
- Go to File Optimization > Optimize CSS & JS.
- Under the CSS Files section:
- Minify CSS Files (When Enabled) to reduce file sizes.
- Under the JavaScript Files section:
- Minify JavaScript Files (When Enabled) to optimize script loading.
Step 3: Configure CSS Exclusions
- In the CSS Files section:
- Locate the Excluded CSS Files field.
Add the following path to exclude critical CSS files from being minified:
/wp-content/plugins/freemius-premium/(.*).css
Step 4: Configure JavaScript Exclusions
- In the JavaScript Files section:
- Locate the Load JavaScript Deferred option.
Add the following keywords to the Excluded JavaScript Keywords/Strings field (each on a new line or separated by commas):
jquery, jquery-core, underscore, backbone, widget-for-eventbrite-api-fullcalendar- This ensures these JavaScript libraries and plugins are not delayed or blocked, maintaining proper functionality.
Step 5: Clear the Cache
- Return to the main WP Rocket dashboard.
- Click the Clear Cache button to ensure all changes take effect.
- If using a CDN, ensure the cache is also purged there.
Step 6: Considerations When Minifying CSS and JS
- Conflict Prevention: Some CSS and JS files used by our plugin (for Eventbrite integrations) may break if minified. Adding these files to the exclusion list prevents conflicts.
- Site Testing: After enabling minification, thoroughly test your website to ensure all styles and scripts function correctly, especially on pages displaying Eventbrite events.
- Defer Loading: Deferred JavaScript loading can improve performance, but may cause issues with scripts requiring immediate execution. The exclusions specified help mitigate this risk.
Step 7: Test the Integration
- Open your website and navigate to the page displaying Eventbrite events.
- Verify that:
- Event styling is consistent.
- Event functionality (e.g., filters, calendars) is fully operational.
- There are no errors in the browser console (from our plugin).
Step 8: Troubleshooting Tips
- If errors occur:
- Disable CSS Minification or JavaScript Minification temporarily to identify the root cause.
- Enable error logging in WordPress (WP_DEBUG) and review the WP Rocket Logs for optimization-related warnings.
By enabling minification and properly configuring exclusions, you can achieve a balance between performance and compatibility.
If you encounter any issues or need further assistance, please feel free to reach out. We are here to help!
