Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
lazy loading

17 Articles
{
,

}
Direct link to the article Native Lazy Loading
iframes images lazy loading performance

Native Lazy Loading

IntersectionObserver has made lazy loading a lot easier and more efficient than it used to be, but to do it really right you still gotta remove the src and such, which is cumbersome. It’s definitely not as easy as:

<img 
…
Chris Coyier on Apr 8, 2019 Updated on Jul 10, 2019
Direct link to the article Preventing Content Reflow From Lazy-Loaded Images
lazy loading

Preventing Content Reflow From Lazy-Loaded Images

You know the concept of lazy loading images. It prevents the browser from loading images until those images are in (or nearly in) the browser’s viewport.

There are a plethora of JavaScript-based lazy loading solutions. GitHub has over 3,400 …

James Steinbach on Nov 29, 2018 Updated on Dec 18, 2019
Direct link to the article The Complete Guide to Lazy Loading Images
lazy loading performance

The Complete Guide to Lazy Loading Images

Wondering how lazy loading images works? It's an important thing to understand as it can really speed up the loading of your page and reduce bandwidth usage both for your site and the user.
Rahul Nanwani on Sep 25, 2018 Updated on Jan 4, 2022
Direct link to the article A Native Lazy Load for the Web
chrome lazy loading

A Native Lazy Load for the Web

A new Chrome feature dubbed “Blink LazyLoad” is designed to dramatically improve performance by deferring the load of below-the-fold images and third-party <iframe></iframe>s.

The goals of this bold experiment are to improve the overall render speed of content that …

Ben Schwarz on Aug 27, 2018 Updated on Jul 10, 2019
Direct link to the article Lazy Loading Gravatars in WordPress
images jQuery lazy loading WordPress

Lazy Loading Gravatars in WordPress

Most WordPress themes show user Gravatars in the comment threads. It’s a way of showing an image with the user, as associated by the email address used. It’s a nice touch, and almost an expected design pattern these days.

Every …

Chris Coyier on Apr 4, 2017
Direct link to the article Lazy-Loading Disqus Comments
comments disqus JavaScript lazy loading

Lazy-Loading Disqus Comments

Lately, I’ve been obsessed with optimizing performance through lazy-loading. Recently, I’ve written on how to lazy-load Google Maps and on how to lazy-load responsive Google Adsense. Now it’s time for Disqus, a service for embedding comments on your …

Osvaldas Valutis on Dec 7, 2016 Updated on Dec 8, 2016
Direct link to the article Lazy Loading Responsive Adsense Ads
adsense advertising lazy loading performance

Lazy Loading Responsive Adsense Ads

You’ve been hard at work optimizing your site. You’ve already done things like lazy-loading Google Maps and been wondering if there was anything else you could do. For example, is there anything we can do to improve the loading of …

Osvaldas Valutis on Nov 15, 2016 Updated on Mar 8, 2019
Direct link to the article Lazy Loading Images
lazy loading

Lazy Loading Images

UPDATE: This is pretty old. If you’re looking to lazy load images these days, I’d recommend looking at:

  • The Complete Guide to Lazy Loading Images
  • A Native Lazy Load for the Web Platform
  • Tips for rolling your own lazy loading
…
Chris Coyier on Mar 27, 2012 Updated on Jan 26, 2020
  • Newer
  • 1
  • 2

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top