Improving load speed

  • I’m finally noticing a huge difference in how long pages take to load on my site. When I first started it, it was fairly fast. I understand the more pictures, data I add could slow it down.

    Understand I’m not anywhere near an expert on most of this. I’m looking for help from people who’ve dealt with these issues before, mostly just need help decoding these terms and issue’s I’m not familiar with.

    I did a speed test on Google’s page speed insights website, came up with 33/100 on the test.
    here’s an image of the different issues that came up

    View post on imgur.com

    I downloaded WP smush a few weeks ago and optimized my images. Still having the “Optimize images” come up.

    Here’s what comes up when opening the tabs, minify CSS and minify java script.

    View post on imgur.com

    I’m being honest I’m that noob with these I don’t even know where to start, I’m hoping somewhere here can point me in the right direction with tackling these. unfortunately, I know the bare minimum if not anything about CSS, Javascript, and general website optimization. I’m 100% willing to learn, just hoping someone can put these issues in more simple/understanding terms for someone like me.
    my site is nocertainty.net
    Thank you for reading, appreciate any support with this from the community here.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 16 through 18 (of 18 total)

  • @iromprey

    Your images are now “optimized” in the sense that they are compressed.

    As Alex noted, The fuzziness you refer too is caused by too much compression or by lossy compression.

    I have a different approach.

    Google’s complaint might be that your image dimensions are bigger than their display size.

    See this to understand what I mean

    While you have different srcset which should serve smaller image to smaller screens, the problem is that the display dimensions are always smaller than the file size served.

    The problematic images are only displayed as post thumbnails and not displayed inside the post.

    So here’s what I suggest.

    Deleted the fuzzy photos.

    Go back to your original non-fuzzy images and edit and resize them to around the maximum possible display width or around 300px then upload those again. optimize them and clear your cache and check google again.

    This can also be done programmaticly with WordPress media settings.

    I understand, I asked you this because from our experience, usually, the problem once you optimized the images is that the image is (much) bigger than its placeholder.

    As an example: you have a 500x500px image which is squeezed down by the browser to fit a 100×100 px placeholder. It is rather useless to try to further optimize it but rather you need to rescale it to a 100x100px image and then optimize it.

    Maybe this info helps you ??
    Alex

    Thread Starter iromprey

    (@iromprey)

    I’ve been trying different things, did what you suggested j09. I thought I had it all figured out and then I set them to featured image on my posts and there they were again on page speed tools.

    I made the width 300px for all my images at first, then I tried 240px after looking at the image you linked again showing them to be 240×180.
    No luck there either, I’ve tried so many things I don’t even know what to do at this point. Also deleted the cache with WP super cache every new time I tried with the smaller saved images. And I just empty the cache with Autoptimze, Not sure if there’s a difference. I’m so noob at this shit it’s not even funny hahahaha…
    Another thing I should mention, every new upload when I go to EWW to bulk it says “there are no images to optimize” is that because it already optimizes them after uploading? or my settings?
    I select the box “Force Optimize” and it re optimizes my 270 images, I don’t know whats going on there either.

Viewing 3 replies - 16 through 18 (of 18 total)
  • The topic ‘Improving load speed’ is closed to new replies.