Chris Gladney: Improving Site Performance through Responsive Images

Continue the discussion

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 )

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

Published

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:

Event

WordCamp Boston 2018 39

Speakers

Chris Gladney 1

Tags

Site Performance 1

Language

English 7109

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