# Speed up initial display

**URL:** <https://community.gravityforms.com/t/speed-up-initial-display/7953>\
**Category:** Get Help\
**Tags:** pagespeed, performance\
**Created:** [February 21, 2021, 9:52pm UTC](https://community.gravityforms.com/t/speed-up-initial-display/7953 "2021-02-21T21:52:14Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![user5ea97e6b9a949129](https://avatars.discourse-cdn.com/v4/letter/u/eb8c5e/32.png) [@user5ea97e6b9a949129](https://community.gravityforms.com/u/user5ea97e6b9a949129)\
**Post date:** [February 21, 2021, 9:52pm UTC](https://community.gravityforms.com/t/speed-up-initial-display/7953/1 "2021-02-21T21:52:14Z")

</div>

Hi, I have a complex form that I’ve been working on for months. It has 300 fields.

It’s almost done, but I’d like to improve the intiial load time, which is about 8 seconds. Du to the design, I can’t make it into a multipage form.

Even having a spinner or fake form initial image might help. Any ideas most appreciated. Have a look…

[https://cleaning-express.com/form-test/](https://cleaning-express.com/form-test/)

---

<div class="post-metadata">

**Author:** ![user5c0166073a6c48.6](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/user5c0166073a6c48.6/32/17391_2.png) [@user5c0166073a6c48.6](https://community.gravityforms.com/u/user5c0166073a6c48.6)\
**Post date:** [February 22, 2021, 1:23am UTC](https://community.gravityforms.com/t/speed-up-initial-display/7953/2 "2021-02-22T01:23:38Z")

</div>

You should add a “page loader” to your page so it seems intentional. Any third-party plugin should work.

---

<div class="post-metadata">

**Author:** ![user5ea97e6b9a949129](https://avatars.discourse-cdn.com/v4/letter/u/eb8c5e/32.png) [@user5ea97e6b9a949129](https://community.gravityforms.com/u/user5ea97e6b9a949129)\
**Post date:** [February 22, 2021, 1:25am UTC](https://community.gravityforms.com/t/speed-up-initial-display/7953/3 "2021-02-22T01:25:03Z")

</div>

Thanks! Is there a particualr plugin you have used before?

---

<div class="post-metadata">

**Author:** ![user5c0166073a6c48.6](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/user5c0166073a6c48.6/32/17391_2.png) [@user5c0166073a6c48.6](https://community.gravityforms.com/u/user5c0166073a6c48.6)\
**Post date:** [February 22, 2021, 1:26am UTC](https://community.gravityforms.com/t/speed-up-initial-display/7953/4 "2021-02-22T01:26:39Z")

</div>

> **[PageLoader: WordPress Loading Screen and Progress Bar](https://codecanyon.net/item/pageloader-loading-screen-and-progress-bar-for-wordpress/6594364)**
>
> Overview
> 
> PageLoader is a wildly customizable loading screen and progress bar plugin for WordPress. Add it to your theme as a simple loading element or make use of it as a full-blown brandi...

Also, you can enable page cache if your forms don’t dynamically add data.

I would imagine though if you did a little digging you might find one that is free in the WordPress repository.

---

<div class="post-metadata">

**Author:** ![user5ea97e6b9a949129](https://avatars.discourse-cdn.com/v4/letter/u/eb8c5e/32.png) [@user5ea97e6b9a949129](https://community.gravityforms.com/u/user5ea97e6b9a949129)\
**Post date:** [February 23, 2021, 2:17am UTC](https://community.gravityforms.com/t/speed-up-initial-display/7953/5 "2021-02-23T02:17:44Z")

</div>

Hi, that didn’t really work because the preloader is at the page level, rather than being inside the form itself.

Actually, I figured it out, I added a progress bar from my theme just above the form.

---

<div class="post-metadata">

**Author:** ![user5ea97e6b9a949129](https://avatars.discourse-cdn.com/v4/letter/u/eb8c5e/32.png) [@user5ea97e6b9a949129](https://community.gravityforms.com/u/user5ea97e6b9a949129)\
**Post date:** [February 23, 2021, 2:57am UTC](https://community.gravityforms.com/t/speed-up-initial-display/7953/6 "2021-02-23T02:57:22Z")

</div>

That didn’t work either because the animation on the progress bar wouldn’t run until AFTER the form has loaded. How would I go about getting it to run before the form?

[https://cleaning-express.com/form-test/](https://cleaning-express.com/form-test/)

---

<div class="post-metadata">

**Author:** ![user5c0166073a6c48.6](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/user5c0166073a6c48.6/32/17391_2.png) [@user5c0166073a6c48.6](https://community.gravityforms.com/u/user5c0166073a6c48.6)\
**Post date:** [February 23, 2021, 4:38am UTC](https://community.gravityforms.com/t/speed-up-initial-display/7953/7 "2021-02-23T04:38:09Z")

</div>

The page loader I sent you allows you to set a timer and wait until the page has completed loaded. You will need to dig into the settings for a configuration that will work.

You should disable the rendering of the the page until it’s loaded completely and just have the loader appear.

This won’t solve a slow loading page. See next post for solving this at the root.

---

<div class="post-metadata">

**Author:** ![user5c0166073a6c48.6](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/user5c0166073a6c48.6/32/17391_2.png) [@user5c0166073a6c48.6](https://community.gravityforms.com/u/user5c0166073a6c48.6)\
**Post date:** [February 23, 2021, 4:41am UTC](https://community.gravityforms.com/t/speed-up-initial-display/7953/8 "2021-02-23T04:41:37Z")

</div>

Did you enable your cache? If you don’t have a caching plugin you might want to check out WPRocket. Caching is great for subsequent visits but you can also use their plugins to configure other settings that can help.

You may also want to check out the asset cleanup plugin and unload any scripts, plugins, or files that aren’t needed for that page. It’s an excellent plugin to strip the fat.

Many plugins and files load on all pages even if they aren’t needed. This adds bloat to the page and makes it take longer to load.

Also, there’s a company called Cloudflare which has a network of servers (CDN) all around the world. If you create a cloud flare account, your site can get loaded closer to people based on their location which can help improve performance.

> **[Cloudflare - The Web Performance & Security Company | Cloudflare](https://www.cloudflare.com)**
>
> Here at Cloudflare, we make the Internet work the way it should. Offering CDN, DNS, DDoS protection and security, find out how we can help your site.

> **[Asset CleanUp: Page Speed Booster](https://wordpress.org/plugins/wp-asset-clean-up/)**
>
> Make your website load FASTER by preventing specific scripts (.JS) & styles (.CSS) from loading on pages/posts and home page.

> **[Caching Plugin for WordPress - WP Rocket](https://wp-rocket.me/)**
>
> Make your website reach the stars. Use the most powerful caching plugin for WordPress. WP Rocket is easy to use, ready to improve your SEO and conversions.

---

<div class="post-metadata">

**Author:** ![user5ea97e6b9a949129](https://avatars.discourse-cdn.com/v4/letter/u/eb8c5e/32.png) [@user5ea97e6b9a949129](https://community.gravityforms.com/u/user5ea97e6b9a949129)\
**Post date:** [February 23, 2021, 2:33pm UTC](https://community.gravityforms.com/t/speed-up-initial-display/7953/9 "2021-02-23T14:33:09Z")

</div>

Hi, thanks for the options you sent. I am using [Kinsta](https://kinsta.com/wordpress-hosting/) as a host, which has super-fast caching and I’m using their cdn, but the form still takes nine seconds or so to load.

---

<div class="post-metadata">

**Author:** ![user5c0166073a6c48.6](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/user5c0166073a6c48.6/32/17391_2.png) [@user5c0166073a6c48.6](https://community.gravityforms.com/u/user5c0166073a6c48.6)\
**Post date:** [February 24, 2021, 4:54am UTC](https://community.gravityforms.com/t/speed-up-initial-display/7953/10 "2021-02-24T04:54:14Z")

</div>

If you genuinely believe you’ve done all you can do and feel it is the form itself, my only suggestion is to make your one large form and convert into two to three smaller forms.

I’ve built several long forms and the page hasn’t ever taken 8-9 seconds to load.

Which is why perhaps you should consider other possible options to increase the overall page load.

---

<div class="post-metadata">

**Author:** ![user603bcf6d1a9d9527](https://avatars.discourse-cdn.com/v4/letter/u/3e96dc/32.png) [@user603bcf6d1a9d9527](https://community.gravityforms.com/u/user603bcf6d1a9d9527)\
**Post date:** [March 16, 2021, 6:46pm UTC](https://community.gravityforms.com/t/speed-up-initial-display/7953/11 "2021-03-16T18:46:39Z")

</div>

Hi, I have a client with a similar complexity form using GF and it’s way faster. I’m curious to understand what are you using to show/hide fields. In his case it’s conditional logic but there are no calculations until the very end. Do you run the calculations on every click on the form and that’s when the spinning wheel gets fired? just curious if you do this on code or in GF fields. Also, he uses WPRocket cache/cdn.

---

<div class="post-metadata">

**Author:** ![user5ea97e6b9a949129](https://avatars.discourse-cdn.com/v4/letter/u/eb8c5e/32.png) [@user5ea97e6b9a949129](https://community.gravityforms.com/u/user5ea97e6b9a949129)\
**Post date:** [April 10, 2021, 8:42pm UTC](https://community.gravityforms.com/t/speed-up-initial-display/7953/12 "2021-04-10T20:42:28Z")

</div>

Hi, sorry for the late reply. We’re just using conditional logic, but there are a lot of pricing calculations through the form. How would I put them at the end?

---

<div class="post-metadata">

**Author:** ![user5c0166073a6c48.6](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/user5c0166073a6c48.6/32/17391_2.png) [@user5c0166073a6c48.6](https://community.gravityforms.com/u/user5c0166073a6c48.6)\
**Post date:** [April 10, 2021, 8:45pm UTC](https://community.gravityforms.com/t/speed-up-initial-display/7953/13 "2021-04-10T20:45:17Z")

</div>

You would add a page break towards the end of your form and drag the pricing fields inside the page break.

---

<div class="post-metadata">

**Author:** ![richardw8k](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/richardw8k/32/2354_2.png) [@richardw8k](https://community.gravityforms.com/u/richardw8k)\
**Post date:** [January 5, 2022, 8:39am UTC](https://community.gravityforms.com/t/speed-up-initial-display/7953/14 "2022-01-05T08:39:14Z")

</div>


