Background Graphics Dilemma That Makes NO SENSE!!

8 replies
Hey Gang,

I am experiencing a dilemma with my wordpress image that is quite simply the most ridiculous @%% backwards problem I have EVER experienced in my life. It frankly makes no sense, so if anybody can shed light on it, it will be greatly appreciated...

My original background graphic on my wordpress site was pretty big.. it was about 760 Kb for a 1600 X 1600 image... so what I decide to do is make it smaller.... I still kept it 1600 X 1600, but I just reduced the quality down to 412 KB -- so I figured that it will speed up my site a little bit right?

But no! It actually makes my site slower. When I run my site with GTMetrix.com, it is running about 3% slower -- on average of course -- I ran it numerous amounts of times. And I even cleared my cookies before & after each run.

Really strange! And, what's stranger is that when I upload and use my older 760 Kb image, it runs faster again. Am I in the twilight zone? Has this happened to anyone else?

In Many Thanks,
Kyle
#background #dilemma #graphics #makes #sense
  • Profile picture of the author USA
    Hi Kyle,

    Can I take a look at the site in question?
    {{ DiscussionBoard.errors[7811673].message }}
  • Profile picture of the author Pete Lauder
    Kyle, did you replace the old version, with the new, or just add it to your WP install.

    I can only guess that it is still trying to load the original, and your theme will need updating.
    {{ DiscussionBoard.errors[7812096].message }}
    • Profile picture of the author Farish
      If you have a cache plugin for better performance, I would clear/reset that.
      {{ DiscussionBoard.errors[7812129].message }}
    • Profile picture of the author KylePeters
      Originally Posted by Pete Lauder View Post

      Kyle, did you replace the old version, with the new, or just add it to your WP install.

      I can only guess that it is still trying to load the original, and your theme will need updating.
      yeah Pete, I made sure that I definitly fully replaced the old version.... I even made sure that the new one loads on my site when i go to my URL.
      Signature
      Some cool Graphic web design services and training courses!
      {{ DiscussionBoard.errors[7813340].message }}
      • Profile picture of the author Farish
        Originally Posted by KylePeters View Post

        yeah Pete, I made sure that I definitly fully replaced the old version.... I even made sure that the new one loads on my site when i go to my URL.

        Ok, here is what I can think of. Delete the background picture from the page and make sure you can view it in the browser without the background. Check your site's performance again after you are sure no background is there. Then reupload the picture. Maybe the file got corrupted in the upload and it is causing read issues slowing down your site.

        Without going to your site myself this is more like shooting into the dark.
        {{ DiscussionBoard.errors[7813484].message }}
  • Profile picture of the author KylePeters
    Nope, I don't have any kind of caching plugin. So that's not it.
    Signature
    Some cool Graphic web design services and training courses!
    {{ DiscussionBoard.errors[7813238].message }}
  • Profile picture of the author MrMonetize
    There's a few reasons I can think of, one has been mentioned. Is the original image cached? Try delete all of the web cache from the browser, not just the cookies and reload the site.

    Are you using a CDN like CloudFlare? It might be holding a copy of the original image and is serving you that, whilst the new image could be served from your host making it slower?

    Another is if its a GIF/PNG, the original could be interlaced which downloads it in multiple passes and gives the impression of the image loading faster. If you have edited it and saved it as a JPEG or something other than an interlaced GIF/PNG, it could slow down the load time. For an image that size you should be using a JPEG or PNG which can be optimised further using PS, GIMP or if your MAC based, Codekit has a superb image reduction feature to save bandwidth.

    If you still haven't figured it out, try renaming the new image to something else and adjust the CSS to suit, then re-test the load time. I prefer this for speed testing sites - https://developers.google.com/speed/pagespeed/
    {{ DiscussionBoard.errors[7813386].message }}

Trending Topics