PURE CSS ART GALLERY

Loading artwork...

Diana Smith

diana-adrianne.com

Pure HTML/CSS drawing - game character creation scene style. 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 97.0	Windows 10 64-bit	342.25ms	78.10ms	42.83ms	39	-
Chrome 100.0	Windows 10 64-bit	343.20ms	62.45ms	42.68ms	31	-
Chrome 96.0	Windows 10 64-bit	339.57ms	48.70ms	42.44ms	28	-
Chrome 98.0	Windows 10 64-bit	422.68ms	118.37ms	63.43ms	23	-
Chrome 96.0	OS X 10.15.7 64-bit	348.36ms	82.08ms	44.19ms	16	-
Chrome 99.0	Windows 10 64-bit	358.64ms	40.83ms	47.31ms	14	-
Chrome 97.0	OS X 10.15.7 64-bit	263.55ms	32.08ms	22.68ms	12	-
Chrome 98.0	OS X 10.15.7 64-bit	253.85ms	32.02ms	38.31ms	11	-
Chrome 99.0	OS X 10.15.7 64-bit	169.38ms	58.75ms	13.88ms	10	-
Firefox 96.0	Windows 10 64-bit	313.11ms	26.22ms	33.00ms	9	-
Chrome 101.0	Windows 10 64-bit	480.34ms	9.74ms	43.81ms	8	-
Chrome 97.0	Linux 64-bit	422.06ms	11.71ms	74.23ms	7	-
Firefox 98.0	Windows 10 64-bit	323.71ms	22.43ms	42.14ms	7	-
Chrome 100.0	OS X 10.15.7 64-bit	193.25ms	31.85ms	63.57ms	6	-
Firefox 97.0	Windows 10 64-bit	285.50ms	35.00ms	44.25ms	4	-
Chrome 95.0	OS X 10.15.7 64-bit	273.53ms	23.63ms	15.77ms	3	-
Firefox 94.0	Windows 10 64-bit	327.33ms	39.00ms	64.00ms	3	-
Safari 15.4	OS X 10.15.7	308.67ms	15.33ms	15.33ms	3	-
Chrome Mobile 97.0	Android 11	335.43ms	12.10ms	228.23ms	3	-
Firefox 96.0	Ubuntu 64-bit	408.67ms	22.00ms	111.00ms	3	-
Firefox 98.0	OS X 10.15	280.33ms	11.67ms	12.33ms	3	-
Opera 84.0	Windows 10 64-bit	428.83ms	86.90ms	94.43ms	3	-
Chrome 99.0	Linux 64-bit	393.97ms	18.90ms	85.47ms	3	-
Firefox 99.0	Windows 10 64-bit	205.67ms	40.00ms	43.67ms	3	-
Firefox 78.0	Linux 64-bit	100.00ms	17.50ms	29.00ms	2	-
Android Browser 4.0	Android 11	691.65ms	336.40ms	255.20ms	2	-
Chrome 91.0	Windows 10 64-bit	269.50ms	30.05ms	22.40ms	2	-
Firefox 95.0	Windows 10 64-bit	553.00ms	54.00ms	98.50ms	2	-
Safari 14.1.2	iOS 14.8.1	566.60ms	203.30ms	82.55ms	2	-
Chrome Mobile 96.0	Android 10	517.35ms	166.00ms	627.20ms	2	-
Chrome 96.0	OS X 10.14.6 64-bit	325.30ms	56.90ms	27.60ms	2	-
Opera 82.0	Windows 10 64-bit	407.35ms	123.65ms	63.85ms	2	-
Chrome 100.0	Linux 64-bit	335.20ms	31.25ms	29.75ms	2	-
Chrome 98.0	Linux 64-bit	238.85ms	1.25ms	15.55ms	2	-
Firefox 97.0	Linux 64-bit	278.50ms	34.00ms	38.50ms	2	-
Firefox 98.0	Linux 64-bit	338.00ms	67.00ms	71.00ms	2	-
Opera 83.0	Windows 10 64-bit	297.85ms	24.55ms	31.25ms	2	-
Safari 15.3	OS X 10.15.7	399.50ms	68.50ms	49.50ms	2	-
Chrome Mobile 99.0	Android 11	355.70ms	5.80ms	97.85ms	2	-
Firefox 100.0	Windows 10 64-bit	241.50ms	15.00ms	28.50ms	2	-
Chrome Mobile 100.0	Android 12	100.90ms	28.80ms	106.45ms	2	-
Opera 85.0	Windows 10 64-bit	413.05ms	114.05ms	30.95ms	2	-
Chrome 72.0	Windows 10 64-bit	729.00ms	16.00ms	156.00ms	1	-
Android Browser 4.0	Android 10	605.90ms	79.10ms	311.10ms	1	-
Safari 14.0.3	OS X 10.15.6	146.00ms	1.00ms	18.00ms	1	-
Chrome 87.0	Linux 64-bit	231.68ms	11.37ms	86.01ms	1	-
Chrome 91.0	Linux 64-bit	284.90ms	62.70ms	9.00ms	1	-
Chrome 93.0	Linux 64-bit	377.90ms	27.00ms	19.70ms	1	-
Chrome 94.0	OS X 10.15.4 64-bit	331.30ms	48.50ms	280.80ms	1	-
Safari 12.1.2	iOS 12.5.5	776.00ms	66.00ms	64.00ms	1	-