lazyhtml

1.2.3 • Public • Published

LazyHTML: Lazy load Ads, Widgets, Images & Any HTML elements.

LazyHTML is an OpenSource Javascript Library that Supports Lazy Loading any elements without Modifying Code, LazyHTML can lazy load Ads, Videos, Images, Widgets, Javascript, CSS, Inline-Javascript, Inline-CSS & Any HTML. LazyHTML was initially developed with the intention to Lazy Load Ads

Features & Pros

  • Cross browser compatible.

  • Support Asynchronous loading.

  • LazyHTML can load Both Asynchronous & Synchronous Ads, Widgets, Javascript codes Asynchronously.

  • No HTML, Javascript or CSS Code modification required when Lazy Loading elements.

  • LazyHTML Supports lazy loading Ads without Modifying Adcodes.

  • Uses Intersection Observer with fall back to eager loading on its absence.

  • Supports eager loading.

  • Supports media queries.

  • Supports container dimension conditions.

    Cons

  • HTML, CSS or Javascript comments are not allowed inside the wrapper.

How it Works

Load the script.

 <script async src="https://cdn.jsdelivr.net/npm/lazyhtml@1.2.3/dist/lazyhtml.min.js" crossorigin="anonymous" debug></script>

Wrap the elements those you want to Lazy Load.

<div class="lazyhtml" data-lazyhtml>
  <script type="text/lazyhtml">
  <!--
  
Your HTML, CSS or Adcodes here. (including wrapping <script>,<style> tags)
  
  -->
  </script>
</div>

Installation

Install via npm:

npm install --save lazyhtml

Support

  • IE7 and up, and modern browsers (Chrome, FF, Opera etc).

  • Most modern browsers support intersection observer, If intersection observer is not available eager loading will be used.

  • More Info about LazyHTML

  • Lazy Loading Ads

  • Hire me on Fiverr

Package Sidebar

Install

npm i lazyhtml

Weekly Downloads

24

Version

1.2.3

License

SEE LICENSE IN LICENSE

Unpacked Size

137 kB

Total Files

19

Last publish

Collaborators

  • niresh12495