import {Meta} from '@storybook/addon-docs/blocks';

<Meta title="Edit/Lazy Loading" />

# Lazy loading

[DeckDeckGo] is built for performance and tries to lazy load as much as possible the components of your presentation. Have a look at the Lighthouse score of the [DeckDeckGo] website for reference.

In order to lazy load the images of your presentation, you could either use our dead simple component or tweak your images' attributes like the following example below.

[DeckDeckGo] handles the lazy loading of images provided in both forms.

## Lazy Image component

Here's an example of usage of our component:

```
<deckgo-lazy-img img-src="https://deckdeckgo.com/assets/favicon/android-chrome-512x512.png">
</deckgo-lazy-img>
```

## Tweak Image Tag

Instead of providing the url of your images as `src`, which would trigger an instant loading of their content, please provide their url using the attribute `data-src`.

```
<img data-src="https://deckdeckgo.com/assets/favicon/android-chrome-512x512.png"/>
```

[deckdeckgo]: https://deckdeckgo.com
