## Table of Contents

- [lazy](#lazy)

---

[](https://microlink.io/docs/api/getting-started/overview)

[API](https://microlink.io/docs/api/getting-started/overview)

[](https://microlink.io/docs/guides)

GUIDES

[](https://microlink.io/docs/mql/getting-started/overview)

MQL

[](https://microlink.io/docs/sdk/getting-started/overview)

SDK

[](https://microlink.io/docs/cards/getting-started/overview)

CARDS

## lazy

Type:

\<boolean\> \| \<object\>

\
Default: true

When true, card content will be loaded lazily under the user's scroll behavior, using [](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API)

[IntersectionObserver](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API)

.

```
<template>

  <Microlink

    url="https://microlink.io"

    :lazy="true"

  />

</template>
```

Using \`lazy\` allows to load content on-demand, avoiding unnecessary API calls

[![](https://cdn.microlink.io/logo/banner.jpeg)](https://microlink.io/ "Microlink | Headless Browser API: Screenshot, PDF & Previews")

[Turn any URL into structured data (JSON). The all-in-one API for browser automation: screenshots, PDFs,…](https://microlink.io/ "Microlink | Headless Browser API: Screenshot, PDF & Previews")

Additionally, you can pass your own [](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#Intersection_observer_options)

[IntersectionObserver options](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#Intersection_observer_options)

to customize when the card content should be fetched.

```
<template>

  <Microlink

    url="https://microlink.io"

    :lazy="{ threshold: 0.5 }"

  />

</template>
```

The card content will be fetched when 50% of the card reaches the viewport.