PURE CSS ART GALLERY

Loading artwork...

Ying Liang

CSS Art: Audiophile Logo

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	267.92ms	2.45ms	10.55ms	4	-
Chrome 83.0	Linux 64-bit	142.14ms	5.66ms	15.34ms	1	-
Safari 14.0	OS X 10.15.6	452.00ms	3.00ms	12.00ms	1	-
Firefox 83.0	Windows 10 64-bit	82.00ms	2.00ms	33.00ms	1	-
Firefox 83.0	Linux 64-bit	363.00ms	10.00ms	209.00ms	1	-
Firefox 86.0	OS X 10.16	738.00ms	2.00ms	26.00ms	1	-
Chrome 89.0	Windows 10 64-bit	170.42ms	1.07ms	5.36ms	1	-
Chrome 90.0	OS X 10.15.7 64-bit	231.69ms	0.83ms	3.70ms	1	-
Chrome 89.0	null	89.00ms	0.00ms	400.00ms	1	-
Firefox 88.0	Ubuntu 64-bit	369.00ms	3.00ms	40.00ms	1	-
Safari 14.1.1	OS X 10.15.6	249.00ms	1.00ms	10.00ms	1	-