PURE CSS ART GALLERY

Loading artwork...

Brendan Pettis

Playing with pure CSS Art during the Grow With Google Udacity Scholarship Challenge.

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 99.0	OS X 10.15.7 64-bit	415.80ms	1.30ms	5.95ms	2	-
Safari 15.3	OS X 10.15.7	188.50ms	0.50ms	2.00ms	2	-
null null	null	1403.34ms	8.04ms	291.26ms	1	-
Chrome 94.0	Chrome OS 64-bit	265.60ms	9.00ms	58.80ms	1	-
Chrome 96.0	OS X 10.15.7 64-bit	313.40ms	2.00ms	12.30ms	1	-
Chrome 97.0	OS X 10.15.7 64-bit	155.50ms	0.70ms	7.70ms	1	-
Chrome 98.0	Windows 10 64-bit	115.90ms	1.40ms	4.50ms	1	-
Chrome 96.0	Linux 64-bit	378.70ms	1.60ms	6.50ms	1	-
Chrome Mobile 96.0	Android 11	322.80ms	2.80ms	10.50ms	1	-
Opera 82.0	Windows 10 64-bit	277.70ms	1.60ms	14.80ms	1	-
Firefox 96.0	Ubuntu 64-bit	227.00ms	4.00ms	15.00ms	1	-
Firefox 98.0	OS X 10.15	91.00ms	1.00ms	7.00ms	1	-
Firefox 98.0	Ubuntu 64-bit	1552.00ms	4.00ms	182.00ms	1	-
Firefox 99.0	Windows 10 64-bit	311.00ms	3.00ms	8.00ms	1	-
Chrome 100.0	OS X 10.15.7 64-bit	606.10ms	1.00ms	7.50ms	1	-