Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1276438

    simone
    Participant

    Hi,
    I am working on speeding up 2 different sites with the X theme. Both are having the same issues. I added the Expires bit of code to the htaccess file and it helped quite a bit with YSLOW. However, I am getting this error at http://www.new.greenepsych.com

    The following images are resized in HTML or CSS. Serving scaled images could save 254.7KiB (88% reduction).
    http://new.greenepsych.com/wp-content/uploads/2016/11/basketball-player.jpg is resized in HTML or CSS from 750×351 to 249×117. Serving a scaled image could save 55.5KiB (88% reduction).
    http://new.greenepsych.com/wp-content/uploads/2016/11/race_mitch.jpg is resized in HTML or CSS from 750×351 to 249×117. Serving a scaled image could save 53.4KiB (88% reduction).

    There are more 6 more images listed like this, they are the images inside the feature boxes on the landing page.

    All the above listed images were optimized in photoshop and saved for the web, when I reduced the image to the suggested 249×117 – the images were blurry. Please advise.

    Also, I read the performance article in the X knowledge Base. There is a bit of code suggested to place in the htaccess file for GZip compression. I am using W3 total cache. When I opened up the access file – I could see the Total Cache plugin code – I added the bit from your article and the site went down so I deleted it. Is it one or the other?

    Many thanks for your help!

    #1276474

    Joao
    Moderator

    Hi There,

    If you would like to optmize your images I recommend you re-sizing them to the necessary size, not much bigger, and before uploading to your website you can use http://www.tinypng.com to compress them.

    Also there is a plugin called smush it that you can use after that, but tinypng does a great job.

    Your images don´t need to be exported with maxium quality as well, good or very good should be enough.

    I personally don´t use cache plugin but I heard WP Cache Fastest is a great plugin,

    Hope it helps

    Joao

    #1277611

    simone
    Participant

    I added total cache and reduced the image sizes, added expires in htaccess file and greatly increased page speed for the landing page – feeling much better about that!

    Now – I am looking at the news page which is super slow thus yielding a terrible user experience.
    http://new.greenepsych.com/news-2/

    Im attaching a screenshot of the gtmetrics page speed issues: Its taking almost 10 seconds to load the page. Most of the posts are YOUTUBE videos,typically they load fast when you can paste the code right into the text box on the post page or on any page. X has a different set up to enter the embed code… seems to be slower. Please advise on how to speed things up specifically the “parsing of the javascript”

    Many thanks!
    Simone

    #1277654

    Rupok
    Member

    Hi there,

    It’s simply because you have number of videos that’s loading lots of scripts. It’s same for default editor or Cornerstone editor since they will just load over iframe that will definitely make your page slower. Still it’s loading comparatively faster in spite of having those youtube embeds.

    Cheers!

    #1278285

    simone
    Participant

    Is there a better way to link to the youtube video that will increase page speed, other than embedding the iframe code?

    #1278389

    Lely
    Moderator

    Hi Simone,

    There’s now a better way to embed youtube videos that will increase page speed, unfortunately it is not yet available in Cornerstone. As of the moment, this can only be achieve using a plugin like: https://wordpress.org/plugins/lazy-load-for-videos/. Just note that we do not support third party plugins. Questions regarding implementation and integration should be directed to plugin developer.

    I will forward this feature request to our developer to include the light and responsive youtube embeds instead of iframe. This way it can be taken into consideration for future development. All of these items are discussed with our team internally and prioritized based on the amount of interest a particular feature might receive. Thanks!