Giter Site home page Giter Site logo

davidduong90 / magento2-lazyload Goto Github PK

View Code? Open in Web Editor NEW

This project forked from magepow/magento-2-lazy-load

1.0 1.0 0.0 434 KB

magento 2 lazyload supports full images lazyload on pages

Home Page: https://magepow.com

PHP 96.28% JavaScript 1.26% CSS 2.46%

magento2-lazyload's Introduction

Lazy Load Extension for Magento 2

Lazy Load extension for Magento 2 allows you to enhance your page speed loading and improve your website performance too. With this extension, the product images, banners, sliders will be loaded by demands. For example, when a customer or visitor scrolls the mouse or goes down to the page, the images/banners/sliders will be loaded when they are visible.

Aside from the normal functions of Lazy Load extension, we have improved it by some settings in the Admin Panel that can help you much in control, manage, and get the best result such as Pre-loading body, pre-loading image, use exclude images class, regex block, set apply Lazy Load for ajax or not,... Also, the extension is very easy to customize fits your needs.

How to install Magento 2 Lazy Load

โœ“ Install Magepow Lazyload via composer (recommend)

Run the following command in Magento 2 root folder:

composer require magepow/lazyload

php bin/magento setup:upgrade

php bin/magento setup:static-content:deploy -f

lazyload-img

Highlight Features

1. Easy to Enable/Disable the extension in the Admin Panel

2. Allow using the Pre-loading body site and upload an image/icon for the Pre-loading body site. Customer will not see the whole site loading in the first look.

2. Allow using Pre-loading images to enhance speed loading.

3. Allow you to exclude some parts on the page that you don't want to apply the Lazy Load such as top banner, header,...by using the Exclude Image class field.

4. Placeholder images feature will help you keep the website layout (frame) while the images have not loaded completely

5. Regex Block: Enter the place that you want to use lazy load from that place to footer by using id or class of block. For example, this will be good for people want to keep the first content such as slider, header... not effected by the Lazy load

6. Lazyload Images Response Ajax: Allow you to apply the Lazy Load for ajax or not

7. Customize the Lazy Load: use particular scripts or style fit your needs in Scripts and Style Sheets field

Look In Frontend

lazyload-img

lazyload-img

Lazy Load Extension Detail User Guide

Free Extensions List

Premium Extensions List

Featured Magento services

Featured Magento Themes

Latest Stable Version Total Downloads

magento2-lazyload's People

Contributors

alanadong avatar alothemes avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.