PURE CSS ART GALLERY

Loading artwork...

Diana Smith

diana-adrianne.com

HTML/CSS drawing inspired by Flemish baroque oil portraits. 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	364.43ms	3.48ms	19.61ms	114	-
Chrome 96.0	Windows 10 64-bit	256.25ms	3.08ms	16.47ms	79	-
Chrome 99.0	Windows 10 64-bit	1482.94ms	6.21ms	21.59ms	54	-
Chrome 98.0	Windows 10 64-bit	314.08ms	3.57ms	24.81ms	51	-
Chrome 96.0	OS X 10.15.7 64-bit	325.30ms	5.38ms	18.85ms	42	-
Chrome 100.0	Windows 10 64-bit	264.72ms	4.27ms	14.73ms	40	-
Chrome 97.0	OS X 10.15.7 64-bit	273.80ms	2.47ms	15.75ms	34	-
Chrome 98.0	OS X 10.15.7 64-bit	257.83ms	2.41ms	14.69ms	29	-
Chrome Mobile 97.0	Android 11	384.93ms	7.25ms	57.03ms	22	-
Chrome 100.0	OS X 10.15.7 64-bit	214.37ms	2.21ms	12.13ms	22	-
Chrome 99.0	OS X 10.15.7 64-bit	180.17ms	1.99ms	11.68ms	16	-
Safari 15.1	iOS 15.1	326.13ms	1.73ms	13.87ms	15	-
Chrome 97.0	Linux 64-bit	380.37ms	3.60ms	31.46ms	14	-
Firefox 96.0	Windows 10 64-bit	234.50ms	2.29ms	36.21ms	14	-
Firefox 95.0	Windows 10 64-bit	257.38ms	2.85ms	47.08ms	13	-
Chrome 96.0	Linux 64-bit	369.43ms	3.28ms	20.49ms	10	-
Safari 15.2	iOS 15.2.1	219.22ms	1.44ms	5.11ms	9	-
Android Browser 4.0	Android 11	533.74ms	11.48ms	52.94ms	9	-
Chrome Mobile 96.0	Android 11	517.00ms	9.89ms	75.90ms	9	-
Chrome Mobile 96.0	Android 10	302.93ms	11.12ms	148.89ms	9	-
Chrome 98.0	Linux 64-bit	232.82ms	2.36ms	10.49ms	8	-
Safari 15.3	OS X 10.15.7	178.00ms	2.00ms	17.00ms	8	-
Firefox 98.0	Windows 10 64-bit	214.13ms	3.00ms	40.13ms	8	-
Firefox 99.0	Windows 10 64-bit	282.88ms	4.25ms	34.00ms	8	-
Chrome 101.0	Windows 10 64-bit	372.59ms	4.05ms	16.39ms	8	-
Firefox 97.0	Windows 10 64-bit	203.00ms	4.29ms	26.00ms	7	-
Safari 14.1.2	iOS 14.8.1	224.71ms	2.00ms	9.29ms	7	-
Chrome Mobile 97.0	Android 10	336.12ms	8.08ms	68.45ms	6	-
Firefox 96.0	Ubuntu 64-bit	325.83ms	3.17ms	24.50ms	6	-
null null	null	231.76ms	4.32ms	16.69ms	6	-
Chrome 99.0	Linux 64-bit	273.28ms	4.47ms	11.45ms	6	-
Firefox 94.0	Windows 10 64-bit	242.83ms	2.83ms	48.83ms	6	-
Safari 15.1	iOS 15.1.1	217.00ms	2.33ms	10.17ms	6	-
Firefox 96.0	Linux 64-bit	279.80ms	4.00ms	36.20ms	5	-
Firefox 97.0	Linux 64-bit	377.00ms	2.40ms	43.40ms	5	-
Chrome Mobile 98.0	Android 11	413.94ms	7.64ms	49.44ms	5	-
Firefox 95.0	Ubuntu 64-bit	234.40ms	3.80ms	38.20ms	5	-
Chrome 96.0	Windows Server 2008 R2 / 7 64-bit	387.66ms	6.00ms	29.98ms	5	-
Safari 15.2	OS X 10.15.6	211.75ms	1.25ms	6.75ms	4	-
Chrome Mobile 97.0	Android 9	585.50ms	16.15ms	117.57ms	4	-
Chrome Mobile 97.0	Android 12	225.25ms	5.33ms	40.03ms	4	-
Chrome Mobile 97.0	iOS 15.2	161.00ms	1.00ms	10.25ms	4	-
Safari 14.1.1	iOS 14.6	163.50ms	1.50ms	6.00ms	4	-
Safari 15.3	iOS 15.3.1	186.50ms	1.75ms	6.50ms	4	-
Chrome Mobile 99.0	Android 11	547.90ms	13.72ms	65.25ms	4	-
Firefox 98.0	Ubuntu 64-bit	476.00ms	5.25ms	100.75ms	4	-
Firefox 100.0	Windows 10 64-bit	687.75ms	5.50ms	65.25ms	4	-
Chrome 94.0	Linux 64-bit	295.67ms	4.20ms	18.90ms	4	-
Safari 15.1	OS X 10.15.7	175.75ms	1.50ms	12.75ms	4	-
Firefox 95.0	OS X 10.15	179.75ms	3.00ms	22.25ms	4	-