YoVDO

Lazy Loading Is Too Easy Now

Offered By: Kevin Powell via YouTube

Tags

HTML & CSS Courses Web Development Courses Lazy Loading Courses

Course Description

Overview

Explore native browser lazy loading in this 16-minute tutorial video. Learn how to implement this powerful performance-boosting technique without relying on custom scripts or third-party solutions. Discover the advantages of browser-handled lazy loading, including automatic optimization based on connection speeds and user devices. Dive into practical demonstrations, including simulating slower devices, adding lazy loading to images, preventing content jumping, and implementing lazy loading with the picture element. Gain insights into why setting width and height attributes for images is important again in modern web development. By the end of this video, you'll be equipped to easily implement lazy loading and significantly improve your website's performance.

Syllabus

- Intro
- What is lazy loading
- simulating slower devices
- adding lazy loading
- preventing jumping content
- advantages of native browser lazy loading
- lazy loading with the picture element


Taught by

Kevin Powell

Related Courses

Intro to HTML and CSS
Udacity
Responsive Web Design Fundamentals
Google via Udacity
HTML5 and CSS Fundamentals
World Wide Web Consortium (W3C) via edX
CSS Basics
Microsoft via edX
Advanced CSS Concepts
Microsoft via edX