Lazy loading in Wordpress - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is lazy loading in WordPress?

Lazy loading is a technique that delays loading images or other resources until they are needed, usually when they come into the user's view. This helps pages load faster and saves bandwidth.

beginner

How does lazy loading improve website performance?

By loading only visible images first, lazy loading reduces initial page load time and data usage. This makes the site feel faster and improves user experience, especially on slow connections.

intermediate

Which HTML attribute is used by WordPress to enable lazy loading on images?

WordPress uses the loading="lazy" attribute on <img> tags to tell browsers to load images only when they are near the viewport.

intermediate

Can lazy loading affect SEO or accessibility?

If implemented correctly, lazy loading should not harm SEO or accessibility. WordPress ensures images have alt text and loads content properly for search engines and screen readers.

beginner

Name a common plugin or method to add lazy loading in WordPress if not using the built-in feature.

Plugins like 'a3 Lazy Load' or 'Lazy Load by WP Rocket' can add lazy loading to images, videos, and iframes if your theme or WordPress version does not support it natively.

What does lazy loading primarily delay loading of?

A Images and other media until needed

B All website scripts

C Only text content

D Website headers

Lazy loading delays loading images and media until they are about to appear on screen.

Which HTML attribute enables lazy loading in modern browsers?

A async

B srcset

C defer

D loading

The loading="lazy" attribute tells browsers to lazy load images.

What is a key benefit of lazy loading on mobile devices?

A Saves data and speeds up loading

B Increases battery usage

C Disables images

D Loads all content at once

Lazy loading saves mobile data and speeds up page load by loading images only when needed.

Does WordPress support lazy loading by default in recent versions?

A Only with plugins

B No, it never supported lazy loading

C Yes, since WordPress 5.5

D Only for videos

WordPress added native lazy loading support for images starting with version 5.5.

Which of these is NOT a good practice when using lazy loading?

A Using loading="lazy" attribute

B Hiding important content behind lazy loading

C Adding alt text to images

D Testing on different devices

Important content should not be hidden behind lazy loading as it may affect SEO and accessibility.

Explain how lazy loading works in WordPress and why it helps website performance.

Think about when images actually load as you scroll.

Describe potential SEO and accessibility considerations when implementing lazy loading in WordPress.

Consider how search engines and assistive tools read your site.