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 91.0	Windows 10 64-bit	403.49ms	4.69ms	14.71ms	13	-
Chrome 89.0	Windows 10 64-bit	666.79ms	3.20ms	15.26ms	10	-
Chrome 90.0	Windows 10 64-bit	258.04ms	4.17ms	9.78ms	9	-
Chrome 91.0	OS X 10.15.7 64-bit	214.52ms	1.62ms	6.02ms	5	-
Chrome 90.0	OS X 10.15.7 64-bit	257.49ms	2.60ms	26.31ms	4	-
Chrome Mobile 90.0	Android 10	408.40ms	11.67ms	44.53ms	3	-
Chrome Mobile 91.0	Android 11	350.80ms	8.33ms	19.80ms	3	-
Firefox 78.0	Linux 64-bit	152.00ms	5.50ms	47.50ms	2	-
Safari 14.0	iOS 14.0.1	157.00ms	1.50ms	16.50ms	2	-
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 89.0	OS X 10.14.6 64-bit	103.10ms	1.90ms	4.66ms	2	-
Chrome 89.0	OS X 10.15.7 64-bit	159.41ms	1.50ms	15.65ms	2	-
Firefox 87.0	Ubuntu 64-bit	494.00ms	4.00ms	17.50ms	2	-
Chrome 90.0	Linux 64-bit	239.72ms	3.70ms	41.92ms	2	-
Firefox 89.0	Windows 10 64-bit	347.50ms	2.00ms	17.50ms	2	-
Chrome Mobile 90.0	Android 11	152.55ms	6.15ms	14.25ms	2	-
Chrome 90.0	Windows Server 2008 R2 / 7 64-bit	295.84ms	2.69ms	5.26ms	2	-
Chrome 91.0	Linux 64-bit	436.55ms	6.50ms	11.75ms	2	-
Chrome Mobile 91.0	Android 10	840.75ms	10.40ms	18.45ms	2	-
Chrome 70.0	Linux 64-bit	268.10ms	8.70ms	24.10ms	1	-
Safari 13.0.3	iOS 13.2.2	292.00ms	2.00ms	7.00ms	1	-
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	-
Safari 14.0	OS X 10.15.7	236.00ms	3.00ms	15.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	-
Chrome Mobile 87.0	iOS 14.2	266.00ms	6.00ms	27.00ms	1	-
Firefox 84.0	Ubuntu 64-bit	300.00ms	3.00ms	31.00ms	1	-
Safari 14.0.3	OS X 10.15.6	783.00ms	1.00ms	8.00ms	1	-
Safari 14.0.2	OS X 10.15.7	396.00ms	4.00ms	18.00ms	1	-
Firefox 86.0	Windows 10 64-bit	775.00ms	6.00ms	56.00ms	1	-
Safari 14.0.3	OS X 10.14.6	768.00ms	4.00ms	6.00ms	1	-
Firefox 87.0	Windows 10 64-bit	318.00ms	3.00ms	8.00ms	1	-
Chrome Mobile 87.0	iOS 13.6	62.00ms	1.00ms	8.00ms	1	-
Safari 14.0.3	iOS 14.4.1	245.00ms	2.00ms	12.00ms	1	-
Chrome 89.0	OS X 11.2.3 64-bit	491.04ms	1.77ms	4.20ms	1	-
Chrome 89.0	OS X 11.2.1 64-bit	270.17ms	1.41ms	5.55ms	1	-
Chrome 88.0	OS X 10.14.6 64-bit	274.86ms	4.01ms	11.00ms	1	-
Chrome 87.0	Windows 10 64-bit	245.62ms	2.10ms	3.95ms	1	-
Chrome 89.0	OS X 11.0.1 64-bit	176.59ms	2.42ms	7.99ms	1	-
Chrome Mobile 89.0	Android 10	357.90ms	6.90ms	53.50ms	1	-
Firefox 88.0	OS X 10.13	254.00ms	2.00ms	6.00ms	1	-
Safari 14.0.3	iOS 14.4.2	735.00ms	4.00ms	6.00ms	1	-
Firefox 89.0	Linux 64-bit	1829.00ms	5.00ms	13.00ms	1	-
Safari 8+	iOS 14.4.2	179.00ms	1.00ms	6.00ms	1	-
Chrome 89.0	OS X 10.13.0 64-bit	338.18ms	8.32ms	20.63ms	1	-
Chrome Mobile 87.0	Android 11	282.10ms	8.80ms	25.00ms	1	-
Firefox 88.0	Ubuntu 64-bit	227.00ms	1.00ms	4.00ms	1	-