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 91.0	Windows 10 64-bit	306.26ms	28.49ms	16.00ms	121	-
Chrome 84.0	Windows 10 64-bit	490.50ms	142.26ms	71.61ms	93	-
Chrome 90.0	Windows 10 64-bit	339.05ms	45.80ms	19.80ms	87	-
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	361.49ms	39.96ms	16.19ms	66	-
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 91.0	OS X 10.15.7 64-bit	348.96ms	158.10ms	17.31ms	39	-
Chrome 74.0	Windows 10 64-bit	292.21ms	84.47ms	58.23ms	37	-
Chrome 90.0	OS X 10.15.7 64-bit	287.18ms	52.55ms	45.23ms	36	-
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	-
Safari 14.0.3	iOS 14.4.2	178.05ms	10.74ms	19.58ms	19	-
Chrome 84.0	OS X 10.15.6 64-bit	342.97ms	58.81ms	19.04ms	19	-
Android Browser 4.0	Android 9	359.34ms	57.09ms	85.79ms	18	-
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	-
Chrome 84.0	OS X 10.15.5 64-bit	324.28ms	68.33ms	34.44ms	16	-
Firefox 89.0	Windows 10 64-bit	301.47ms	12.07ms	17.33ms	15	-
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	-
Safari 14.0.3	OS X 10.15.6	249.27ms	9.60ms	36.80ms	15	-
Chrome 81.0	Windows 10 64-bit	406.22ms	137.73ms	61.71ms	15	-
Firefox 88.0	Windows 10 64-bit	332.57ms	11.93ms	19.29ms	14	-
Chrome 74.0	OS X 10.14.4 64-bit	223.98ms	49.53ms	24.90ms	14	-
Chrome 91.0	Linux 64-bit	363.36ms	47.66ms	21.04ms	14	-
Chrome Mobile 91.0	Android 10	414.77ms	11.75ms	65.93ms	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	-
Chrome Mobile 91.0	Android 11	364.98ms	46.04ms	40.79ms	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 Mobile 90.0	Android 10	368.42ms	35.78ms	47.59ms	12	-
Firefox 83.0	Windows 10 64-bit	156.58ms	8.17ms	44.08ms	12	-
Chrome Mobile 83.0	Android 9	450.63ms	58.48ms	55.03ms	12	-
Firefox 78.0	Windows 10 64-bit	213.50ms	35.00ms	40.00ms	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	-