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	280.72ms	5.58ms	81.04ms	226	-
Chrome 79.0	Windows 10 64-bit	363.40ms	4.34ms	65.19ms	195	-
Android Browser 4.0	Android 9	390.74ms	6.68ms	1124.59ms	168	-
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 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	OS X 10.14.6 64-bit	252.02ms	3.25ms	33.98ms	35	-
Safari 8+	iOS 13.2	364.53ms	3.35ms	12.53ms	34	-
Android Browser 4.0	Android 10	382.94ms	6.42ms	548.84ms	29	-
Chrome 79.0	OS X 10.15.2 64-bit	239.62ms	3.59ms	45.68ms	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	-
Firefox 72.0	Windows 10 64-bit	131.75ms	5.86ms	43.61ms	28	-
Android Browser 4.0	Android 8.0.0	580.94ms	12.00ms	8912.02ms	26	-
Safari 8+	iOS 12.4.1	332.54ms	3.50ms	27.04ms	26	-
Chrome 78.0	Linux 64-bit	278.08ms	4.33ms	39.25ms	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 79.0	Android 9	479.02ms	8.86ms	897.89ms	21	-
Chrome Mobile 78.0	Android 10	325.27ms	6.16ms	1503.62ms	20	-
Safari 13.0.4	iOS 13.3	503.89ms	3.16ms	23.68ms	19	-
Android Browser 4.0	Android 7.0	644.56ms	14.74ms	551.59ms	17	-
Chrome 79.0	Linux 64-bit	345.81ms	4.50ms	42.59ms	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	-
Safari 8+	iOS 12.4	395.08ms	3.92ms	41.69ms	13	-
Chrome 79.0	OS X 10.15.1 64-bit	407.97ms	3.60ms	76.60ms	12	-
Opera 65.0	Windows 10 64-bit	263.65ms	5.93ms	75.01ms	12	-
Chrome Mobile 79.0	Android 10	444.22ms	6.02ms	1447.37ms	12	-
Chrome 79.0	OS X 10.13.6 64-bit	679.56ms	3.49ms	24.48ms	12	-
Firefox 70.0	Ubuntu 64-bit	199.25ms	6.08ms	27.75ms	12	-
Chrome 78.0	Windows 8.1 64-bit	251.91ms	8.29ms	40.70ms	11	-
Chrome Mobile 78.0	Android 8.0.0	381.53ms	9.55ms	1614.24ms	11	-
Android Browser 4.0	Android 8.1.0	571.26ms	17.25ms	182.59ms	11	-
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 79.0	Windows Server 2008 R2 / 7 64-bit	317.27ms	5.67ms	47.52ms	11	-
Firefox 70.0	Linux 64-bit	179.64ms	4.82ms	21.09ms	11	-
Safari 13.0.3	OS X 10.15.1	197.90ms	2.10ms	30.60ms	10	-
Firefox 71.0	Ubuntu 64-bit	303.89ms	5.44ms	61.78ms	9	-
Safari 13.0.3	iOS 13.2	743.00ms	4.00ms	54.63ms	8	-
Firefox 70.0	OS X 10.14	155.75ms	4.50ms	31.38ms	8	-
Chrome 79.0	Windows 8.1 64-bit	272.83ms	5.94ms	43.12ms	8	-
Chrome 78.0	OS X 10.15.0 64-bit	252.61ms	2.24ms	32.73ms	8	-
Chrome 78.0	OS X 10.14.5 64-bit	275.71ms	2.38ms	39.23ms	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 13.3	228.43ms	3.29ms	15.00ms	7	-