Clarity: henri helvetica

ryanve / notes

1 stars 0 forks source link

Clarity: henri helvetica #10

Open ryanve opened 6 years ago

ryanve commented 6 years ago

LL cool js beyoncss

allo! califnoria. training. 3x week. 200, 400, 800 ... speed work . . .

ryanve commented 6 years ago

performance by design. dont need color blind to care dont need to be femaie to know human rights are important performance.

ryanve commented 6 years ago

first paint. first contentful paint. first meaningful paint. time to interactive. performance.

ryanve commented 6 years ago

nov 2016: mobile > desktop not going back important time constraints design with constraints average device is mid or lower tier android

ryanve commented 6 years ago

3 seconds. ~50% users~ 19 seconds. handshake critical rendering path. keep it simple. make sure that first load is like boom simple design quickest request is the one never made css, javascript.

ryanve commented 6 years ago

battery. fonts.

ryanve commented 6 years ago

web fonts...eyes

zach leatherman

ryanve commented 6 years ago

FOUT.

flash of unstyled text

ryanve commented 6 years ago

FOIT.

flash of invisible text

ryanve commented 6 years ago

images. formats. svg optimizing, compression. [chroma subsampling.] whide color gamut. [memory.] more battery.

ryanve commented 6 years ago

chroma subsampling.

humans have...

lower color acuity
greater luminance acuity

YC_BC_R: 4:2:0

ryanve commented 6 years ago

memory.

more images means more taxing on memory
less images online for reasons including performance
improperly sized images use more battery and memory
balance subsampling against full color gamut...nike shoe example

ryanve commented 6 years ago

performance by design.

merci!