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

    Install

    npm i lazyhtml

    DownloadsWeekly Downloads

    3

    Version

    1.2.3

    License

    SEE LICENSE IN LICENSE

    Unpacked Size

    137 kB

    Total Files

    19

    Last publish

    Collaborators

    • niresh12495