My form isn't loading correctly on my webpage

  • PostandGrant
    Asked on July 7, 2014 at 1:26 PM

    Only 2 lines of my form show up on my webpage. It takes 25-60 seconds for the whole form to load correctly. How do I fix this??

     

    The password to the site is: postandgrant

  • Elton Support Team Lead
    Replied on July 7, 2014 at 2:48 PM

    Hi,

    Is it the form embedded on this page? http://post-grant.myshopify.com/pages/upload-photos

    If yes, it just took nearly 2 seconds and the form appears as expected.

    My form isnt loading correctly on my webpage Image 1 Screenshot 20

    I have no problem accessing the form. Would you please clear your browser's cache and keep on checking the form? It should be working normally just fine.

    We'll await your updates. Thanks!

  • PostandGrant
    Replied on July 7, 2014 at 2:53 PM

    nope, that's a different form that is working correctly. The one that isn't working correctly is:

    http://post-grant.myshopify.com/pages/get-started

     

    Let me know if you can see that one. It's a very long questionnaire but only 2 lines show up. I believe it's a Safari or Chrome for Mac problem, because it works fine on a PC.

  • Elton Support Team Lead
    Replied on July 7, 2014 at 3:29 PM

    @PostandGrant

    Sorry about that and thanks for providing the correct page.

    The form loads just fine on my end but I found out what's causing the form to slow.

    You have images attached to your form with over 5MB file size which is considered HUGE when talking about web page matter.

    My form isnt loading correctly on my webpage Image 1 Screenshot 20

    You have at least 7 images with almost the same size. With that said, if I am the user with slow connection accessing the form for the first time. It would take me around 10 to 20 minutes before I could see/use the form on my browser since the browser downloads the images first (it's called browser caching) and with 5MB x 7 = 35MB and that's HUGE.

    The best way to resolve or overcome this is to download the images first and use photo editing software like photoshop and resize these images to reduce its file size before embedding it to your form. This should speed up the form.

    Hope this helps. Thanks and Regards!

  • PostandGrant
    Replied on July 7, 2014 at 3:59 PM

    Ah, that makes a lot of sense. I will try to reduce the size of the photo files and see if that works. Thank you!!