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	337.16ms	4.12ms	58.64ms	313	-
Chrome 78.0	Windows 10 64-bit	280.59ms	5.55ms	80.43ms	228	-
Android Browser 4.0	Android 9	397.83ms	6.70ms	1118.36ms	169	-
Safari 8+	iOS 13.1.3	392.71ms	3.37ms	11.54ms	136	-
Chrome 78.0	OS X 10.14.6 64-bit	245.22ms	3.01ms	41.24ms	63	-
Chrome Mobile 78.0	Android 9	372.21ms	7.48ms	3219.28ms	60	-
Chrome 79.0	OS X 10.14.6 64-bit	254.61ms	3.03ms	43.33ms	59	-
Chrome 79.0	OS X 10.15.2 64-bit	305.03ms	3.25ms	42.59ms	50	-
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	-
Chrome 80.0	Windows 10 64-bit	284.65ms	4.39ms	30.61ms	39	-
Firefox 70.0	Windows 10 64-bit	188.29ms	5.08ms	49.50ms	38	-
Safari 8+	iOS 13.2	364.53ms	3.35ms	12.53ms	34	-
Chrome 79.0	Linux 64-bit	299.98ms	3.91ms	40.64ms	32	-
Chrome Mobile 79.0	Android 9	438.49ms	8.67ms	671.56ms	31	-
Android Browser 4.0	Android 10	376.50ms	6.55ms	532.08ms	30	-
Chrome 78.0	Linux 64-bit	276.24ms	4.40ms	41.93ms	29	-
Safari 13.0.4	iOS 13.3	511.21ms	3.07ms	30.48ms	29	-
Safari 13.0.1	iOS 13.1.3	381.43ms	3.25ms	45.14ms	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	-
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	-
Chrome Mobile 78.0	Android 10	325.27ms	6.16ms	1503.62ms	20	-
Chrome Mobile 79.0	Android 10	382.02ms	5.57ms	1546.17ms	18	-
Chrome 79.0	OS X 10.15.1 64-bit	349.28ms	3.34ms	61.32ms	18	-
Chrome 79.0	OS X 10.13.6 64-bit	711.40ms	3.58ms	157.80ms	17	-
Android Browser 4.0	Android 7.0	644.56ms	14.74ms	551.59ms	17	-
Chrome 80.0	OS X 10.14.6 64-bit	440.46ms	3.36ms	43.26ms	16	-
Chrome 79.0	Windows Server 2008 R2 / 7 64-bit	459.26ms	6.38ms	49.25ms	16	-
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	-
Chrome 79.0	OS X 10.15.3 64-bit	226.56ms	2.86ms	43.72ms	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	-
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	-
Firefox 72.0	Ubuntu 64-bit	286.92ms	5.83ms	59.67ms	12	-
Firefox 70.0	Ubuntu 64-bit	199.25ms	6.08ms	27.75ms	12	-
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	-
Firefox 70.0	Linux 64-bit	179.64ms	4.82ms	21.09ms	11	-
Chrome Mobile 78.0	Android 8.0.0	381.53ms	9.55ms	1614.24ms	11	-
Firefox 73.0	Windows 10 64-bit	146.27ms	4.09ms	55.45ms	11	-
Android Browser 4.0	Android 8.1.0	571.26ms	17.25ms	182.59ms	11	-
Safari 13.0.3	OS X 10.15.1	198.27ms	2.18ms	28.55ms	11	-
Safari 8+	iOS 13.3	329.80ms	3.00ms	13.90ms	10	-
Chrome 79.0	Windows 8.1 64-bit	286.65ms	6.61ms	49.61ms	9	-
Firefox 70.0	OS X 10.14	155.75ms	4.50ms	31.38ms	8	-