Publish Art via Github

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 80.0	Windows 10 64-bit	372.46ms	4.60ms	48.88ms	380	-
Chrome 79.0	Windows 10 64-bit	336.67ms	4.09ms	57.39ms	356	-
Chrome 83.0	Windows 10 64-bit	258.14ms	4.06ms	63.21ms	279	-
Chrome 78.0	Windows 10 64-bit	280.59ms	5.55ms	80.43ms	228	-
Android Browser 4.0	Android 9	401.64ms	7.30ms	978.31ms	197	-
Safari 8+	iOS 13.1.3	392.71ms	3.37ms	11.54ms	136	-
Chrome 80.0	OS X 10.15.3 64-bit	303.96ms	3.59ms	36.78ms	106	-
Firefox 77.0	Windows 10 64-bit	168.86ms	3.70ms	56.84ms	90	-
Chrome 80.0	OS X 10.14.6 64-bit	306.89ms	3.47ms	39.04ms	84	-
Chrome 81.0	Windows 10 64-bit	299.72ms	4.72ms	71.53ms	83	-
Chrome 79.0	OS X 10.14.6 64-bit	247.20ms	3.20ms	41.84ms	68	-
Chrome 78.0	OS X 10.14.6 64-bit	245.90ms	2.99ms	41.25ms	64	-
Android Browser 4.0	Android 10	372.44ms	6.38ms	295.67ms	62	-
Chrome 83.0	OS X 10.15.5 64-bit	245.32ms	3.10ms	32.48ms	60	-
Chrome Mobile 78.0	Android 9	372.21ms	7.48ms	3219.28ms	60	-
Chrome 80.0	Linux 64-bit	355.17ms	4.62ms	32.71ms	56	-
Chrome 79.0	OS X 10.15.2 64-bit	289.89ms	3.18ms	42.81ms	55	-
Chrome 78.0	OS X 10.15.1 64-bit	254.29ms	2.98ms	36.78ms	46	-
Firefox 72.0	Windows 10 64-bit	130.59ms	5.85ms	44.39ms	46	-
Chrome Mobile 83.0	Android 10	324.51ms	6.72ms	63.33ms	44	-
Safari 13.0.5	iOS 13.3.1	442.45ms	2.75ms	63.98ms	40	-
Chrome 79.0	Linux 64-bit	283.80ms	3.85ms	39.94ms	38	-
Firefox 70.0	Windows 10 64-bit	188.29ms	5.08ms	49.50ms	38	-
Chrome Mobile 80.0	Android 10	389.91ms	5.84ms	68.36ms	38	-
Safari 13.0.4	iOS 13.3	469.18ms	3.06ms	32.79ms	34	-
Safari 8+	iOS 13.2	364.53ms	3.35ms	12.53ms	34	-
Chrome Mobile 79.0	Android 9	448.07ms	8.94ms	652.46ms	32	-
Chrome 83.0	Linux 64-bit	306.15ms	4.76ms	29.45ms	31	-
Firefox 74.0	Windows 10 64-bit	220.77ms	5.23ms	87.26ms	31	-
Firefox 73.0	Windows 10 64-bit	164.50ms	5.77ms	61.27ms	30	-
Safari 13.0.1	iOS 13.1.3	368.90ms	3.27ms	44.50ms	30	-
Android Browser 4.0	Android 8.0.0	580.54ms	11.79ms	8006.66ms	29	-
Chrome 78.0	Linux 64-bit	276.24ms	4.40ms	41.93ms	29	-
Chrome Mobile 80.0	Android 9	415.70ms	9.42ms	73.15ms	28	-
Firefox 71.0	Windows 10 64-bit	178.43ms	5.71ms	54.89ms	28	-
Chrome 79.0	OS X 10.15.3 64-bit	251.14ms	3.20ms	36.03ms	27	-
Firefox 77.0	Linux 64-bit	284.74ms	6.93ms	64.48ms	27	-
Firefox 75.0	Windows 10 64-bit	199.00ms	4.31ms	47.77ms	26	-
Safari 8+	iOS 12.4.1	332.54ms	3.50ms	27.04ms	26	-
Chrome 83.0	OS X 10.14.6 64-bit	442.56ms	3.02ms	26.03ms	24	-
Safari 8+	iOS 13.2.2	363.58ms	3.00ms	9.25ms	24	-
Safari 8+	iOS 13.1.2	396.29ms	3.38ms	14.63ms	24	-
Safari 13.1.1	iOS 13.5.1	301.83ms	3.26ms	14.17ms	23	-
Chrome 79.0	OS X 10.15.1 64-bit	344.03ms	3.43ms	64.61ms	22	-
Chrome 80.0	OS X 10.15.4 64-bit	443.36ms	3.77ms	32.11ms	22	-
Android Browser 4.0	Android 7.0	618.68ms	14.03ms	455.59ms	21	-
Chrome 83.0	OS X 10.15.4 64-bit	347.92ms	2.88ms	28.07ms	21	-
Chrome 80.0	OS X 10.15.2 64-bit	306.72ms	3.86ms	63.21ms	21	-
Chrome Mobile 78.0	Android 10	325.27ms	6.16ms	1503.62ms	20	-
Chrome Mobile 83.0	Android 9	499.28ms	9.28ms	163.98ms	19	-