PURE CSS ART GALLERY

Loading artwork...

Sarah Fossheim

CSS only drawing of the lomography La Sardina camera. Tutorials on fossheim.io

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 103.0	OS X 10.15.7 64-bit	204.68ms	1.23ms	3.00ms	4	-
null null	null	2113.09ms	4.86ms	372.11ms	3	-
Chrome 99.0	OS X 10.15.7 64-bit	174.10ms	1.30ms	4.45ms	2	-
Safari 15.3	OS X 10.15.7	198.00ms	1.00ms	3.00ms	2	-
Safari 15.1	OS X 10.15.7	101.00ms	1.00ms	7.00ms	1	-
Chrome 96.0	Windows 10 64-bit	377.40ms	4.40ms	12.70ms	1	-
Chrome 97.0	OS X 10.15.7 64-bit	159.60ms	1.20ms	2.90ms	1	-
Chrome 98.0	Windows 10 64-bit	211.60ms	1.20ms	3.80ms	1	-
Firefox 96.0	Ubuntu 64-bit	248.00ms	6.00ms	20.00ms	1	-
Firefox 98.0	Windows 10 64-bit	688.00ms	2.00ms	8.00ms	1	-
Chrome 101.0	OS X 10.15.7 64-bit	293.20ms	0.70ms	2.00ms	1	-
Chrome 100.0	OS X 10.15.7 64-bit	115.80ms	0.80ms	7.60ms	1	-
Chrome 103.0	Windows 10 64-bit	568.80ms	2.60ms	9.80ms	1	-
Chrome 102.0	Windows 10 64-bit	472.80ms	1.90ms	6.80ms	1	-
Chrome 102.0	OS X 10.15.7 64-bit	405.90ms	2.20ms	3.80ms	1	-
Opera 89.0	Windows 10 64-bit	218.10ms	0.70ms	6.90ms	1	-