Update Blender.org Images to next-gen #97788
Labels
No Label
legacy module
Rendering & Cycles
legacy module
User Interface
legacy project
Cycles
legacy project
Documentation
legacy project
Infrastructure: blender.org
legacy project
Infrastructure: Blender Web Assets
legacy project
Infrastructure: Websites
legacy project
User Interface
Priority
High
Priority
Low
Priority
Normal
Priority
Unbreak Now!
Status
Archived
Status
Confirmed
Status
Duplicate
Status
Needs Triage
Status
Resolved
Type
Bug
Type
Design
Type
Known Issue
Type
Report
Type
To Do
No Milestone
No project
No Assignees
3 Participants
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: infrastructure/blender-org#97788
Loading…
Reference in New Issue
Block a user
No description provided.
Delete Branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
The Blender.org website when tested with Chrome's webpage auditing tool Lighthouse reports a very low performance score of 17. This report comes from the homepage of Blender.org.
Lighthouse suggests ways in which a developer can improve the various scores. The top suggested way to improve the performance of Blender.org homepage is to "Serve images in next-gen formats". 
Next-gen images are essentially images that have superior compression and load much faster due to requiring less data. WordPress has a number of plugins for this issue. They typically convert to a more web friendly format such as WebP, a modern image format that provides superior lossless and lossy compression. Smush seems to be the most popular WordPress plugin for this task. Alternatively, Imagify converts to WebP images for free whereas Smush requires Smush pro starting at 5$ a month to convert to WebP. I think this would be an easy way to drastically improve the performance of Blender.org.
Added subscribers: @Jacob-Baum, @pablovazquez, @fsiddi
Added subscriber: @ThomasDinges
Might be worth to skip webp and go avif immediately, when considering to improve this. https://caniuse.com/avif
Agreed after reading about their differences AVIF is the more modern format.
WebP Converter for Media ironically seems to be the most popular AVIF converter and has AVIF support with their pro plan starting at $5/month allowing 10,000 images per month. There is also Shortpixel which allows up to 100 AVIF image conversions per month for free.
I didn't know Lighthouse, it looks like a good tool to analyze the performance of a website and to get recommendations to optimize it.
Here are the results that I got after running a test:
It seems that: