# 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

.

-

  React



-

  Vue



-

  Jekyll



-

  Vanilla



    <template>
      <Microlink
        url="https://microlink.io"
        :lazy="true"
      />
    </template>

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

<a href="https://microlink.io/" rel="noopener noreferrer" target="_blank" title="Microlink | Headless Browser API: Screenshot, PDF &amp; Previews"><img src="https://cdn.microlink.io/logo/banner.jpeg" /></a>

Turn any URL into structured data (JSON). The all-in-one API for browser automation: screenshots,…

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

IntersectionObserver options

to customize when the card content should be fetched.

-

  React



-

  Vue



-

  Jekyll



-

  Vanilla



    <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.

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