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 96.0	Windows 10 64-bit	319.95ms	30.44ms	21.77ms	50	-
Chrome 97.0	Windows 10 64-bit	317.97ms	19.99ms	15.10ms	48	-
Chrome 103.0	Windows 10 64-bit	586.53ms	25.77ms	14.12ms	44	-
Chrome 98.0	Windows 10 64-bit	375.71ms	35.59ms	28.12ms	44	-
Chrome 99.0	Windows 10 64-bit	1995.09ms	28.64ms	16.77ms	38	-
Chrome 101.0	Windows 10 64-bit	420.00ms	131.34ms	11.98ms	37	-
Chrome 100.0	Windows 10 64-bit	314.51ms	18.24ms	11.94ms	37	-
Chrome 103.0	OS X 10.15.7 64-bit	296.67ms	16.52ms	8.51ms	23	-
Chrome 102.0	Windows 10 64-bit	390.98ms	25.30ms	17.35ms	21	-
Chrome 99.0	OS X 10.15.7 64-bit	220.20ms	24.22ms	7.97ms	20	-
Chrome 97.0	OS X 10.15.7 64-bit	251.87ms	22.88ms	14.33ms	20	-
Chrome 96.0	OS X 10.15.7 64-bit	217.59ms	87.93ms	12.56ms	19	-
Chrome 102.0	OS X 10.15.7 64-bit	267.99ms	24.41ms	9.12ms	16	-
Chrome 98.0	OS X 10.15.7 64-bit	363.07ms	25.46ms	12.84ms	16	-
Chrome 100.0	OS X 10.15.7 64-bit	179.89ms	14.60ms	6.92ms	13	-
Chrome 101.0	OS X 10.15.7 64-bit	284.81ms	17.64ms	9.89ms	11	-
Firefox 95.0	Windows 10 64-bit	367.10ms	20.60ms	29.30ms	10	-
Firefox 100.0	Windows 10 64-bit	215.38ms	11.00ms	14.50ms	8	-
Firefox 96.0	Windows 10 64-bit	263.00ms	14.38ms	21.63ms	8	-
Safari 15.3	iOS 15.3.1	200.86ms	7.86ms	11.00ms	7	-
Chrome 97.0	Linux 64-bit	349.23ms	72.85ms	12.60ms	6	-
Safari 15.2	iOS 15.2.1	1370.17ms	75.00ms	35.33ms	6	-
Firefox 99.0	Windows 10 64-bit	426.50ms	12.50ms	24.83ms	6	-
Safari 15.5	iOS 15.5	248.50ms	20.50ms	8.50ms	6	-
Firefox 94.0	Windows 10 64-bit	215.00ms	10.83ms	16.67ms	6	-
Chrome Mobile 97.0	Android 11	411.56ms	15.18ms	62.72ms	5	-
Firefox 97.0	Windows 10 64-bit	218.80ms	15.00ms	30.40ms	5	-
Firefox 98.0	Windows 10 64-bit	305.00ms	16.20ms	27.00ms	5	-
Chrome 101.0	Linux 64-bit	347.82ms	1.20ms	8.04ms	5	-
Chrome 104.0	Windows 10 64-bit	353.56ms	31.82ms	11.48ms	5	-
Safari 15.2	OS X 10.15.7	204.00ms	5.00ms	7.25ms	4	-
Chrome Mobile 98.0	Android 11	575.97ms	64.28ms	68.58ms	4	-
Chrome 99.0	Linux 64-bit	326.75ms	69.95ms	8.20ms	4	-
Firefox 101.0	Windows 10 64-bit	426.75ms	13.50ms	27.75ms	4	-
Firefox 102.0	Linux 64-bit	452.25ms	38.00ms	53.00ms	4	-
Chrome Mobile 102.0	Android 12	353.00ms	16.75ms	28.23ms	4	-
Chrome 95.0	Linux 64-bit	287.52ms	7.70ms	10.30ms	4	-
Chrome Mobile 102.0	Android 10	314.48ms	13.75ms	35.47ms	4	-
Firefox 102.0	Windows 10 64-bit	135.50ms	9.00ms	12.75ms	4	-
Firefox 102.0	OS X 10.15	284.75ms	17.00ms	20.75ms	4	-
Safari 15.1	iOS 15.1	235.75ms	24.00ms	9.75ms	4	-
Chrome 96.0	Linux 64-bit	328.55ms	73.00ms	14.40ms	4	-
Chrome Mobile 96.0	Android 11	362.27ms	14.82ms	44.42ms	4	-
Safari 15.4	OS X 10.15.7	197.33ms	40.33ms	39.67ms	3	-
Firefox 96.0	Linux 64-bit	500.33ms	15.00ms	16.67ms	3	-
Chrome 100.0	Linux 64-bit	332.37ms	15.90ms	11.20ms	3	-
Chrome Mobile 97.0	Android 10	361.17ms	6.67ms	55.60ms	3	-
Firefox 98.0	Linux 64-bit	432.33ms	28.00ms	60.33ms	3	-
Safari 15.3	OS X 10.15.7	374.67ms	15.67ms	29.00ms	3	-
Opera 84.0	Windows 10 64-bit	282.03ms	28.33ms	11.93ms	3	-