Skip to content

4_lazy-load-external-image-demo.md

Latest commit

 

History

History
78 lines (41 loc) · 1.35 KB

4_lazy-load-external-image-demo.md

File metadata and controls

78 lines (41 loc) · 1.35 KB

Lazy Loading External Images Demo

MarkView's lazy loading feature for external images ensures that images are only loaded when they are about to enter the viewport, improving page load performance and user experience.

Expected Behavior

  • Images should NOT load immediately when the page opens
  • Images should load ONLY when you scroll them into view
  • You should see a smooth fade-in animation (0.3s)
  • Network tab should show images loading progressively as you scroll

Test Images (Scroll Down)

Image 1

Test Image 1

Image 2

Test Image 2

Image 3

Test Image 3

Image 4

Test Image 4

Image 5

Test Image 5

Image 6

Test Image 6

Image 7

Test Image 7

Image 8

Test Image 8

Image 9

Test Image 9

Image 10

Test Image 10

Print Test

Try printing this page (Ctrl+P). All images should load immediately before the print dialog opens.