Halloween DealsAmazon USHalloween week deals: useful picks before month-endAmazon US: current deals, useful picks and tech finds.Check DealsWindows FixRecommendedWindows errors stealing your time? Find the fix fastScan stability, cleanup and performance issues.Fix NowHalloween DealsAmazon USOctober picks are moving - compare before checkoutAmazon US: current deals, useful picks and tech finds.See Picks×
Skip to content
VGSources
Blog

How to Enable Lazy Loading in WordPress to Speed Up Your Site

WordPress 5.5+ natively lazy-loads eligible images and WordPress 5.7+ supports iframes. Learn how to verify it, keep hero media eager, add dimensions, customize filters, and decide when a plugin is justified.
WorldWordPress to Speed Up Your Site Length10 min Posted Quest giverVGSources Team
Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

For most WordPress sites, lazy loading is already enabled: WordPress 5.5 and later adds the native loading="lazy" attribute to eligible images, and WordPress 5.7 added the same support for iframes. Update WordPress, use normal image or embed tools, then verify the rendered HTML. Keep the hero, logo, featured image, and other above-the-fold media eager so the browser can fetch the largest contentful paint (LCP) image immediately.

What lazy loading does in WordPress

Lazy loading tells the browser to postpone downloading media until it is close to entering the visitor’s viewport. Instead of fetching every image and embed while the page is first rendered, the browser prioritizes content the visitor can see and delays lower-page resources. That can reduce early network work, mobile data use, and battery consumption. It is not a blanket speed guarantee: delaying an image that is needed for the first screen can make the page feel slower.

As an Amazon Associate I earn from qualifying purchases.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

WordPress uses the browser’s native HTML attribute rather than requiring a JavaScript library for ordinary cases. An eligible image is rendered with loading="lazy"; an eager image can use loading="eager", while omitting the attribute lets the browser’s default behavior apply. The final HTML, not a plugin’s settings screen, determines what the visitor receives.

Which WordPress versions support lazy loading?

WordPress version Change Practical meaning
5.5 (2020) Native lazy loading for images Eligible images generated by supported WordPress paths receive loading="lazy" by default.
5.7 (2021) Native iframe support Eligible iframe elements, including many embeds, can receive the lazy-loading attribute.
5.9 (2021) First-content-media refinement Core skips the first content image or iframe from lazy loading by default, reducing the risk of deferring the initial visual.

The 5.9 behavior is a sensible default, not a promise that every theme identifies the actual LCP element. A custom header, page-builder layout, background image, or manually inserted markup can place a different asset above the fold.

#1 Best Overall
Sale
Gaoye Blue Light Blocking Glasses
  • BLUE LIGHT BLOCKING GLASSES: Our blue light glasses for women boast UV400 protection, blocking harmful blue rays from computer screens. With these bluelight glasses women, you can enjoy gaming, reading, or watching TV with no worries of eye strain.
  • EYE RELIEF: Our blue light glasses are engineered to reduce blurry vision or strain caused by prolonged screen time. These womens blue light glasses aid in better sleep by preventing blue light from disrupting your natural sleep cycle, helping you fall asleep faster and enjoy a more restful night's sleep, making them the perfect christmas present.
  • COMFORTABLE: Crafted from durable material, our trendy blue light glasses for woman or blue light glasses men ensure long-lasting comfort. The high-transmittance lenses accessories, gamer gifts for men, help keep your eyes relaxed. Perfect stocking stuffers, gifts for gamers men, christmas gifts for men, halloween costumes.
  • LIGHTWEIGHT: These clear blue light glasses feature a lightweight frame, meaning they’ll stay comfy for long-term wear. Perfect as blue blockers glasses for women or mens blue light glasses, these non-prescription fake glasses for men can be worn throughout the day. The blue light blocking glasses women feature polycarbonate HD lenses, which are anti-reflective and restore true color.
  • WORRY-FREE PURCHASE: If you experience any issues, our support team is ready to assist you quickly. These are the perfect costume glasses for cosplay dressing up.

Do you need a lazy-loading plugin?

No plugin is required for basic image and iframe lazy loading on a current WordPress installation. Core covers images in post content, excerpts, text widgets, avatars, and attachment-image output, provided the markup is produced through supported WordPress functions.

