Join Morten Rand-Hendriksen for an in-depth discussion in this video Automated image optimization, part of HTTP/2: Developing for Performance.
- [Speaker] By now you know how important…image optimization is for performance,…and you also know how to manually optimize your images.…But we can take this a step further…by using command line tools…to optimize the images on the fly.…If you look at the Exercise Files for this movie,…03_06, you'll find that in the development folder,…we have folder called images,…that contains three new folders: experience,…mainpromo, and testimonials.…And inside each of these folders,…there are all the files for our responsive images.…We have the original file, we have the 1600-width,…the 800-width, and the 400-width.…
Now, these have all been optimized through Photoshop already…The next step is to optimize them through command line tools…to make the files even smaller.…What I want to end up with is a situation…where anytime I add a new image into any folder…inside the images folder, or add a new folder…inside the images folder, the process automatically…optimizes those images and dumps them…into the production folder under images.…
- What is website optimization?
- Understanding how browsers render content
- Measuring performance
- Optimizing images
- Optimizing code
- Compressing data with GZIP
- Optimizing file caching
- Leveraging CDNs
Skill Level Advanced
Designing Websites for Performancewith Brian Wood43m 32s Intermediate
1. Web Performance: An Introduction
Plan of attack1m 52s
2. Web Performance Visualized
3. Optimizing Images
4. Markup and Content
5. Optimizing Delivery
6. The End
Thank you2m 31s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.