Image Test

On the HTTPArchive, Rick Viscomi found that images on sites hosted with WordPress are generally optimized better than on sites that do not use WordPress.

Well, this site uses WordPress.  I found a 2.1 MB image of a sea star (2268 × 4032 = 9.1MP) that I took with my phone.  I simply uploaded it into WordPress, and placed it into this post:

20170709_191809

Downloading this image, it is 655 KB (900 × 1609 = 1.5MP) That is 3.2x smaller in KB, and 6x smaller in terms of pixels!  It is also saved at JPEG quality level 96, affording a few more bytes of savings.

20170709_191809

Resizing to 400×715: The image is saved at 400×715 – a teeny 204KB.

So, when using WordPress, it appears that the site automatically resizes the images to exactly fit the dimensions appearing on the screen, saving KB of data, and the device from having to resize the image to fit on the screen!

Running this page through WebPageTest, we see that there are dimension parameters added to the requests – which allows the server to resize on the fly:

Picture1:

Screen Shot 2017-11-27 at 5.09.02 PM

Picture 2:

Screen Shot 2017-11-27 at 5.09.29 PM

And don’t let the extension fool you.  They were also sent as WebP.

Screen Shot 2017-11-27 at 5.13.39 PMScreen Shot 2017-11-27 at 5.13.38 PM

https://www.webpagetest.org/result/171127_K7_6358f5297d735c596978ec8e39329c08/

Interestingly, the screenshots from WebPageTest (pngs) remain as PNG files.

So, even without any WordPress Plugins, WordPress is optimizing images to improve speed and loading of their sites.

One thought on “Image Test

  1. Interesting take on the topic, I suppose WordPress as a CMS has built that way to help people on different fronts — even those Mom & Pop shop sites that can’t afford to hire optimisation services.

    Also HTTP Archive project reboot is quite interesting. 💯

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s