๐Ÿ†š Lazy loading vs. Preconnect

Type

Performance optimization technology
Performance optimization technology

About

Native lazy loading is a technique to load non-critical images and iframes marked with the loading="lazy" attribute only when needed.

The rel="preconnect" attribute on HTML <link> elements instructs browsers to establish early connections to external origins before resources are requested.

It is used to reduce latency by opening DNS lookup, TCP handshake, and TLS negotiation in advance for critical third-party domains such as CDNs, font providers, and analytics services.

Headquarters

Cambridge, Massachusetts, United States
Cambridge, Massachusetts, United States

Website

Categories

Performance Optimization โ€บ Rank #1
Performance Optimization โ€บ Rank #4
Standards โ€บ Rank #11

Popularity

Determined by the number of sites using each technology.

Lazy loading performance optimization technology is 1.5 times more popular than Preconnect.
Total websites

Market share

Performance Optimization

Popularity by country

Determined by the number of sites detected from each country.

Lazy loading is more popular in the United States, the United Kingdom, and Germany, while Preconnect is more popular in Thailand, Cambodia, and El Salvador.
United States
United Kingdom
Germany
Japan
France
Spain
Italy
Australia
Netherlands
India

Awards

Popularity by domain category

Determined by the number of sites in each category.

Lazy loading is more popular among sites focused on business, online shopping, and blogs and wiki, while Preconnect is more commonly used on marketing and merchandising, and sports sites.
Business
Online Shopping
Marketing/Merchandising
Blogs/Wiki
Education/Reference
Internet Services
Entertainment
Health
General News
Travel

Top sites

Top-ranked sites that use these technologies.

Name
Rank
View more โž
Name
Rank
View more โž

See also

๐Ÿ—ƒ๏ธ About This Data