Încărcarea imaginilor doar cand avem nevoie de ele
Deschide panoul Network din DevTools și apoi refreshuiește pagina. Imaginile sunt încărcate doar când ne apropiem de ele, spre deosebire de acest demo unde browserul le încarcă pe toate de la început.
Această tehnică se numeșteLazy Loading
![Inside a sushi restaurant](https://d3tycb976jpudc.cloudfront.net/demo-assets/inside-sushi-restaurant.jpg)
![Man in black holding video camera](https://d3tycb976jpudc.cloudfront.net/demo-assets/man-in-black-holding-video-camera.jpg)
![Motivational quote on a flat screen](https://d3tycb976jpudc.cloudfront.net/demo-assets/motivational-quote-on-flat-screen-tv.jpg)
![Red plastic chairs](https://d3tycb976jpudc.cloudfront.net/demo-assets/red-plastic-chairs.jpg)
![Turned-on black flat screen monitor](https://d3tycb976jpudc.cloudfront.net/demo-assets/turned-on-black-flat-screen-monitor.jpg)
![Two people using a laptop](https://d3tycb976jpudc.cloudfront.net/demo-assets/two-people-using-a-laptop.jpg)
![Turned on iMac and Apple Magic Keyboard](https://d3tycb976jpudc.cloudfront.net/demo-assets/turned-on-iMac-and-Apple-Magic-Keyboard.jpg)
![Eiffel tower during night](https://d3tycb976jpudc.cloudfront.net/demo-assets/eiffel-tower-during-night.jpg)
![Woman climbing down stairs](https://d3tycb976jpudc.cloudfront.net/demo-assets/woman-climbing-down-stairs.jpg)
![Orange fruits in white ceramic bowl](https://d3tycb976jpudc.cloudfront.net/demo-assets/orange-fruits-in-white-ceramic-bowl.jpg)
![3 Red and green apples](https://d3tycb976jpudc.cloudfront.net/demo-assets/3-red-and-green-apple.jpg)
Atributul style este folosit pentru a stiliza elementele. Încă nu am ajuns la acel capitol deci nu-ți fă griji dacă nu înțelegi acel cod.
Totuși va trebui să-l pui acolo pentru a obține același rezultat ca mai sus.