A plugin becomes useful when the site needs features outside that baseline, such as lazy loading for HTML5 video, custom distance-from-viewport thresholds, placeholder or blur strategies, exclusion lists managed by administrators, source restoration, or a no-JavaScript fallback. Adding another optimization layer also adds compatibility work. Check whether an existing cache, image-optimization, page-builder, or performance plugin already modifies loading, src, srcset, or embed markup before activating a second tool.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

How to enable and verify native lazy loading

  1. Update the site safely. Update WordPress, the active theme, and plugins through the normal maintenance process. Take the backup and staging precautions your site normally uses, then clear any page, object, CDN, or browser cache after updates.
  2. Add media through a supported path. Insert an image with the Media Library and block editor, or render an attachment with a standard function such as wp_get_attachment_image(). Insert an iframe through a supported embed or valid HTML that includes a source and dimensions.
  3. Open the public page. Do not inspect only the editor preview. Load the URL in a browser after caches have been purged so you are checking the HTML delivered to visitors.
  4. Inspect the rendered element. Use View Source or browser developer tools and search for the relevant <img> or <iframe>. An eligible deferred element should contain loading="lazy". WordPress-generated images commonly also include intrinsic width and height, plus responsive srcset and sizes when those values can be generated.
  5. Inspect the first viewport separately. Identify the image or frame that is actually visible on a phone and desktop before scrolling. Confirm that the LCP candidate is not marked lazy merely because another element happens to be first in the document.
  6. Run a performance audit. Compare a cold load and a repeat load, and check the audit’s LCP and network waterfall. The goal is to defer below-the-fold media while allowing the initial visual to start early.

If the attribute is absent, that does not automatically mean lazy loading is broken. The element may be intentionally eager, may come from custom markup, or may have been altered after WordPress generated it. Inspect the final response and the element’s origin before changing settings.

Keep the hero and LCP image eager

The hero image, logo, featured image, or other media visible immediately should normally load eagerly. A lazy attribute on an above-the-fold asset can delay the request until the browser decides it is near the viewport, increasing the time before the primary visual appears. WordPress 5.9 attempts to protect the first content image or iframe, but the first item in document order is not always the page’s true LCP element.

Review each important template rather than applying one site-wide assumption. A blog post may have a title and text before its first image; a game landing page may place a CSS background or a custom hero component ahead of the first content image. If testing shows that the first visible asset is deferred, set that specific element to eager or omit lazy loading for it. Do not mark an image both lazy and high priority: those instructions conflict and can undermine the intended fetch order.

Rank #2
Windex Gaming Cleaning Wipes, Pre-Moistened Wipes to Instantly Clean all Gaming Gear and Electronics, Resealable Packaging for a Freshness Lock, 25 count (Pack of 1)
  • WINDEX GAMING WIPES: effortlessly clean all your gaming gear and gaming electronics in one easy step with our new Windex Gaming Wipes
  • AMMONIA FREE: our ammonia-free formula is safe to use on all of your favorite gaming equipment like consoles, headsets, controllers, screens, keyboards, and more
  • PRE-MOISTENED WIPES: each wipe instantly removes dust, dirt, and stubborn smudges and fingerprints leaving a streak-free shine
  • ANTI-STATIC: great for cleaning and wiping down your gaming gear and electronics leaving behind no visible residue
  • COMPACT RESEALABLE PACKAGE: store your pack of Windex Gaming Wipes anywhere in your home for whenever a quick and easy wipedown is needed

Why width and height attributes matter

Every deferred image should reserve its space before the file arrives. Supplying reliable width and height lets the browser calculate the aspect ratio during layout, preventing text and controls from jumping when the image downloads. Standard WordPress image functions generally provide these intrinsic dimensions, and responsive srcset/sizes lets the browser choose an appropriate resource.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
  • Use the image’s real aspect ratio; do not add arbitrary dimensions that distort the reserved space.
  • When writing custom markup, include both numeric dimensions and a responsive source set where appropriate.
  • Keep the displayed aspect ratio consistent with the selected file, including on narrow screens.
  • Check long pages while scrolling: a layout shift can occur well below the first viewport even when the header appears stable.

How iframe and video lazy loading differ

WordPress 5.7 added iframe support, and the core function wp_lazy_loading_enabled() returns true by default for both img and iframe tags. An iframe still needs a source and dimensions for the loading attribute to be added. A correctly generated YouTube or other iframe embed can therefore be deferred without a separate plugin.

