ucomm/bb-ll-plugin

There is no license information available for the latest version (dev-develop) of this package.

A plugin to enable lazy loading images with Beaver Builder.

dev-develop 2019-09-12 14:48 UTC

Requires (Dev)

• composer/installers: ~1.0
• johnpbloch/wordpress: @stable
• ucomm/bb-plugin: dev-master
• ucomm/castor: dev-master
• wpackagist-plugin/query-monitor: ^3.3.6
• wpackagist-plugin/regenerate-thumbnails: dev-trunk
• wpackagist-plugin/wordpress-importer: *
• wpackagist-theme/twentynineteen: ^1.4

Unknown License

• Adam Berkowitz

README

The Beaver Builder Lazy Loading Plugin (BBLL) adds lazy loading functionality to Beaver Builder photo modules and row background images.

By default, Beaver Builder images are not lazy loaded. On many sites, this can be an issue for people on slow connections. BBLL does the following:

• Adds lazy loading options to the settings panels for row background images and photo modules
• Adds a new photo thumbnail size (bb-lazy-load) of 50px x 50px to be used as a placeholder
• Ensures browser compatibility by checking for the presence of window.IntersectionObserver
• Ensures no-js fallback by including <noscript> tags for each photo
• Uses only public Beaver Builder hooks and filters

Usage

Local Development

To work on this project with docker and composer

• clone or fork the repo
• run composer install to install the composer dependencies. NB - You will need your own copy of the Beaver Builder plugin.
• run docker-compose up to create a development environment. The project will be available at localhost
• install wordpress and activate plugins

To work on this project without docker and composer...

• clone or fork the repo into an existing wordpress application
• run npm install to install dependencies
• run gulp watch to watch/transpile js and sass files. processed files should be available in /build

git flow

You can use git flow to aid in creating branches. Git flow encourages a branching git strategy with several types of branches

• master (for production)
• develop (pre-production)
• feature/* (new features)
• hotfix/* (bug fixes)
• release/* (tagged releases merging into master)

You can install git flow here

If you don't want to use git flow, that's ok. Please create sensible branch names that can be pulled to develop

TODO

• add lazy loading to other module types (e.g. carousels)
• try to compress placeholder images even more