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	490.50ms	142.26ms	71.61ms	93	-
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 89.0	Windows 10 64-bit	365.22ms	39.80ms	16.38ms	65	-
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	329.29ms	112.92ms	39.74ms	48	-
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 90.0	Windows 10 64-bit	336.87ms	41.77ms	17.13ms	25	-
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	-
Android Browser 4.0	Android 9	354.14ms	45.71ms	85.10ms	17	-
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	-
Chrome 84.0	OS X 10.15.5 64-bit	324.28ms	68.33ms	34.44ms	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 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	-
Chrome 80.0	Linux 64-bit	413.76ms	46.12ms	52.41ms	14	-
Chrome 77.0	Linux 64-bit	349.76ms	60.80ms	26.07ms	13	-
Firefox 85.0	Windows 10 64-bit	346.15ms	32.54ms	45.92ms	13	-
Chrome 76.0	Linux 64-bit	327.40ms	105.39ms	20.91ms	13	-
Chrome 89.0	OS X 11.2.3 64-bit	445.50ms	8.98ms	23.31ms	13	-
Chrome 80.0	OS X 10.15.3 64-bit	356.43ms	141.95ms	30.65ms	12	-
Firefox 82.0	Windows 10 64-bit	341.83ms	3.83ms	27.33ms	12	-
Chrome 90.0	OS X 10.15.7 64-bit	328.96ms	52.44ms	25.52ms	12	-
Chrome Mobile 83.0	Android 9	450.63ms	58.48ms	55.03ms	12	-
Firefox 83.0	Windows 10 64-bit	156.58ms	8.17ms	44.08ms	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 74.0	OS X 10.14.5 64-bit	257.97ms	134.36ms	53.08ms	11	-
Chrome 84.0	Linux 64-bit	387.00ms	39.49ms	43.79ms	11	-
Chrome 79.0	Linux 64-bit	293.53ms	74.55ms	39.84ms	11	-
Firefox 84.0	Windows 10 64-bit	333.73ms	11.73ms	40.27ms	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	-
Firefox 80.0	Windows 10 64-bit	225.00ms	8.64ms	30.55ms	11	-
Chrome 72.0	Windows 10 64-bit	330.19ms	67.96ms	24.87ms	11	-
Firefox 86.0	Windows 10 64-bit	319.27ms	26.55ms	47.27ms	11	-
Chrome 84.0	OS X 10.14.6 64-bit	296.11ms	45.71ms	28.99ms	11	-
Firefox 87.0	Windows 10 64-bit	311.55ms	21.55ms	24.82ms	11	-
Chrome 74.0	Linux 64-bit	358.67ms	134.70ms	46.05ms	10	-
Chrome Mobile 77.0	Android 9	525.00ms	31.13ms	74.68ms	10	-