October 4, 2022
Today we are talking about Image Optimization with Martin Anderson-Clutz.
Listen:
Watch:
Topics:
- Image optimization
- Why it is important
- Performance
- Accessibility and Inclusion
- Techniques with Drupal
- Image formats
- webp
- svg
- avif
- Drupal support
- What to do before uploading
- Educating content editors
- Difference in formats
- Helpful modules and tools
- Core
- Image Styles
- Responsive Images
- Contrib
- Blazy for older sites
- Crop API, and Focal Point or Image Widget Crop
- WebP or similar
- SVG Image Field
- Image Optimize API, and Local Binaries Resmush.it or similar
- Image Library
- Imagemagick
- GD Library
- Core
- Anything else
Resources:
- Board Elections
- Web Almanac 2022 - Median page weight over time
- Web Almanac 2022 - Median page weight by content type
- PreviousNext - Better image optimisation in Drupal
- Browser Calories extension
- What are NextGen Web Formats?
- AVIF vs GIF: The battle for the animated picture format
- www.Webpagetest.org
- Shows full waterfall of the page and how it loads
- Helpful Modules
- Talking Drupal 348: Carbon footprint
Module of the Week:
Toolbar Manager
Allow a site builder to customize what items appear in the toolbar:
- Change text labels
- Add classes (e.g. to add icons)
- Or hide entirely
