Learn More About Performance – WS Form

Performance

WS Form has been designed with form-rendering performance in mind. A few of these design considerations are detailed below.

Database

All WS Form submissions are completely isolated from the rest of the standard WordPress tables to improve performance.

Many of our competitors add form submissions to the regular WordPress wp_posts table as a custom post type. While this does have some advantages, such as making some of the WordPress codex functions available to the form submissions themselves, we believe that isolating the form submissions in their own table dramatically improves performance. The main disadvantage to pushing submissions into the wp_posts table is that  post types such as pages, posts, and attachments (media items) all share the same table. Therefore if, for example, you had 10,000 form submissions, any queries for a page will have to contend with those 10,000 records, thus affecting the performance of your website.

Published Snapshots

While we retain the draft version of forms in various database tables, the final rendering of a form on your website comes from a pre-compiled version of the form that involves a single database query per rendering. This unique way of rendering forms means your website is faster and there is less load on your server. We can achieve client side load speeds of less than 10ms for most forms.

Good Quality HTML

WS Form comes with a ready-to-use CSS framework that can sit seamlessly in the vast majority of websites. The HTML is clean and concise, such that seasoned developers can easily style the forms to fit in with the rest of a website.

Furthermore WS Form is compatible with recent and past versions of CSS frameworks, such as Bootstrap and Foundation. WS Form physically changes the HTML output to match the precise code required for those frameworks so that the forms rendered are a perfect fit for the rest of the website.

HTML 5 Compliant Form Fields

Other than some specialist fields such as the signature and reCAPTCHA fields, all of the form fields available in WS Form take advantage of native browser functionality. This avoids the use of third party libraries which would otherwise slow down the performance of a website. Field HTML only includes attributes that are configured in the field settings.

Dynamic Script Enqueuing

WS Form will only enqueue its own scripts and CSS when a form is rendered on the page.  Furthermore it will only enqueue third party libraries if a form contains a field type that requires that library (e.g. signatures, color pickers etc).

WS Form offers the ability to load jQuery components (signature, color picker, date picker etc) locally or from a CDN location. This setting can be found on the Global Settings page.

WS Form is also fully compatible with popular speed optimization plugins.

Performance Settings

In addition to the above considerations, WS Form also has some additional settings you can use to further improve performance on production websites.

Minify CSS

This setting can be found on the Global Settings page. We recommend enabling this to reduce the size of the WS Form CSS data. This is only applicable if you are using the WS Form framework.

Inline CSS

This setting can be found on the Global Settings page. We recommend enabling this to render the WS Form CSS inline in the head tag of your website HTML. This is only applicable if you are using the WS Form framework.

CSS Cache Duration

This setting can be found on the Global Settings page. We recommend setting this to a long duration to improve CSS file caching. This is only applicable if you are using the WS Form framework. Note that the CSS caching will automatically reset when you upgrade to a newer version of WS Form PRO due to a version attribute being appending to the CSS paths.