{"id":1688,"date":"2018-06-18T18:07:09","date_gmt":"2018-06-18T22:07:09","guid":{"rendered":"https:\/\/2018.boston.wordcamp.org\/?post_type=wcb_session&#038;p=1688"},"modified":"2018-06-21T16:17:15","modified_gmt":"2018-06-21T20:17:15","slug":"improving-site-performance-through-responsive-images","status":"publish","type":"wcb_session","link":"https:\/\/boston.wordcamp.org\/2018\/session\/improving-site-performance-through-responsive-images\/","title":{"rendered":"Improving Site Performance through Responsive Images"},"content":{"rendered":"<p>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&#8217;s huge opportunity to lower the size of a page, decrease load time, and increase performance. In this session, we&#8217;ll touch briefly on the basics of how to use the appropriate file types for images on a site. From there, we&#8217;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&#8217;ll go over building out a workflow for automating image optimization via WordPress&#8217; built-in add_image_size function and task-automation tools like Gulp and Grunt.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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&#8217;s huge opportunity to lower the size of a page, decrease load time, and increase performance. In this session, we&#8217;ll touch briefly on the basics of how to use the appropriate [&hellip;]<\/p>\n","protected":false},"author":1819835,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1532185200,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[1620],"footnotes":""},"session_track":[296669,1215198],"session_category":[],"class_list":["post-1688","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-advanced-developers","wcb_track-1-auditorium"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9HzQv-re","jetpack_likes_enabled":true,"session_date_time":{"date":"July 21, 2018","time":"11:00 am"},"session_speakers":[{"id":"1620","slug":"chris-gladney","name":"Chris Gladney","link":"https:\/\/boston.wordcamp.org\/2018\/speaker\/chris-gladney\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/boston.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/1688","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boston.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/boston.wordcamp.org\/2018\/wp-json\/wp\/v2\/types\/wcb_session"}],"author":[{"embeddable":true,"href":"https:\/\/boston.wordcamp.org\/2018\/wp-json\/wp\/v2\/users\/1819835"}],"version-history":[{"count":1,"href":"https:\/\/boston.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/1688\/revisions"}],"predecessor-version":[{"id":1689,"href":"https:\/\/boston.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/1688\/revisions\/1689"}],"speakers":[{"embeddable":true,"href":"https:\/\/boston.wordcamp.org\/2018\/wp-json\/wp\/v2\/speakers\/1620"}],"wp:attachment":[{"href":"https:\/\/boston.wordcamp.org\/2018\/wp-json\/wp\/v2\/media?parent=1688"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/boston.wordcamp.org\/2018\/wp-json\/wp\/v2\/session_track?post=1688"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/boston.wordcamp.org\/2018\/wp-json\/wp\/v2\/session_category?post=1688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}