That does not make every video lightweight. A player implemented with a <video> element, a custom JavaScript embed, or a page-builder facade may not use an iframe at all. The player can still download scripts, posters, or metadata before the visitor scrolls. For those cases, use a purpose-built facade or a plugin that supports video elements, placeholders, source restoration, and a no-JavaScript fallback. Test the play button, keyboard access, captions, and consent behavior after any optimization.

How to exclude one image or change the rule in code

Use core filters when an exception belongs to a template or a known rendering context. Keep the exception narrow; disabling lazy loading globally removes the benefit for every image.

Disable the rule for a rendering context

add_filter(
    'wp_lazy_loading_enabled',
    function ( $default, $tag_name, $context ) {
        if ( 'img' === $tag_name && 'wp_get_attachment_image' === $context ) {
            return false;
        }
        return $default;
    },
    10,
    3
);

This example disables the core decision for images produced through wp_get_attachment_image. A context-wide exception can affect more images than intended, so use a more specific condition in a real theme when only one template or attachment should change.

Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #3
Sale
LISEN Cell Phone Stand Phone Holder for Desk, Office Decor Gadgets for Men
  • Ergonomic & Adjustable Design: Fight "text neck" and improve your posture. Designed for comfort, it offers an adjustable height (7.1in-8.5in) (1.4in adjustable range) and angle (5°-85°) Please note: cell phone stand is only 9 inches tall—the length of a standard pencil
  • Without blocking subtitles Perfect for office desk Tiktok Face Time Zoom video—this is the ultimate kitchen desk essential for phones! Perfect viewing experience while reducing neck back strain, A must-have for gamers streamers desk, and anyone who values both style and support!
  • Sleek & Stable Design fits Otterbox Case: Say goodbye to bent cables, tangles, and tip-overs! LISEN’s stylish adjustable desk phone holder features a built-in charging hole and smart cable management, keeping your phone secure and your workspace clutter-free cool gadgets for men
  • ANTI-SLIP DESIGN free hands: The under 10.00 items easy gadgets back and the bottom of this kitchen essentials for women are fully covered by anti-skid silicone, which LISEN stand up desk decor can provide maximum protection device from any scratches and slides
  • Your Perfect Viewing Companion:If your product arrives damaged or breaks within 365 days, reach out to LISEN for a quick and hassle-free solution. Struggling with assembly, like tightening the screw? We’ve got your back! Your experience matters to us. (Product including: phone Holder stand*1, screw*1, hexagon screwdriver*1, specification*1)

Set a content image to eager

For images in post content, the per-tag hook wp_img_tag_add_loading_attr can return eager for a hero or false to omit the attribute. A callback should identify the intended tag by its attributes, template, or content position rather than making every content image eager.

Control attachment output directly

Attachment-image attributes can be customized with the attachment-image attributes filter, or a loading value can be passed when calling wp_get_attachment_image(). This is often the cleanest approach when the template already knows whether an image is a hero, thumbnail, or below-the-fold gallery item.

After adding a filter, inspect the final HTML. Hook priority, another callback, a page builder, a minifier, or a cache layer can change the attribute later. The browser only sees the final markup.

Core versus a plugin: choosing the right level of control

Capability WordPress core Plugin or specialized implementation
Images Native lazy loading for eligible images from supported output paths. May add exclusions, placeholders, custom thresholds, or source restoration.
Iframes Supported by default from WordPress 5.7 when source and dimensions are present. Can provide embed-specific facades or additional controls.
HTML5 video Not covered by the ordinary image/iframe rule. Useful when it supports video elements and preserves playback features.
Above-the-fold exclusions 5.9 skips the first content image or iframe, with filter-based customization. May offer an interface for exclusions, but verify that it identifies the true LCP asset.
Viewport thresholds Uses the browser’s native behavior; no core setting exposes a site-wide pixel threshold. Can expose distance-from-viewport controls, usually with extra JavaScript.
Placeholders and fallbacks Reserves image space through dimensions but does not provide a universal blur or JavaScript fallback system. May provide placeholders, blur-up loading, source restoration, or no-JavaScript handling.
Maintenance Fewer moving parts and no additional lazy-load script for basic cases. Requires compatibility checks with themes, caches, consent tools, and other optimizers.

