Skip to content

🎨 Palette: Lazy load heavy GIFs to improve page performance #49

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
kastnerp merged 1 commit into from
Apr 13, 2026
Merged

🎨 Palette: Lazy load heavy GIFs to improve page performance #49

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .Jules/palette.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,3 +48,6 @@
## 2026-03-27 - Replace generic link text with specific descriptive visible text
**Learning:** When changing links for accessibility, instead of using 'Learn more' and fixing it via an `aria-label`, updating the visible text itself to be fully descriptive (e.g., 'View Eddy3D Outdoor Documentation') provides a better experience for all users and guarantees WCAG 2.5.3 compliance.
**Action:** Always prefer to update visible text to be self-descriptive instead of relying on `aria-label` attributes to patch generic link text.
## 2026-04-12 - Lazy Loading Large Images
**Learning:** Large GIFs in documentation can cause significant page jank and slow initial load times, negatively impacting the reading experience.
**Action:** Use the MkDocs `attr_list` extension to append `{ loading=lazy }` to heavy media elements like animated GIFs.
6 changes: 3 additions & 3 deletions docs/outdoorplus/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
!!! warning "Alpha Version"
This module is currently in alpha testing. Features, inputs, and outputs are subject to change without notice.

![urbanMicroclimateFoam simulation preview](./images/outdoorplus/umcf.gif)
![urbanMicroclimateFoam simulation preview](./images/outdoorplus/umcf.gif){ loading=lazy }
### A Grasshopper plugin for microclimate simulations

___
Expand All @@ -23,9 +23,9 @@ ___
🌳 **VEG** - Solves heat balance for urban trees
- Handles green surfaces

![Analysis & Visualization showing wind patterns](images/outdoorplus/image38.gif)
![Analysis & Visualization showing wind patterns](images/outdoorplus/image38.gif){ loading=lazy }

![Analysis & Visualization showing temperature and humidity distributions](images/outdoorplus/image39.gif)
![Analysis & Visualization showing temperature and humidity distributions](images/outdoorplus/image39.gif){ loading=lazy }

### Acknowledgments

Expand Down
Loading