Image Performance
Cut image weight on real pages with formats, compression, sizing and lazy loading.
What you'll learn
- Audit image weight with DevTools
- Pick formats and quality
- Serve responsive sizes
- Use an image CDN
About this course
You audit the images on three sample pages and fix them. You compare formats, set up responsive images, lazy load and use a CDN.
Course curriculum
4 modules and 12 lessons over 4 weeks. Plan for about 12 learning hours.
01AuditWeek 1 · 3 lessons
- Network panel
- Largest images
- LCP image
02FormatsWeek 2 · 3 lessons
- JPEG, WebP, AVIF
- Quality settings
- SVG
03DeliveryWeek 3 · 3 lessons
- srcset and sizes
- Lazy loading
- Image CDNs
04Three pagesWeek 4 · 3 lessons
- Home page
- Gallery
- Product page
Project
Image audit. Three pages with image fixes and a before and after report.
Who this course is for
Front-end developers with image-heavy pages.
Prerequisites
You build responsive pages.
What's included
- 180-day course access
- Project brief
- Starter repository
- Coding labs
- Reference solutions
- One written project review
- A digital completion certificate
Learning format
Project-based online course, part of our guided project courses. One written project review.
Access and delivery
- Course access is delivered within 15 minutes after payment.
- Written project review is returned within 2 business days of submission.
- Completion materials are issued within 2 business days after the project is approved.
Certificate
You receive a digital completion certificate. Completion materials are issued within 2 business days after the project is approved.
Frequently asked questions
When does access start?
Course access is delivered within 15 minutes after payment.
Is payment taken on this website?
No. After you submit your enrollment request, we reply by email with payment details and enrollment confirmation.
Does this course guarantee a job or income?
No. It is an education and training service and does not include employment, income or placement guarantees.
Can I cancel?
Our Refund and Cancellation Policy lists the terms for project-based programs.
