Formcrafts - a form and survey platform for Salesforce, HubSpot, etc
  1. Templates
    1. All templates illustration
      All templates
    2. Application forms illustration
      Application forms
    3. Calculation forms illustration
      Calculation forms
    4. Lead generation forms illustration
      Lead generation forms
    5. Customer service illustration
      Customer service
    6. Evaluation forms illustration
      Evaluation forms
    7. Survey and feedback illustration
      Survey and feedback
    8. Operations forms illustration
      Operations forms
    9. Payment forms illustration
      Payment forms
    10. Booking and registration illustration
      Booking and registration
    11. Salesforce forms illustration
      Salesforce forms
    12. Other forms illustration
      Other forms
  2. Features
    1. 18 Form Fields illustration
      18 Form Fields
    2. 19 Integrations illustration
      19 Integrations
    3. Conditional Logic illustration
      Conditional Logic
    4. Multi-step Forms illustration
      Multi-step Forms
    5. Calculations illustration
      Calculations
    6. Partial Submissions illustration
      Partial Submissions
    7. Save & Resume illustration
      Save & Resume
    8. Payments illustration
      Payments
    9. Hidden Fields illustration
      Hidden Fields
    10. Dynamic Dropdowns illustration
      Dynamic Dropdowns
    11. Engagement analysis illustration
      Engagement analysis
    12. Multilingual forms illustration
      Multilingual forms
  3. Pricing
  4. Help
  5. Login
  6. Signup
    →
  • Help index
  • Features
    • Conditional logic
    • Prefill forms
    • Multi-step forms
    • Calculations
    • Partial submissions
    • Field references
    • Save and resume
    • Hidden fields
    • Dynamic lookup
    • Workflows
    • Dynamic dropdowns
    • Multilingual forms
    • Privacy mode
    • Success message
    • Form redirect
    • GA/GTM
    • Accept payments
    • Linked forms
    • Disable form
  • Styling
    • Custom CSS
    • Custom fonts
    • Color scheme
    • Form background
  • Analytics
    • Test mode
    • Overview
    • Field analytics
    • Form engagement
  • Workflows
    • Send emails
    • Form redirect
    • Success message
    • Webhooks
    • Create PDF
    • ActiveCampaign
    • Asana
    • Mailchimp
    • Front app
    • Freshdesk
    • Google Sheets
    • Pipedrive
    • Linear
    • Klaviyo
  • Sharing
    • Custom form link
    • Embed on a page (inline)
    • Embed on a page (popup)
    • Embed in emails
    • Embed on WordPress
    • Embed on Shopify
    • Embed on Squarespace
  • Salesforce
    • Overview
    • Create records
    • Update records
    • Related records
    • Dynamic picklists
    • Attach files
    • Create PDFs
    • Form prefill
  • HubSpot
    • Overview
    • Create contact form
    • Create lead capture form
    • Create customer survey
    • Prefill HubSpot form
    • Embed on HubSpot page
    • Uninstall
  • Zendesk
    • Create ticket form
    • Create CSAT survey
    • Embed on Help Center
    • Prefill ticket form
  • Admin
    • Users
    • Custom domain
    • Vanity subdomain
    • Subscription
  • Developers
    • Embed Library
    • API keys
    • API v1
    • API v2
  • Others
    • Partner program
    • GDPR compliance
    • Workflow logs
    • White labeling
    • Form speed
    • Zapier
    • Migration
  • Contact
  1. Help
  2. ›
    Others
  3. ›
    Form speed

Form speed

On this page
  1. Why it matters
  2. Numbers
    1. PageSpeed
    2. Debugbear
  3. Performance tips
    1. Optimize your images
    2. Use SVGs where possible
    3. Minimize external fonts
    4. Google Analytics / Google Tag Manager
  4. Sources

Why it matters

At Formcrafts, we are obsessed with performance. Slow forms will lower your conversion, lose you money, and hurt your brand.

0.5s delay will likely cause a 20% drop in traffic (1).

53% of visits are likely to be abandoned if pages take longer than 3 seconds to load (2).

Numbers

A simple Formcrafts form will load in 200ms - 400ms on a fast connection for someone visiting for the first time, and 125ms - 200ms for repeat visitors.

On average, this is about 10 times faster than Typeform. We have a detailed article on Formcrafts as a Typeform alternative here ↗, which compares the two in detail.

We created a contact form in Formcrafts and Typeform using the same set of fields and default configuration and ran some speed numbers on independent machines.

Here are the results:

PageSpeed

The first test was performed using PageSpeed Insights ↗. This is one of the most accurate measures. The important metric to look for is the ‘Largest Contentful Paint’. This is effectively when your form is ready.

Formcrafts contact us form load time PageSpeed Insights
Formcrafts loads in 300ms
Typeform contact us form load time PageSpeed Insights
Typeform loads in 3,300ms

Debugbear

Here is the same test done using a different tool, Debugbear. This test throttles the speed and emulates a mobile phone. The important number here is ‘Visually complete’:

Formcrafts contact us form load time DebugBear
Formcrafts loads in 524ms
Typeform contact us form load time DebugBear
Typeform loads in 6,580ms

Performance tips

Form performance isn’t consistent. To ensure your form loads fast we have some tips:

Optimize your images

Large images can massively impact the load speed. Try to ensure the images used on the form are optimized, and correctly sized.

Use SVGs where possible

Formcrafts has a large icon library that uses SVG icons, which are much faster than using png or jpeg images. When you upload your own images (specially illustrations) try to get the SVG version.

Minimize external fonts

The font picker in the form editor has two categories: System fonts and External fonts.

System fonts are built-in and cause no load penalty.

External fonts can have a tiny speed penalty. We estimate about 50ms per font.

Google Analytics / Google Tag Manager

Formcrafts supports both GA and GTM. While it won’t affect the form load time, it can make the form feel a bit slower specially on mobile devices. Try to avoid using them.

Sources

  1. Marissa Mayer at Web 2.0 ↗
  2. Google, The Need for Mobile Speed, March 2016 ↗
Minimal, fast, and powerful. Try now.
Formcrafts - a form and survey platform for Salesforce, HubSpot, etc

Subtle Web Inc,
225 Railway St E,
T4C 2C3, Cochrane AB

Salesforce AppExchange partner logo HubSpot app partner logo
Templates
Application formsLead generation formsSurvey & feedback formsEvaluation formsSupport request formsBooking & registrationContact forms
Comparisons
vs AllFormAssemblyTypeformJotformWufooSurveyMonkey
Features
Conditional logicSalesforce formsHubSpot formsZendesk ticket formsEmail formsIntegrationsForm fields
Resources
Help centerBlogDeveloper APIGDPRStatusReport abuseContact us
Company
About usNonprofitCase studiesSecurityTerms and privacy