PURE CSS ART GALLERY

Loading artwork...

Rachel Bull

Buttercup, Blossom and Bubbles created using pure CSS (SASS), HTML and SVG 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 91.0	Windows 10 64-bit	414.52ms	2.88ms	8.07ms	6	-
Chrome 89.0	Windows 10 64-bit	278.44ms	2.87ms	13.19ms	3	-
Chrome 60.0	Linux 64-bit	133.58ms	2.83ms	13.27ms	2	-
Firefox 83.0	Windows 10 64-bit	94.00ms	2.50ms	53.50ms	2	-
Chrome 91.0	OS X 10.15.7 64-bit	317.35ms	2.60ms	9.15ms	2	-
Chrome 90.0	Windows 10 64-bit	227.53ms	1.77ms	9.23ms	2	-
Chrome 90.0	OS X 10.15.7 64-bit	121.43ms	0.92ms	18.14ms	2	-
Safari 13.1	OS X 10.15.4	618.00ms	2.00ms	13.00ms	1	-
Chrome 83.0	Linux 64-bit	135.24ms	4.53ms	7.13ms	1	-
Safari 13.1.2	iOS 13.6	145.00ms	2.00ms	5.00ms	1	-
Firefox 80.0	Fedora 64-bit	83.00ms	4.00ms	34.00ms	1	-
Safari 14.0	iOS 14.0.1	149.00ms	3.00ms	9.00ms	1	-
Safari 14.0.1	OS X 10.15.6	81.00ms	1.00ms	10.00ms	1	-
Safari 14.0.1	iOS 14.2	133.00ms	2.00ms	22.00ms	1	-
Firefox 84.0	OS X 10.12	264.00ms	2.00ms	139.00ms	1	-
Firefox 86.0	OS X 10.16	1454.00ms	2.00ms	7.00ms	1	-
Firefox 88.0	OS X 10.15	1183.00ms	3.00ms	16.00ms	1	-
Chrome 92.0	Windows 10 64-bit	310.50ms	1.70ms	5.80ms	1	-
Chrome Mobile 85.0	Android 10	647.50ms	16.40ms	33.60ms	1	-
Chrome 91.0	Windows Server 2008 R2 / 7 64-bit	453.90ms	5.50ms	5.50ms	1	-
Chrome 91.0	null	89.10ms	0.00ms	280.10ms	1	-