Images and pagespeed

by 7 replies
8
I haven't been able to find a post related or a more specific section.

I have several websites, and Im worrying about technical stuff now since it's a fact pagespeed has importance into google's eyes.

What is better/faster for the page, in your opinion?

a) 2 images on a page. 1 is 500x500 and the 2nd is the same exact image/file but resized it to 20x20.

b) 2 images on a page. 1 is 500x500 and the 2nd is the same but 20x20 and uploaded as a different file.

Which one does is faster?
#search engine optimization #images #pagespeed
  • Banned
    When you have an image where the original size is large (ex: 500x500px) & then scale the image down with HTML, your still loading a 500x500 size image, so it's still going to take however long it takes to load the 20x20 image that was scaled down with HTML.

    Scale your image down offline then upload as a new image (new filename).
    • [1] reply
    • Oh I see. But if the 500x500 has to load anyways... Does the 2nd image loads as a second image even though its the same? Or because the 1st has been loaded it take less?

      Thanks
      • [1] reply
  • The second one is faster.

    Browsers load full size images and then resize them according to the CSS/HTML instructions.

    Better to use the exact image size you need than to resize it.
    • [1] reply
    • Thanks guys. That makes it clearer.

      So even though the second load is faster, is always better to make exactsized images. I thought they would load as one.. Ok, thanks!
  • [DELETED]
  • Yes, I'm agree with Yukon,

    it is better to upload the right image size at the first place than resize using html


Join the discussion

Next Topics on Trending Feed

  • 8

    Images and pagespeed

    I haven't been able to find a post related or a more specific section. I have several websites, and Im worrying about technical stuff now since it's a fact pagespeed has importance into google's eyes.