What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Can jotform.cssgz: Size be Reduced?

    Asked by lrbconsulting on June 28, 2011 at 09:32 AM

    We have added a Jotform to our site. Now trying to ensure that there is no reason related to the form that the page is slow loading.

    Have used Chrome's audit facility and it tells me that i should remove unused CSS rules & for jotform specifically it says  jotform.cssgz: 347.32KB (96%) is not used by the current page.


    While I understand that there will be many rules which I don't use by nature of it being a very simple form I find it incredible that the file size of the css file is larger than 300KB sto start with.

    Am I misunderstanding something or is there an opportunity to improve things here?

     

    Many thanks for a great product

     

    John

    Page URL:
    http://www.lrbconsulting.co.uk/firesafety-services.aspx

  • Profile Image
    JotForm Support

    Answered by mliz on June 30, 2011 at 03:32 AM

    Hi John,

    The CSS is quite large in size because it contains all the class of the
    fields of JotForm and not only the fields used in the form created.

    You can download the full source code and then remove the unused
    CSS for your form before adding it to your website. Take note that when
    adding the form to your site using the source code  the updated/edited
    CSS file has to be uploaded as well. The link to the css file must also
    be updated in reference to the edited css file.

    To download the full source codes for your form:

    1.  Go to Setup & Embed
    2.  Click the Embed Form button
    3.  Choose Source
    4.  Click the link that says "here"

     

    Hope this helps.

    Regards,
    Mliz