Choose core when ordinary images and iframes meet the requirement. Choose a plugin only for a concrete missing capability, and measure whether its scripts and processing offset the benefit of its extra controls. The WordPress.org listing for Smart LazyLoad, for example, documents video, thresholds, placeholders, exclusions, source restoration, and no-JavaScript fallbacks and requires WordPress 5.8 or later; verify current compatibility and avoid overlapping implementations before activation.

What’s actually slowing this PC down?

Pick the symptom - the matching free tool is one click away.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Troubleshooting common failures

No loading="lazy" appears

  • Confirm the element is an eligible image or iframe and is generated through a supported WordPress function.
  • Check that the image has dimensions and that the iframe has a source and dimensions.
  • Inspect View Source as well as the live DOM; a script may replace the original node after page load.
  • Temporarily test with the page builder, optimization plugin, and cache layer isolated on staging. Any of them can strip or rewrite the attribute.
  • Remember that an intentionally eager above-the-fold element should not be changed just to make the attribute appear.

The hero image loads slowly

Find the LCP candidate in the performance audit and network waterfall. If it carries loading="lazy", exclude it or set it to eager in the template. Also check that responsive srcset is not selecting an unnecessarily large file and that the image is not hidden inside a JavaScript carousel that waits to initialize.

Rank #4
Ledagic IC+RGBW USB Powered Led Light Bar with App & Remote Control, 2 Pack
  • Easy Installation: Our gaming lights have been designed to enhance your entertainment experience. Simply position the led light bar next to your TV or game console to create a game room environment with ease. They come with USB power and a 60 inch cord for direct mounting and mobility
  • Audio Syncing & Extensive Mode: The built-in high-sensitivity music sensor allows you to sync the TV led lights to your favorite music. Lights react and move to the beat of music, film and game audio, creating an incredible immersive sound and light experience – and all without the need for an additional hub. You can choose from 64+ patterns, including strobe, illusion, jump, energy, gradient, running, chasing, fluttering mode etc. Each mode can be applied to different scenes
  • 64+ Chasing IC+RGB & W Effect: The independent control design of IC+RGB and white all-in-one multifunctional rgbw led bar lights monitor backlight allows you to easily switch the led lights for desk between IC+RGB and white to enjoy a variety of lighting effects, you can choose white lighting mode with high brightness for better illumination when working, etc. Choose IC+RGB lighting mode when you need to create an entertaining atmosphere for the light show, 16 million colours of Color changing rgb light bar let you dance to the beat and create a dynamic party atmosphere
  • Dynamic and Dimmable Lights: 1%-full brightness free brightness adjustment gives you the flexibility to adjust dimmable led light bar for room decorations or a variety of occasions
  • USB Powered: USB light bars for room can be powered by powernank, usb charger, TV, Monitor, laptop PC mainframe, making behind TV led lighting bar easy to install in any location.TV led lights are powered by the TV usb interface / PC mainframe, can be turned on/off synchronously with TV / PC

The page jumps while scrolling

Add accurate width and height attributes, preserve the image’s aspect ratio, and check that a placeholder or CSS rule is not changing the reserved dimensions after the request starts. Test at multiple viewport widths because a fixed desktop ratio can still shift on a phone.

An embedded video is still heavy

Inspect whether the embed is an iframe, a video element, or a custom player. Iframe lazy loading does not defer every script used by a player. Use a facade or a video-capable optimization tool when appropriate, then test playback, poster images, captions, consent, and keyboard controls.

A filter has no effect

Verify the callback’s tag name and context, confirm the hook priority and accepted argument count, and inspect the final response after clearing caches. Another callback that runs later can overwrite your value. Make the condition more specific rather than increasing exclusions blindly.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

A practical testing routine for WordPress sites

  1. Test an uncached mobile view and record the first viewport’s visual order.
  2. Identify the LCP image or iframe and confirm it is eager or otherwise requested early.
  3. Scroll through a long page and verify that lower images request as they approach the viewport.
  4. Watch for layout movement when each image appears; dimensions should reserve the intended space.
  5. Open pages with galleries, avatars, widgets, embeds, and custom theme components because they may use different rendering contexts.
  6. Repeat after enabling any plugin or cache feature. Compare network requests, LCP, layout stability, JavaScript errors, and interaction behavior rather than relying on one score.

There is no universal performance percentage to promise. The reliable principle is conditional: deferring below-the-fold media can reduce early downloads, while deferring the LCP image can worsen perceived load time. Measure the specific templates and devices that matter to your audience.

