Fresh Forms for Gravity vs Jetpack Boost – Website Speed, Performance and Critical CSS

Caching is great for scenarios where your post or page content it’s not changed frequently, but if you have a form embedded to which you do changes very often or you’re using dynamic code, that doesn’t run for a cached page, or using third-party solutions relaying in dynamic live data (e.g. reCAPTCHA), using caching in these cases is going to cause issues. The same applies to certain automatic JS optimizations done by caching plugins that are known to break JS execution easily. An easy solution is to configure your caching plugin or proxy to exclude the page where the form is embedded, but you need also to remember this when you create a new page or embed a new form in an existing page… This plugin will take care of the above automatically doing the following: Flush current cache on plugin activation. This is required in order to allow the next step to run. Dynamically check if there’s a Gravity Forms for any of the supported embedding methods (see below for the list). If so, it will prevent post/page from being cached by any of the supported caching plugins, browsers and CDN/Proxies. Embedding methods supported: WordPress default editor, shortcode or Gutenberg block. Content of any post type, including pages and custom posts. ACF fields of type Text, Text Area, and WYSIWYG. Disabled by default. Avada. The following elements has been proven to work: Content Boxes, “Gravity Form”, Modal, Text Block. Other elements could work too, but not tested. Beaver Builder. It will detect Gravity Forms shortcodes added to a Text Editor module. Conversational Forms add-on. It will automatically detect any form page using the conversational_form post type (requires Conversational Forms add-on 1.3.0+). Divi. It should work with any of the default modules where you can insert a GF shortcode into the content. e.g. Call To Action, Text, Tabs… Elementor. The following widgets added to the post content are supported: Shortcode, Text. Essential Addons for Elementor Gravity Forms widget. GravityKit Gravity Forms Widget for Elementor. PowerPack for Beaver Builder Gravity Forms Styler module. Ultimate Addons for Beaver Builder Gravity Forms Styler module. Ultimate Addons for Elementor By Brainstorm Force. WooCommerce Gravity Forms Product Add-ons by Lucas Stark. WPBakery Page Builder. The following elements has been proven to work: “Gravity Form”, Text Block. Other elements could work too, but not tested. WP Tools Gravity Forms Divi Module. If you’re not using any of the above embedding methods you can still use Fresh Forms with a filter to pass the ID number of the posts where you want to run Fresh forms. You can also make Fresh Forms to add a cookie when a form is detected to use this cookie as a way to skip caching for hosts using Varnish based caching. Please see FAQ for more details. There’s no options page. Only the plugin version is saved to the database to be able to handle actions after an update when needed, no other data is stored. It should work with any caching plugin with support for DONOTCACHEPAGE constant, and proxies respecting the use Cache-Control HTTP header. Caching and Optimization plugins supported: Autoptimize Cache Enabler Comet Cache Hummingbird Kinsta Cache LiteSpeed Cache Page Optimize (Script concatenation only) Perfmatters (Delay JS exclusions only) Speed Optimizer (by SiteGround, the plugin with more name changes in the history of WordPress!) Surge W3 Total Cache WP Engine System WP Fastest Cache WP Optimize WP Rocket WP Super Cache Caching plugins NOT supported: Breeze. It doesn’t support DONOTCACHEPAGE constant or filters to skip caching. Check FAQ for a workaround. NitroPack. It doesn’t support DONOTCACHEPAGE constant or filters to skip caching. Check FAQ for a workaround. Cloudflare and other CDN/proxies: This plugin will add appropriate HTTP header to pages with a Gravity Forms form to exlude the page HTML from caching when the web host setup allows it. By default Cloudflare doesn’t cache the page HTML, it does only when you have configured it to “Cache Everything”. In this case, after activating the plugin, you need to purge cache in your Cloudflare account or wait for cache expiration to let Cloudflare know the page must be excluded from caching. Certain hosts like WP Engine and Kinsta don’t allow HTTP headers modification from WordPress side of things, therefore Cloudflare support will not work for these hosts. Other proxy services should work in a similar way, but I don’t have access to test any other proxy service. Feel to reach me if you want to provide me access to add support for your proxy service (documentation for the proxy would be required). Note for these cases (caching is done by an external service), Fresh Forms can just include the HTTP header when your web host allows it. Once the header is added, it’s up to the CDN/proxy being used to obey the header and skip caching for the page. Requirements PHP 7.0 or higher. WordPress 4.9 or higher. Gravity Forms 2.3 or higher. Only forms embedded using classic editor shortcode or Gutenberg block are supported. Usage Just install and activate. No settings required except for ACF support (see FAQ).

Speed up your WordPress site by optimizing page performance with Jetpack Boost. Easily activate one-click optimizations to boost your Core Web Vitals. Did you know that a faster website:- Ranks higher on Google. Improves bounce rate (people stay on your site for longer). Increases your conversion rate. Increase your website performance and speed up your website with one-click optimizations that supercharge your WordPress site’s performance and improve core web vitals scores for better search engine listings. Improving Core Web Vitals helps you rank higher on Google. A faster website also improves your SEO, helps you reduce your bounce rate and increase your ecommerce conversion rate. Largest Contentful Paint (LCP): Measures loading performance. Improve your LCP and improve your website loading speed. First Input Delay (FID): Measures interactivity. To improve user experience pages should have a low FID. Cumulative Layout Shift (CLS): Measures visual stability. Lowering your CLS helps improve your user experience. Performance Modules Optimize your website with the same techniques used on the world’s most successful websites. Each technique that is used to increase website performance is packaged up as a module that you can activate and try out. Currently, the plugin has 6 performance modules available: Optimize CSS Loading generates Critical CSS for your homepage, posts and pages. This can allow your content to show up on the screen much faster, particularly for viewers using mobile devices. Read more about critical CSS generation at web.dev Page Cache speeds up your site by saving pages as static files. These files are quickly served to visitors, reducing load times and enhancing user experience. Defer Non-Essential JavaScript moves some tasks to after the page loads, so that important visual information can be seen sooner and your website loads quicker. Read more about deferring JavaScript at web.dev Image Guide is a must-have feature for anyone who wants to optimize the images on their website. With this guide, you can ensure that the images on your site are the right size and dimensions, which is critical for improving user experience, page speed, and site ranking. Following the tips and best practices outlined in the guide, you can reduce image file sizes and speed up your site. Check out our support page to learn more about this feature and how it can help you achieve a faster and smoother website experience for your users. Image CDN allows your site to serve automatically-resized images in modern web formats directly from Jetpack’s worldwide Content Delivery Network. Read more about Image CDNs at web.dev Concatenate and Minify CSS and JS combines and shrinks your JavaScript and CSS resources to reduce the number and size of requests to your server, ensuring your content loads faster. Read more about minifying files at web.dev Don’t want to have to manually generate your critical CSS each time you update your site? Let us do the heavy lifting for you with automated critical CSS – each time you update your site we will automatically regenerate your critical CSS and update your performance scores. Upgrading also gives you dedicated email support access. With 💚 by Jetpack This is just the start! We are working hard to bring more features and improvements to Jetpack Boost. Let us know your thoughts and ideas! We’d also like to give a special THANK YOU to the XWP team who provided help with initial research and scoping of the plugin and were engaged with our team throughout the project.