Publish Art via Github

PURE CSS ART GALLERY

Loading artwork...

Diana Smith

diana-adrianne.com

HTML/CSS drawing in the style of 1930s poster art. 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 77.0	Windows 10 64-bit	317.41ms	85.15ms	61.96ms	65	-
Chrome 75.0	Windows 10 64-bit	281.70ms	72.76ms	42.74ms	48	-
Chrome 76.0	Windows 10 64-bit	332.59ms	115.29ms	40.43ms	47	-
Chrome 74.0	Windows 10 64-bit	292.21ms	84.47ms	58.23ms	37	-
Chrome 78.0	Windows 10 64-bit	283.82ms	100.81ms	46.03ms	33	-
Chrome 77.0	OS X 10.14.6 64-bit	251.22ms	98.94ms	40.69ms	26	-
Firefox 67.0	Windows 10 64-bit	212.17ms	19.28ms	28.11ms	18	-
Chrome 75.0	OS X 10.14.5 64-bit	276.61ms	189.33ms	55.56ms	16	-
Firefox 69.0	Windows 10 64-bit	216.07ms	20.20ms	35.07ms	15	-
Firefox 68.0	Windows 10 64-bit	151.53ms	27.27ms	45.40ms	15	-
Chrome 78.0	OS X 10.14.6 64-bit	207.01ms	145.77ms	61.60ms	14	-
Chrome 74.0	OS X 10.14.4 64-bit	223.98ms	49.53ms	24.90ms	14	-
Chrome 76.0	Linux 64-bit	327.40ms	105.39ms	20.91ms	13	-
Chrome 76.0	OS X 10.14.6 64-bit	228.43ms	81.89ms	27.67ms	12	-
Chrome 74.0	OS X 10.14.5 64-bit	257.97ms	134.36ms	53.08ms	11	-
Chrome 73.0	Windows 10 64-bit	355.29ms	72.17ms	37.32ms	11	-
Chrome 77.0	Linux 64-bit	363.86ms	65.73ms	27.75ms	11	-
Chrome 75.0	Linux 64-bit	220.21ms	55.43ms	49.38ms	10	-
Chrome 75.0	Windows Server 2008 R2 / 7 64-bit	194.74ms	52.81ms	55.81ms	10	-
Chrome 76.0	OS X 10.14.5 64-bit	260.90ms	119.75ms	20.07ms	10	-
Chrome 72.0	Windows 10 64-bit	343.91ms	72.96ms	25.52ms	10	-
Chrome 74.0	Linux 64-bit	358.67ms	134.70ms	46.05ms	10	-
Chrome 74.0	OS X 10.13.6 64-bit	568.21ms	318.05ms	47.97ms	9	-
Chrome 74.0	Windows Server 2008 R2 / 7 64-bit	315.66ms	147.24ms	39.19ms	8	-
Firefox 70.0	Windows 10 64-bit	228.38ms	35.25ms	51.25ms	8	-
Firefox 69.0	Ubuntu 64-bit	241.75ms	25.88ms	33.38ms	8	-
Chrome 75.0	OS X 10.13.6 64-bit	265.47ms	128.15ms	35.72ms	8	-
Android Browser 4.0	Android 9	213.43ms	11.94ms	73.34ms	7	-
Chrome 77.0	OS X 10.14.5 64-bit	209.73ms	18.62ms	53.35ms	7	-
Chrome Mobile 77.0	Android 9	427.54ms	40.64ms	58.30ms	7	-
Chrome 77.0	Windows Server 2008 R2 / 7 64-bit	320.39ms	11.52ms	33.04ms	7	-
Safari 12.1.1	iOS 12.3.1	209.86ms	137.94ms	293.22ms	6	-
Safari 12.1.2	iOS 12.4	474.67ms	14.17ms	79.67ms	6	-
Chrome 70.0	Windows 10 64-bit	163.12ms	65.58ms	19.36ms	5	-
Safari 12.0	OS X 10.14	195.60ms	1.20ms	18.60ms	5	-
Safari 12.0	iOS 12.1	145.60ms	8.60ms	17.40ms	5	-
Opera 63.0	Windows 10 64-bit	153.75ms	12.66ms	31.62ms	5	-
Chrome Mobile 76.0	Android 9	294.80ms	115.00ms	24.34ms	5	-
Chrome 76.0	Windows Server 2008 R2 / 7 64-bit	291.37ms	137.76ms	62.64ms	5	-
Firefox 66.0	Windows 10 64-bit	115.80ms	12.00ms	39.00ms	5	-
Safari 12.1	iOS 12.2	256.40ms	2.00ms	35.00ms	5	-
Chrome Mobile 74.0	Android 9	343.50ms	11.82ms	61.58ms	4	-
Chrome 77.0	OS X 10.15.0 64-bit	296.84ms	194.03ms	17.02ms	4	-
Safari 12.1.1	OS X 10.14.5	142.25ms	32.50ms	13.00ms	4	-
Chrome 78.0	OS X 10.15.0 64-bit	157.34ms	26.46ms	52.24ms	4	-
Firefox 67.0	Linux 64-bit	454.75ms	26.75ms	53.75ms	4	-
Chrome 70.0	Linux 64-bit	294.73ms	2.40ms	28.70ms	4	-
Firefox 64.0	OS X 10.14	190.25ms	94.25ms	18.75ms	4	-
Chrome Mobile 75.0	Android 9	351.65ms	23.23ms	43.03ms	4	-
Chrome 75.0	OS X 10.14.3 64-bit	270.21ms	16.85ms	22.53ms	4	-