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 78.0	Windows 10 64-bit	278.42ms	5.96ms	84.49ms	167	-
Android Browser 4.0	Android 9	391.39ms	6.68ms	1135.89ms	166	-
Safari 8+	iOS 13.1.3	392.71ms	3.37ms	11.54ms	136	-
Chrome Mobile 78.0	Android 9	373.99ms	7.06ms	4010.22ms	48	-
Chrome 78.0	OS X 10.14.6 64-bit	276.20ms	2.78ms	34.47ms	39	-
Firefox 70.0	Windows 10 64-bit	190.42ms	5.14ms	48.83ms	36	-
Safari 8+	iOS 13.2	364.53ms	3.35ms	12.53ms	34	-
Chrome 78.0	OS X 10.15.1 64-bit	277.19ms	3.10ms	42.37ms	29	-
Android Browser 4.0	Android 10	385.55ms	6.43ms	567.41ms	28	-
Safari 13.0.1	iOS 13.1.3	381.85ms	3.22ms	45.22ms	27	-
Safari 8+	iOS 12.4.1	332.54ms	3.50ms	27.04ms	26	-
Android Browser 4.0	Android 8.0.0	580.94ms	12.00ms	8912.02ms	26	-
Safari 8+	iOS 13.1.2	396.29ms	3.38ms	14.63ms	24	-
Safari 8+	iOS 13.2.2	363.58ms	3.00ms	9.25ms	24	-
Chrome 78.0	Linux 64-bit	303.53ms	4.80ms	39.19ms	17	-
Chrome Mobile 78.0	Android 10	339.08ms	6.26ms	1766.08ms	17	-
Android Browser 4.0	Android 7.0	660.15ms	14.94ms	583.01ms	16	-
Safari 8+	iOS 12.4	395.08ms	3.92ms	41.69ms	13	-
Safari 8+	iOS 12.3.1	444.64ms	3.45ms	32.82ms	11	-
Safari 12.1.2	iOS 12.4.1	299.09ms	3.27ms	32.36ms	11	-
Chrome 78.0	OS X 10.13.6 64-bit	497.82ms	4.09ms	23.98ms	11	-
Chrome 78.0	Windows Server 2008 R2 / 7 64-bit	256.32ms	3.93ms	94.94ms	10	-
Firefox 70.0	Linux 64-bit	188.89ms	4.89ms	21.22ms	9	-
Firefox 70.0	Ubuntu 64-bit	198.33ms	6.00ms	31.11ms	9	-
Android Browser 4.0	Android 8.1.0	594.53ms	18.12ms	191.81ms	9	-
Safari 13.0.3	iOS 13.2	743.00ms	4.00ms	54.63ms	8	-
Chrome Mobile 78.0	Android 8.0.0	429.65ms	9.55ms	2206.29ms	8	-
Chrome 78.0	Windows 8.1 64-bit	241.78ms	8.41ms	42.40ms	7	-
Chrome Mobile 78.0	iOS 13.1	569.86ms	3.29ms	41.86ms	7	-
Safari 8+	iOS 12.2	301.71ms	2.71ms	26.43ms	7	-
Safari 8+	iOS 11.4.1	422.83ms	4.33ms	47.00ms	6	-
Firefox 70.0	OS X 10.14	168.50ms	4.67ms	28.67ms	6	-
Safari 13.0.1	iOS 13.1.2	362.17ms	3.00ms	11.50ms	6	-
Chrome 78.0	OS X 10.14.5 64-bit	284.98ms	2.42ms	44.20ms	6	-
Safari 13.0.3	OS X 10.15.1	187.00ms	2.17ms	32.00ms	6	-
Safari 8+	iOS 13.3	244.83ms	3.50ms	14.50ms	6	-
Opera 65.0	Windows 10 64-bit	230.92ms	5.21ms	55.02ms	5	-
Firefox 70.0	OS X 10.15	138.60ms	5.20ms	39.20ms	5	-
Chrome 78.0	OS X 10.15.0 64-bit	243.48ms	2.29ms	19.21ms	5	-
Chrome Mobile 78.0	Android 7.0	614.52ms	12.20ms	53.88ms	4	-
Android Browser 4.0	Android 7.1.1	894.33ms	18.25ms	381.00ms	4	-
Safari 8+	iOS 13.1	531.00ms	4.50ms	11.75ms	4	-
Samsung Internet 10.1	Android 9	397.45ms	6.40ms	23.77ms	4	-
Firefox 71.0	Windows 10 64-bit	234.00ms	6.75ms	82.25ms	4	-
Chrome 78.0	Ubuntu Chromium 64-bit	544.18ms	4.62ms	26.80ms	4	-
Chrome 78.0	Chrome OS 64-bit	308.62ms	6.17ms	43.68ms	4	-
Chrome Mobile 78.0	Android 8.1.0	583.27ms	18.40ms	54.80ms	4	-
Safari 13.0.3	iOS 13.2.3	516.33ms	2.00ms	12.33ms	3	-
Chrome 76.0	Windows 10 64-bit	231.92ms	4.08ms	208.22ms	3	-
Microsoft Edge 18.18362	Windows 10 64-bit	321.57ms	8.17ms	90.70ms	3	-