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 79.0	Windows 10 64-bit	336.57ms	4.09ms	57.50ms	355	-
Chrome 80.0	Windows 10 64-bit	368.69ms	4.45ms	43.35ms	258	-
Chrome 78.0	Windows 10 64-bit	280.59ms	5.55ms	80.43ms	228	-
Android Browser 4.0	Android 9	399.19ms	6.84ms	1081.53ms	175	-
Safari 8+	iOS 13.1.3	392.71ms	3.37ms	11.54ms	136	-
Chrome 80.0	OS X 10.15.3 64-bit	308.81ms	3.59ms	33.63ms	78	-
Chrome 79.0	OS X 10.14.6 64-bit	246.11ms	3.08ms	42.13ms	67	-
Chrome 78.0	OS X 10.14.6 64-bit	245.90ms	2.99ms	41.25ms	64	-
Chrome 80.0	OS X 10.14.6 64-bit	321.04ms	3.51ms	42.79ms	62	-
Chrome Mobile 78.0	Android 9	372.21ms	7.48ms	3219.28ms	60	-
Chrome 79.0	OS X 10.15.2 64-bit	289.89ms	3.18ms	42.81ms	55	-
Firefox 72.0	Windows 10 64-bit	130.59ms	5.85ms	44.39ms	46	-
Chrome 78.0	OS X 10.15.1 64-bit	254.29ms	2.98ms	36.78ms	46	-
Firefox 70.0	Windows 10 64-bit	188.29ms	5.08ms	49.50ms	38	-
Chrome 79.0	Linux 64-bit	284.89ms	3.88ms	40.69ms	37	-
Safari 8+	iOS 13.2	364.53ms	3.35ms	12.53ms	34	-
Android Browser 4.0	Android 10	383.76ms	6.60ms	500.67ms	32	-
Chrome Mobile 79.0	Android 9	438.49ms	8.67ms	671.56ms	31	-
Safari 13.0.4	iOS 13.3	489.32ms	3.06ms	35.16ms	31	-
Chrome 80.0	Linux 64-bit	274.83ms	4.20ms	26.96ms	31	-
Firefox 73.0	Windows 10 64-bit	164.50ms	5.77ms	61.27ms	30	-
Chrome 78.0	Linux 64-bit	276.24ms	4.40ms	41.93ms	29	-
Safari 13.0.5	iOS 13.3.1	462.97ms	2.69ms	56.45ms	29	-
Safari 13.0.1	iOS 13.1.3	381.43ms	3.25ms	45.14ms	28	-
Chrome Mobile 80.0	Android 10	334.07ms	5.91ms	75.33ms	28	-
Firefox 71.0	Windows 10 64-bit	178.43ms	5.71ms	54.89ms	28	-
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	-
Chrome 79.0	OS X 10.15.3 64-bit	243.72ms	3.07ms	36.38ms	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 79.0	OS X 10.15.1 64-bit	344.03ms	3.43ms	64.61ms	22	-
Chrome Mobile 78.0	Android 10	325.27ms	6.16ms	1503.62ms	20	-
Chrome Mobile 80.0	Android 9	372.22ms	9.88ms	75.74ms	20	-
Chrome Mobile 79.0	Android 10	382.02ms	5.57ms	1546.17ms	18	-
Chrome 79.0	Windows Server 2008 R2 / 7 64-bit	452.55ms	6.85ms	49.78ms	18	-
Chrome 79.0	OS X 10.13.6 64-bit	694.06ms	3.63ms	150.06ms	18	-
Firefox 74.0	Windows 10 64-bit	209.82ms	5.41ms	85.35ms	17	-
Android Browser 4.0	Android 7.0	644.56ms	14.74ms	551.59ms	17	-
Chrome 80.0	OS X 10.15.2 64-bit	273.76ms	3.56ms	71.03ms	17	-
Chrome 78.0	OS X 10.13.6 64-bit	457.82ms	3.94ms	64.71ms	16	-
Chrome 78.0	Windows Server 2008 R2 / 7 64-bit	259.26ms	3.77ms	83.79ms	16	-
Firefox 73.0	Ubuntu 64-bit	413.53ms	5.40ms	66.93ms	15	-
Firefox 72.0	Ubuntu 64-bit	271.67ms	6.00ms	63.40ms	15	-
Safari 8+	iOS 12.4	395.08ms	3.92ms	41.69ms	13	-
Chrome 78.0	Windows 8.1 64-bit	242.70ms	8.66ms	48.96ms	13	-
Safari 13.0.5	OS X 10.15.3	292.38ms	2.54ms	28.23ms	13	-
Safari 12.1.2	iOS 12.4.1	307.92ms	3.25ms	56.83ms	12	-
Opera 65.0	Windows 10 64-bit	263.65ms	5.93ms	75.01ms	12	-
Firefox 71.0	Ubuntu 64-bit	277.42ms	5.25ms	61.75ms	12	-