Chris Gladney: Improving Site Performance through Responsive Images

Continue the discussion

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

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

Google photo

You are commenting using your Google 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 )

Connecting to %s


January 10, 2019

Images typically account for the greatest number of bytes downloaded when viewing a web page. Because of this, images are an area in which there’s huge opportunity to lower the size of a page, decrease load time, and increase performance. In this session, we’ll touch briefly on the basics of how to use the appropriate file types for images on a site. From there, we’ll dig a bit deeper and discuss methods to implement responsive images, browser-specific image formats like WebP, and how to optimizing responsive images further via lazy loading. Finally, we’ll go over building out a workflow for automating image optimization via WordPress’ built-in add_image_size function and task-automation tools like Gulp and Grunt.

Rate this:


WordCamp Boston 2018 39


Chris Gladney 1


Site Performance 1


English 7684

MP4: Low, Med, High
OGG: Low
Subtitle this video →
%d bloggers like this: