PURE CSS ART GALLERY

Loading artwork...

Rachel Bull

Stan, Kyle, Cartman and Kenny in pure css. Made using only css shapes.

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	769.39ms	3.13ms	11.48ms	5	-
Chrome 90.0	Windows 10 64-bit	230.88ms	4.48ms	7.75ms	3	-
Chrome 89.0	OS X 10.15.7 64-bit	406.89ms	1.47ms	5.96ms	2	-
Firefox 68.0	Windows 10 64-bit	742.00ms	3.00ms	8.00ms	1	-
Android Browser 4.0	Android 10	693.30ms	5.20ms	15.50ms	1	-
Chrome 60.0	Linux 64-bit	93.61ms	3.52ms	11.08ms	1	-
Chrome 83.0	Linux 64-bit	80.23ms	8.19ms	11.53ms	1	-
Firefox 78.0	Windows 10 64-bit	59.00ms	5.00ms	27.00ms	1	-
Safari 13.1.2	OS X 10.13.6	463.00ms	3.00ms	12.00ms	1	-
Safari 14.0.3	OS X 10.15.6	188.00ms	2.00ms	21.00ms	1	-
Firefox 87.0	Linux 64-bit	282.00ms	3.00ms	22.00ms	1	-
Firefox 86.0	Ubuntu 64-bit	218.00ms	4.00ms	7.00ms	1	-
Firefox 87.0	Windows 10 64-bit	196.00ms	3.00ms	8.00ms	1	-
Chrome 89.0	OS X 10.14.6 64-bit	101.64ms	1.03ms	2.90ms	1	-
Chrome 89.0	OS X 11.2.3 64-bit	714.65ms	3.35ms	113.90ms	1	-
Chrome 89.0	OS X 11.2.1 64-bit	176.91ms	1.48ms	12.15ms	1	-
Chrome 90.0	OS X 10.15.7 64-bit	186.85ms	2.32ms	8.12ms	1	-
Chrome Mobile 90.0	Android 11	176.20ms	2.90ms	12.20ms	1	-
Chrome Mobile 90.0	Android 9	170.70ms	5.30ms	17.60ms	1	-
Chrome 87.0	OS X 10.15.7 64-bit	231.24ms	1.12ms	2.93ms	1	-