Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[🚀es-lazy-template]: lazy-markup component (POC) #2627

Open
dshovchko opened this issue Aug 30, 2024 · 0 comments
Open

[🚀es-lazy-template]: lazy-markup component (POC) #2627

dshovchko opened this issue Aug 30, 2024 · 0 comments
Assignees

Comments

@dshovchko
Copy link
Collaborator

dshovchko commented Aug 30, 2024

As ESL consumer, I want to have the ability to load lazily parts of a page.

Potential consumers: ADS / lazy loading for page parts
Original idea: Custom mixin to observe its placement relative to viewport and load markup by the provided URL

  • Mixin but not an element
  • Use cases:
  <!-- Replace once appear in a viewport -->
  <div esl-lazy-template="../markup.html" >
    <!-- To be loaded when appear in viewport-->
  </div>

  <!-- Replace once appear in a viewport -->
  <template esl-lazy-template="../markup.html" >
    <!-- To be loaded when appear in viewport-->
  </template>

  <!-- Replace once appear in a viewport -->
  <template esl-lazy-template>
      <some content></..>
  </template>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant