Okuzeka
Web Development vocabulary · Web Performance

Lazy loading

Meaning in web development, with examples

nounCommon term

In web development, lazy loading means: A technique that waits to load images, videos or code until they are actually needed, for example when the user scrolls near them.

In Turkish: tembel yükleme, geç yükleme, lazy loading

How it is used

For images and iframes it can be as simple as loading="lazy". In JavaScript apps, routes and components are lazy-loaded with dynamic import(). Images at the top of the page are usually not lazy-loaded, because that would delay the main content.

Example sentences

  1. Lazy loading the product images cut the initial page weight in half.

  2. The admin pages use lazy loading, so normal users never download that code.

Common collocations

  • lazy-load images
  • native lazy loading
  • lazy-loaded route
  • dynamic import
  • load timeHow long a page takes to download and appear on screen in a usable state, usually measured in seconds or milliseconds.
  • image optimizationMaking image files as small as possible while they still look good, for example by compressing and resizing them and by using modern formats.
  • Core Web VitalsThree metrics from Google that measure real user experience on a page: loading (LCP), responsiveness (INP) and visual stability (CLS).
  • bundlerA tool that combines many JavaScript, CSS and other files and their dependencies into a few optimized files that browsers can load quickly.

This word in other fields

The same English word can have a different meaning in another field:

More terms: Web Performance

Practise with graded reading

Reading at the right level is the fastest way to make new words stick. Pick free English books by level: