PURE CSS ART GALLERY

Loading artwork...

Lynn Fisher

lynnandtonic.com

Normally I illustrate with a single div, but this one has 50! Whew.

Edit on Codepen

Async `<link>`

Total

…s

Download

Start: …ms

Duration: …ms

Render

Start: …ms

Duration: 1…ms

localStorage

Total

…s

Download

Start: …ms

Duration: …ms

Render

Start: …ms

Duration: 1…ms

Cache-API

Total

…s

Download

Start: …ms

Duration: …ms

Render

Start: …ms

Duration: 1…ms

Browser	OS	Async	localStorage	Cache-API	Tests	Improvement
Chrome 94.0	Windows 10 64-bit	334.75ms	3.20ms	5.25ms	2	-
Safari 14.0.3	iOS 14.4	168.00ms	3.00ms	8.00ms	1	-
Chrome 94.0	OS X 10.15.7 64-bit	306.90ms	5.30ms	6.80ms	1	-
Firefox 93.0	Ubuntu 64-bit	1145.00ms	19.00ms	42.00ms	1	-
Firefox 93.0	Windows 8.1 64-bit	634.00ms	17.00ms	28.00ms	1	-
Firefox 78.0	Linux 64-bit	39.00ms	5.00ms	12.00ms	1	-
Firefox 93.0	Windows 10 64-bit	513.00ms	4.00ms	7.00ms	1	-