PURE CSS ART GALLERY

Loading artwork...

Diana Smith

diana-adrianne.com

HTML/CSS drawing in style of italian renaissance painting. Hand-coded entirely in HTML & CSS.

Source on Github

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 96.0	Windows 10 64-bit	314.45ms	3.17ms	11.00ms	12	-
Chrome 96.0	OS X 10.15.7 64-bit	226.98ms	2.35ms	7.60ms	4	-
Firefox 95.0	Windows 10 64-bit	352.50ms	2.75ms	23.75ms	4	-
Chrome 97.0	OS X 10.15.7 64-bit	237.07ms	2.43ms	8.40ms	3	-
null null	null	158.20ms	4.70ms	20.15ms	2	-
Chrome 95.0	OS X 10.15.7 64-bit	202.70ms	2.95ms	12.85ms	2	-
Chrome 96.0	Linux 64-bit	246.20ms	7.25ms	16.15ms	2	-
Android Browser 4.0	Android 11	861.00ms	18.40ms	57.50ms	1	-
Safari 14.1.2	OS X 10.15.6	302.00ms	3.00ms	13.00ms	1	-
Firefox 94.0	OS X 10.15	478.00ms	3.00ms	22.00ms	1	-
Safari 15.1	OS X 10.15.7	99.00ms	2.00ms	47.00ms	1	-
Firefox 94.0	Windows 10 64-bit	439.00ms	2.00ms	53.00ms	1	-
Chrome 97.0	Windows 10 64-bit	640.60ms	9.40ms	26.10ms	1	-
Firefox 95.0	OS X 10.15	170.00ms	2.00ms	9.00ms	1	-
Chrome 100.0	Windows 10 64-bit	634.60ms	3.10ms	30.00ms	1	-
Chrome Mobile 96.0	Android 10	332.40ms	5.00ms	24.80ms	1	-
Waterfox 56.6.2021.10	Windows 10 64-bit	616.68ms	2.02ms	33.86ms	1	-
Chrome 97.0	OS X 10.14.1 64-bit	276.70ms	3.30ms	15.80ms	1	-
Firefox 97.0	Windows 10 64-bit	203.00ms	6.00ms	23.00ms	1	-
Chrome Mobile 97.0	Android 6.0	238.50ms	2.70ms	11.80ms	1	-