Okay
  Public Ticket #481906
Super slow loading, client is furious - need help ASAP
Closed

Comments

  • Eugene started the conversation

    The site is extremely slow when loading, and very choppy and not user friendly like the demo. I love this theme and want to use it but the client is furious with the loading, and i've put in hours of work already so I would love to to just handle this small issuue.


    Also, how do I increase the size of the logo in the top left?

    please respond asap I need support with this to finish in the next few hours.

  •  1,806
    Support replied

    The loading is indeed very slow. You must optimize images for web.

    https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization?hl=en.

    here is the snapshot of the Network tool in chrome (you can see the loading time there)

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  1,806
    Support replied

    I\'m attaching here the screenshot of our demo website loading time. thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Eugene replied

    I thought I had already optimized the images for web previously, is it not something else? possibly the wp-cache? I don\'t know I just saw that in a different post

  •  1,806
    Support replied

    I don\'t see any reference to wp-cache in the page source. have you enabled in the admin?

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Eugene replied

    I honestly don\'t know -- I don\'t even know if it is working.

    Is it really just the photos that are creating the slow load time?

  •  1,806
    Support replied

    So I made a larger snapshot so you can see the difference between the loading time of the images and the rest of the elements.

    To give you another example your page has 22.8 Mb in content whereas the page in our demo has 3.8 Mb

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Eugene replied

    I\'m almost finished with the images I\'m sure that it\'s going to work as you said.

    Do you think I can make the logo in the top left hand bigger? it\'s a bit small for him to be able to show off his logo.

    Thank you for responding quickly before -- i\'m going to be online waiting :)

  • Eugene replied

    also how do I compress these photos?

  • Chris replied

    I\'m not admin and I do not know what size your images are as I cannot open your site but large images will indeed slow down the load time of your site.

    So to cut the explanation to the essential information this is how to size your images for this theme if using the full screen slider.

    Open the image in photoshop and change the ppi to 72. I then make images 2000px at the long end but crop them to 2000 x 1067px. If I need the entire image then I would make a canvas 2000px x1067 at 72ppi and reduce the image to fit on that.

    Once ready to save use the \"save for web\" option in photoshop. Make sure jpeg is selected as the image type then the slider for image quality, drag that until the final output size of the image is 250kb or smaller. The final image size will be displayed in the lower left under the image in the save for web window and will readjust as you drag the quality slider.

    You can also add a plugin called wp smushit. Made by yahoo and one of the few things they have done right. What it does as images upload it will be able to tell if the overall size can be reduced a little more without effecting the image quality. Over a lot of images this will make a difference.

    You may know all of that but maybe not so hope it helps.

    If the current uploaded images are larger than that make sure you have your backup copies which I would assume you do then delete them out of your media library and then flush the cache before uploading the resized images.


  •  1,806
    Support replied

    A guide on how to optimize images from web:

    https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization?hl=en


    The logo will try to fill the width available and to preserve the aspect ration function of its current height

    you can increase the height of the logo with

    #logo{

    height: ___px;

    }


    in theme options Styling Options -> Custom CSS

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy