Way Smaller Cross-Browser Images and Video with Webp and React
|
Learn how to optimize website images and videos for faster loading times. Convert images to a smaller format and ensure graceful fallback on unsupported browsers. Discover a painless abstraction for React. Subscribe now to not miss out on this valuable course content!
On many websites, images and video make up the vast bulk of the data being sent over the wire
websites will often have
of images!
There’s a lot of low-hanging fruit in this area. In this collection, we’ll learn how to convert our images to the
format—a format often
2-3x smaller
than png/jpg—and how to use the
element to ensure graceful fallback on unsupported browsers. We’ll see how to come up with a great abstraction for React to make it as painless to use as possible.
Later in this collection, we’ll also cover:
Subscribe to make sure you don’t miss it!
Course Content
Optimize Cross-browser Images with webp and the ‘picture’ Element
Handle Next-gen Image Formats in React with the ‘picture’ Element
User Reviews
Be the first to review “Way Smaller Cross-Browser Images and Video with Webp and React”
You must be logged in to post a review.
There are no reviews yet.