PURE CSS ART GALLERY

Loading artwork...

Inès

CSS illustration #3: Cassette player. Who remembers these? :p

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 96.0	Windows 10 64-bit	623.80ms	4.22ms	13.88ms	5	-
Chrome 97.0	Windows 10 64-bit	198.60ms	1.87ms	7.43ms	3	-
Chrome 100.0	OS X 10.15.7 64-bit	334.23ms	1.63ms	28.10ms	3	-
Safari 15.1	OS X 10.15.7	153.00ms	1.00ms	7.00ms	2	-
Chrome 99.0	OS X 10.15.7 64-bit	384.05ms	1.90ms	6.50ms	2	-
Chrome 99.0	Windows 10 64-bit	376.65ms	2.35ms	7.10ms	2	-
Android Browser 4.0	Android 11	811.50ms	17.80ms	39.60ms	1	-
Chrome 87.0	Linux 64-bit	184.52ms	1.25ms	4.94ms	1	-
Chrome 91.0	Windows 10 64-bit	178.50ms	8.00ms	8.70ms	1	-
Firefox 96.0	Windows 10 64-bit	311.00ms	1.00ms	13.00ms	1	-
Chrome 97.0	OS X 10.15.7 64-bit	275.90ms	3.00ms	5.70ms	1	-
Chrome 98.0	OS X 10.15.7 64-bit	85.10ms	2.00ms	5.80ms	1	-
Firefox 95.0	Windows 10 64-bit	369.00ms	1.00ms	9.00ms	1	-
Chrome 100.0	Windows 10 64-bit	101.80ms	1.30ms	3.20ms	1	-
Chrome 96.0	Linux 64-bit	235.90ms	9.90ms	29.20ms	1	-
Chrome 96.0	Windows Server 2008 R2 / 7 64-bit	614.60ms	2.60ms	7.00ms	1	-
Safari 15.2	OS X 10.15.7	496.00ms	1.00ms	7.00ms	1	-
Firefox 96.0	Ubuntu 64-bit	492.00ms	9.00ms	21.00ms	1	-
Firefox 97.0	Windows 10 64-bit	427.00ms	3.00ms	17.00ms	1	-
Safari 15.3	OS X 10.15.7	648.00ms	9.00ms	1.00ms	1	-
Firefox 100.0	Windows 10 64-bit	340.00ms	1.00ms	7.00ms	1	-
Firefox 99.0	Windows 10 64-bit	2216.00ms	4.00ms	41.00ms	1	-
Chrome 101.0	Linux 64-bit	313.20ms	3.40ms	6.90ms	1	-