Progressive JPEGs
By Evan Winslow
There is some revival of this technique for improving the user experience: http://calendar.perfplanet.com/2012/progressive-jpegs-a-new-best-practice/. The basic idea is that it's better to show the user a blurry image sooner than it is to make them watch the image load top-to-bottom, especially when they are using a screen with a resolution too low to notice (e.g. mobile). Unfortunately, many mobile browsers don't support progressive rendering at all anyways.
Elgg isn't all that image heavy, but I'm curious whether anyone has tried this technique for getting that extra jump on first-page-render experience.
Performance and Scalability
If you've got a need for speed, this group is for you.
- Mohammed Aqeel@m.aqeel
Mohammed Aqeel - 0 likes
- TahoeBilly@TahoeBilly
TahoeBilly - 0 likes
- hellekin@openid_534032
hellekin - 0 likes
- Stuart R Mealor@stuartrmealor
Stuart R Mealor - 0 likes
- Paweł Sroka@srokap
Paweł Sroka - 0 likes
- Shouvik Mukherjee@shouvik
Shouvik Mukherjee - 0 likes
- Matt Beckett@Beck24
Matt Beckett - 0 likes
- Nikolai Shcherbin@rivervanrain
Nikolai Shcherbin - 0 likes
- Matt Beckett@Beck24
Matt Beckett - 0 likes
You must log in to post replies.Good suggestion Evan. What about lazy loading of images?
Great stuff Evan, thanks for opening the thread.
When HTML had the lowsrc attribute for the img tag, I was using black and white / 2 to 6 "colors" versions to get the "it's coming" effect. With progressive JPEGs, that are a little bit heavier than properly compressed JPEGs, the subjective rendering speed is greatly improved. I didn't use it with Elgg though.
Sounds like a great idea Evan - but the thread seems quiet (3 months without further comment?)
Doesn't PHP (GD lib) pretty much offer a good enough level of image optimisation these days ?
@Stuart: I've made a ticket for it for not to get lost: https://github.com/Elgg/Elgg/issues/5716 Feel free to continue discussion on the detailed approach there or even wrap up solution as pull request.
I have implemented lazy load of images on Elgg and it works perfectly on my site.
I too have lazy load working on a number of sites - http://community.elgg.org/plugins/1122405/1.5/lazy-load-images
...or read about Loading Images on Demand with Pure CSS
@RvR - that looks way over-complicated and non-maintainable. Better off using the javascript.