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 98.0	Windows 10 64-bit	339.73ms	3.00ms	6.47ms	3	-
Chrome 96.0	Windows 10 64-bit	225.50ms	1.10ms	3.05ms	2	-
Chrome 97.0	Windows 10 64-bit	189.80ms	2.00ms	8.90ms	2	-
Chrome 98.0	OS X 10.15.7 64-bit	188.25ms	2.15ms	4.15ms	2	-
Safari 15.2	OS X 10.15.7	223.50ms	1.00ms	9.00ms	2	-
Chrome 93.0	OS X 10.15.7 64-bit	87.60ms	1.50ms	4.50ms	1	-
Firefox 94.0	Windows 10 64-bit	163.00ms	1.00ms	13.00ms	1	-
Firefox 96.0	Windows 10 64-bit	246.00ms	1.00ms	14.00ms	1	-
Safari 15.2	iOS 15.2	469.00ms	2.00ms	10.00ms	1	-
Firefox 96.0	Ubuntu 64-bit	212.00ms	7.00ms	13.00ms	1	-
Safari 15.2	iOS 15.2.1	208.00ms	1.00ms	4.00ms	1	-
Firefox 97.0	Windows 10 64-bit	198.00ms	6.00ms	20.00ms	1	-
Safari 15.3	OS X 10.15.7	277.00ms	1.00ms	5.00ms	1	-
Chrome Mobile 98.0	Android 11	166.00ms	4.90ms	7.70ms	1	-
Firefox 98.0	Windows 10 64-bit	1162.00ms	1.00ms	4.00ms	1	-
Firefox 99.0	Windows 10 64-bit	561.00ms	3.00ms	9.00ms	1	-