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
Firefox 83.0	Windows 10 64-bit	53.00ms	2.50ms	13.00ms	2	-
Safari 14.0.2	OS X 10.15.6	434.00ms	1.50ms	6.00ms	2	-
Chrome 60.0	Linux 64-bit	281.40ms	1.73ms	8.03ms	1	-
Chrome 83.0	Linux 64-bit	70.43ms	2.89ms	9.98ms	1	-
Firefox 78.0	Linux 64-bit	207.00ms	7.00ms	85.00ms	1	-
Safari 14.0	OS X 10.15.7	236.00ms	3.00ms	15.00ms	1	-
Safari 14.0	iOS 14.0.1	108.00ms	2.00ms	25.00ms	1	-
Firefox 82.0	OS X 10.14	334.00ms	3.00ms	232.00ms	1	-
Safari 14.0.1	OS X 10.15.6	98.00ms	1.00ms	4.00ms	1	-
Chrome Mobile 86.0	iOS 14.2	301.00ms	3.00ms	7.00ms	1	-
Firefox 84.0	Ubuntu 64-bit	300.00ms	3.00ms	31.00ms	1	-
Safari 14.0.2	OS X 10.15.7	396.00ms	4.00ms	18.00ms	1	-