PURE CSS ART GALLERY

Loading artwork...

Shreyas Pawar

My first pen of @ManCity logo using only HTML & CSS

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 89.0	Windows 10 64-bit	150.20ms	0.94ms	6.53ms	5	-
Safari 14.0.1	OS X 10.15.6	97.00ms	0.50ms	14.00ms	2	-
Chrome 89.0	OS X 10.14.6 64-bit	145.94ms	1.10ms	49.76ms	2	-
Chrome 89.0	OS X 11.2.3 64-bit	510.70ms	1.00ms	3.77ms	2	-
Android Browser 4.0	Android 8.0.0	322.70ms	6.60ms	30.40ms	1	-
Android Browser 4.0	Android 10	723.60ms	3.90ms	19.30ms	1	-
Chrome Mobile 83.0	Android 10	236.50ms	2.10ms	15.30ms	1	-
Chrome 83.0	Linux 64-bit	79.95ms	0.92ms	11.14ms	1	-
Chrome Mobile 83.0	Android 9	457.90ms	6.70ms	21.70ms	1	-
Chrome 72.0	Windows Server 2008 R2 / 7	804.65ms	3.37ms	142.34ms	1	-
Firefox 83.0	Windows 10 64-bit	99.00ms	2.00ms	29.00ms	1	-
Firefox 87.0	Linux 64-bit	293.00ms	1.00ms	10.00ms	1	-
Firefox 87.0	Windows 10 64-bit	187.00ms	3.00ms	8.00ms	1	-
Chrome 89.0	OS X 10.15.7 64-bit	148.97ms	0.68ms	5.79ms	1	-
Chrome 89.0	OS X 11.2.1 64-bit	175.88ms	1.01ms	9.05ms	1	-
Firefox 87.0	Ubuntu 64-bit	239.00ms	6.00ms	18.00ms	1	-
Chrome 90.0	Windows 10 64-bit	86.97ms	2.44ms	8.64ms	1	-
Chrome 90.0	Windows Server 2008 R2 / 7 64-bit	595.85ms	4.18ms	9.69ms	1	-