Follow

Environmental web design & use tips:

* Wherever possible, choose text. Text is by far the most efficient (and as I like to illustrate, universal) medium.
* Make sure everything on your site has a good reason to be there. Avoid frameworks to further this.
* Compress your images & video.
* Especially avoid JavaScript, it adds significantly more processing effort to rendering.
* If you love something, download it. Buy it. Avoid advertising.
* Make sure HTML & CSS downloads fast.

@alcinnz operating the radio is the second most expensive part about running a mobile device (be it a laptop or a phone), after the display, in terms of power consumption

@alcinnz check out Carroll, Aaron, and Gernot Heiser. "An analysis of power consumption in a smartphone." USENIX annual technical conference. Vol. 14. 2010.

@sir Will do!

Huh, "World Wide Waste" stated that an average phone takes 12s to process the JS on a typical page. In that case I wonder if the radio the most expensive step...

@alcinnz One of my favourite talks ever (there's a video linked at the top): idlewords.com/talks/website_ob

> I want to share with you my simple two-step secret to improving the performance of any website.
>
> 1. Make sure that the most important elements of the page download and render first.
>
> 2. Stop there.

@avery Ah yes! That's one of my favourite talks too!

I've got his nutrition pyramid from that talk as the banner image on this account.

@alcinnz Also take in consideration CO2 (carbon dioxide) emissions.
dannyvankooten.com/website-car
There are some usefull resources mentioned.

@sir @avery

@alcinnz I work a lot in datacentres where server-side power efficiency is a big consideration.
But client side is probably more important because it can't be "greened" as easily as a *&^%-off big 11kV feed.
Server-side energy from offshore wind via the grid, or client-side energy from a diesel generator set?

@dvavasour @alcinnz client side can often be charged via solar without too much trouble. Maybe we’ll have phones with a back side made of photovoltaic plastic?

@dch @dvavasour That is a neat idea!

Though I'm warry about asking everyone to upgrade their phones *again*. The earth cannot take it!

@dch @alcinnz Well, the rule of thumb is that perpendicular sunlight at the equator is about 1kW/m^2, coming down to about 100W/m^2 after cloud, darkness, non-perpendicularity etc.

A *large* phone would be 100mm square, so about 1W - and it would be in a pocket most of the time. If a full charge is (say) 5V * 3000mAh, that's about 15Wh, so 15 hours in good daylight for a full charge. Limitting factor is the incidence of solar energy on the phone's area, not technology.

Pity.

@dvavasour @dch @alcinnz 15 hours provided your solar cell have 100% energy conversion efficiency... :ohgno:

@peexea @dch @alcinnz Solar cells are typically 15-20% efficient, so the downrate from 1KW incident to about 100W generated allows for both this and non-perpendicularity.
But these figures are very rough - corrections welcome!
Alas, the takeaway is that while solar will power a calculator, it won't power your dog and bone.

@dvavasour @dch @alcinnz maybe a nice solar powered sombrero hat would charge your phone nicely. ...and it would keep you cool during the summer.

@alcinnz `optipng` tbh only takes off a few percent usually. `jpegoptim` often does better, often a lower quality like 90% is not super-noticeable.

@jasper @alcinnz
And if the PNG isn't at all photographic, pngquant is often the tool of choice.

@mathew @jasper @alcinnz I often found bzipped farbfeld smaller than pngs and stripped jpgs. Of course there's no native javascript unbzip and bzipped farbfeld is no standard format... Multiple images could be stacked in one file to save even more memory. On the other hand I almost always have no images, only text, and I'm not a professional web dev

@sirjofri @mathew @alcinnz thought bzip was a little computationally intensive though?

Of course always a bit of bandwidth/storage versus cpu tradeoff.

Sign in to participate in the conversation
FLOSS.social

For people who care about, support, or build Free, Libre, and Open Source Software (FLOSS).