Maintenance checklist

  • Keep WordPress, the theme, and plugins current so core’s native behavior and security fixes remain available.
  • After a redesign, recheck which element is actually above the fold; document-order assumptions can become wrong.
  • Keep intrinsic dimensions and responsive image attributes in custom components.
  • Review optimization plugins for overlapping lazy-load features before enabling another implementation.
  • Re-test cached, uncached, mobile, desktop, logged-in, and consented states when embeds or scripts differ between them.
  • Use filters for deliberate template exceptions and inspect the delivered HTML whenever a change appears ineffective.

Frequently asked questions

Can I enable lazy loading without editing code?

Yes. On WordPress 5.5 or later, insert eligible images normally and inspect the public page. Core adds the native attribute automatically; code is needed only for exceptions or custom markup.

Best Value
Sale
HUANUO FlowLift™ Dual Monitor Stand, Fully Adjustable Gaming Monitor Desk Mount for 13–32″ Computer Screens, Full Motion VESA 75x75/100x100 with C-Clamp & Grommet Base, Each Arm Holds 4.4 to 19.8 lbs
  • Compatible with Wide Screens - To ensure compatibility with the dual monitor mount, your each monitor must meet three conditions at the same time: First, computer screens size range: 13 to 32 inches. Second, screen weight range: 4.4 to 19.8 lbs. Third, the back of the monitor screen must have VESA mounting holes with a pitch of 75x75mm or 100x100mm.
  • Regarding the compatibility with desks - Your desk must meet three conditions at the same time: First, desk material: Only wooden desks are recommended, plastic or glass desks cannot be used. Second, desk thickness range: 0.59" - 3.54". Third, the bottom of the desk should not have any cross beams or panels, as this will interfere with installation. We recommend carefully checking that your desk and monitors meets all above conditions before purchasing.
  • Dual C-Clamp Hold - Worried your dual monitors might wobble or slip? Our upgraded base uses a larger platform plus a dual C-clamp structure to lock the dual monitor arm firmly to your desk. Each arm safely keeps your screens steady while you type, click and game—no shaking, no sliding, just a clean and secure setup you can trust every day. It also provides Grommet Mounting installation choice, both options ensure stable and secure fixation for your 0.59" - 3.54" desk.
  • Full-Motion Adjustment For Comfortable View - Pull the screen closer when you’re deep in a spreadsheet, push it back to watch videos, or rotate to portrait for coding — moving everything smoothly with just one hand. The monitor stand offers +85°/-50° tilt, ±90° swivel and 360° rotation. Raise your monitor up to 15.75″ to support a healthy sitting posture. Whether you’re working from home, gaming through the night, or switching between video calls and documents, getting the screens to your natural line of sight helps relieve neck, shoulder and back strain so you can stay focused longer with less fatigue.
  • Keep Your Desk Organized: By lifting both screens off the desktop, this dual monitor stand opens up valuable space for your keyboard, notebook, docking station or a simple, clutter-free work area. Built-in cable management guides wires along the arms, keeping cords out of sight and out of the way. Enjoy a tidy, modern workstation that looks as good as it feels to use.

Should every image on a page be lazy-loaded?

No. Keep media required for the initial render eager, especially the LCP image and visible branding. Defer images that are genuinely below the fold.

Does lazy loading reduce image file size?

No. It changes when the browser requests the resource. Use responsive sources, correctly sized files, and compression separately to reduce bytes.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Why does the first image sometimes still load lazily?

The 5.9 safeguard concerns the first content image or iframe identified by core. A custom theme, background image, page builder, or other markup can make a different element the actual above-the-fold or LCP asset.

Is native browser lazy loading supported everywhere?

WordPress emits the standard HTML attribute and the browser decides how to schedule it. Browsers that do not implement native behavior may simply load the resource normally; a JavaScript fallback requires an additional implementation.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

More quests from Patch Notes

  1. How to Set Up a RedM (RDR2) Server in 2026: License Key, txAdmin and server.cfg, Step by StepBlog11min
  2. Best RedM (RDR2) Server Hosting in 2026: Comparing Four Hosts on Slots, Memory and PriceBlog10min
  3. How to Host a Mindustry Server in 2026: server-release.jar, Port 6567 and the Commands That MatterBlog7min
Recommended PC Tool
Recommended PC Tool
PC Slower Than It Used to Be?Free scan - under a minute
Outdated Drivers Are Slowing You DownFree scan - exact matches

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.