PHP image lazy loading toolbox for prototypes and static sites

[pboivin]

Hello there, I hope everyone is having a nice summer!

I regularly use Jigsaw for UI prototypes and to work on Blade components in isolation. I find myself doing a lot of manual image management in this context.

I dusted off (ie. rewrote entirely 🙈) a side project I had started a few years ago, to make a simple lazy loading and responsive image toolbox around the Glide (PHP) and vanilla-lazyload (JS) libraries. The focus is very much on prototyping and static site use cases. For anything more, I think a full Glide setup will likely be more rewarding.

Some features:

• Transforms images on initial page load — does not expose Glide URLs
• Generates simple markup for img and picture HTML elements
• Useable with static site generators and in CLI scripts
• Framework agnostic — a set of plain PHP classes

I hope this can be useful, and any feedback will be higly apreciated 🤠

Main repository: https://github.com/pboivin/flou

Jigsaw demo project: https://github.com/pboivin/flou-jigsaw-demo