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 84.0	Windows 10 64-bit	452.80ms	138.14ms	72.96ms	90	-
Chrome 78.0	Windows 10 64-bit	294.84ms	103.65ms	45.63ms	74	-
Chrome 83.0	Windows 10 64-bit	348.99ms	94.35ms	43.17ms	69	-
Chrome 77.0	Windows 10 64-bit	324.98ms	83.45ms	62.41ms	67	-
Chrome 79.0	Windows 10 64-bit	285.80ms	74.93ms	59.99ms	61	-
Chrome 80.0	Windows 10 64-bit	552.72ms	171.00ms	39.72ms	57	-
Chrome 75.0	Windows 10 64-bit	278.15ms	71.64ms	42.22ms	49	-
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 77.0	OS X 10.14.6 64-bit	251.22ms	98.94ms	40.69ms	26	-
Chrome 78.0	OS X 10.14.6 64-bit	212.32ms	93.00ms	51.32ms	25	-
Chrome 84.0	OS X 10.15.6 64-bit	342.97ms	58.81ms	19.04ms	19	-
Chrome 83.0	OS X 10.15.5 64-bit	258.72ms	81.28ms	37.94ms	18	-
Firefox 67.0	Windows 10 64-bit	212.17ms	19.28ms	28.11ms	18	-
Firefox 81.0	Windows 10 64-bit	130.75ms	9.94ms	41.13ms	16	-
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 84.0	OS X 10.15.5 64-bit	337.17ms	71.96ms	36.40ms	15	-
Chrome 81.0	Windows 10 64-bit	406.22ms	137.73ms	61.71ms	15	-
Chrome 74.0	OS X 10.14.4 64-bit	223.98ms	49.53ms	24.90ms	14	-
Android Browser 4.0	Android 9	297.56ms	42.59ms	83.30ms	14	-
Chrome 77.0	Linux 64-bit	349.76ms	60.80ms	26.07ms	13	-
Chrome 80.0	Linux 64-bit	411.06ms	49.14ms	54.58ms	13	-
Chrome 76.0	Linux 64-bit	327.40ms	105.39ms	20.91ms	13	-
Firefox 82.0	Windows 10 64-bit	341.83ms	3.83ms	27.33ms	12	-
Chrome Mobile 84.0	Android 10	477.45ms	77.33ms	73.58ms	12	-
Chrome 76.0	OS X 10.14.6 64-bit	228.43ms	81.89ms	27.67ms	12	-
Firefox 70.0	Windows 10 64-bit	179.42ms	29.92ms	42.33ms	12	-
Chrome 80.0	OS X 10.15.3 64-bit	356.43ms	141.95ms	30.65ms	12	-
Chrome 74.0	OS X 10.14.5 64-bit	257.97ms	134.36ms	53.08ms	11	-
Chrome 79.0	Linux 64-bit	293.53ms	74.55ms	39.84ms	11	-
Chrome 79.0	OS X 10.14.6 64-bit	265.62ms	100.66ms	55.25ms	11	-
Chrome 73.0	Windows 10 64-bit	355.29ms	72.17ms	37.32ms	11	-
Chrome 72.0	Windows 10 64-bit	330.19ms	67.96ms	24.87ms	11	-
Chrome 84.0	OS X 10.14.6 64-bit	296.11ms	45.71ms	28.99ms	11	-
Chrome 74.0	Linux 64-bit	358.67ms	134.70ms	46.05ms	10	-
Chrome 78.0	Linux 64-bit	247.69ms	51.61ms	35.26ms	10	-
Chrome 83.0	Linux 64-bit	345.34ms	60.43ms	23.94ms	10	-
Chrome 75.0	Linux 64-bit	220.21ms	55.43ms	49.38ms	10	-
Chrome Mobile 83.0	Android 9	356.31ms	24.76ms	44.28ms	10	-
Chrome 84.0	Linux 64-bit	385.71ms	40.06ms	47.45ms	10	-
Chrome 75.0	Windows Server 2008 R2 / 7 64-bit	194.74ms	52.81ms	55.81ms	10	-
Firefox 78.0	Windows 10 64-bit	214.30ms	38.70ms	44.10ms	10	-
Chrome 76.0	OS X 10.14.5 64-bit	260.90ms	119.75ms	20.07ms	10	-
Firefox 80.0	Windows 10 64-bit	183.60ms	9.30ms	30.50ms	10	-
Chrome Mobile 77.0	Android 9	544.10ms	33.70ms	72.64ms	9	-
Chrome 74.0	OS X 10.13.6 64-bit	568.21ms	318.05ms	47.97ms	9	-
Firefox 81.0	Ubuntu 64-bit	219.00ms	5.11ms	25.67ms	9	-
Chrome 83.0	OS X 10.14.6 64-bit	226.28ms	41.41ms	28.48ms	9	-