PURE CSS ART GALLERY

Loading artwork...

Diana Smith

diana-adrianne.com

HTML/CSS drawing in the style of an 18th-century oil painting. 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	560.14ms	9.94ms	63.68ms	169	-
Chrome 78.0	Windows 10 64-bit	333.24ms	8.90ms	41.42ms	164	-
Chrome 83.0	Windows 10 64-bit	414.63ms	9.75ms	38.56ms	150	-
Chrome 80.0	Windows 10 64-bit	422.08ms	11.67ms	52.01ms	143	-
Chrome 79.0	Windows 10 64-bit	460.55ms	8.96ms	48.50ms	111	-
Chrome 77.0	Windows 10 64-bit	466.83ms	10.18ms	60.76ms	104	-
Chrome 76.0	Windows 10 64-bit	458.71ms	10.35ms	56.24ms	87	-
Chrome 75.0	Windows 10 64-bit	326.19ms	9.25ms	40.80ms	86	-
Chrome 83.0	OS X 10.15.5 64-bit	433.12ms	7.51ms	33.20ms	53	-
Chrome 78.0	OS X 10.14.6 64-bit	371.00ms	6.33ms	34.35ms	53	-
Chrome 74.0	Windows 10 64-bit	408.79ms	15.20ms	72.32ms	42	-
Android Browser 4.0	Android 9	340.53ms	22.65ms	67.99ms	41	-
Chrome 84.0	OS X 10.15.6 64-bit	430.37ms	8.70ms	45.23ms	40	-
Chrome 84.0	OS X 10.15.5 64-bit	434.29ms	7.80ms	25.10ms	39	-
Firefox 70.0	Windows 10 64-bit	159.05ms	9.73ms	41.00ms	37	-
Chrome 75.0	OS X 10.14.5 64-bit	287.02ms	7.01ms	37.74ms	35	-
Chrome 77.0	OS X 10.14.6 64-bit	340.84ms	6.21ms	33.70ms	31	-
Chrome 83.0	Linux 64-bit	408.29ms	10.98ms	40.49ms	31	-
Chrome 80.0	OS X 10.15.3 64-bit	388.58ms	6.49ms	26.66ms	31	-
Chrome 78.0	Linux 64-bit	336.03ms	9.14ms	59.72ms	30	-
Chrome 78.0	OS X 10.15.1 64-bit	556.87ms	6.40ms	31.97ms	30	-
Chrome 80.0	OS X 10.14.6 64-bit	354.50ms	7.60ms	32.35ms	29	-
Chrome 81.0	Windows 10 64-bit	372.27ms	9.97ms	35.02ms	29	-
Chrome Mobile 78.0	Android 9	749.04ms	24.03ms	316.41ms	28	-
Chrome 80.0	Linux 64-bit	723.88ms	10.53ms	49.10ms	25	-
Firefox 78.0	Windows 10 64-bit	158.56ms	9.92ms	51.20ms	25	-
Chrome 79.0	OS X 10.14.6 64-bit	345.11ms	6.21ms	28.57ms	22	-
Chrome 83.0	OS X 10.14.6 64-bit	579.91ms	9.26ms	42.07ms	22	-
Firefox 67.0	Windows 10 64-bit	210.95ms	18.73ms	42.27ms	22	-
Safari 13.1.1	iOS 13.5.1	376.71ms	6.05ms	13.24ms	21	-
Firefox 69.0	Windows 10 64-bit	173.76ms	15.19ms	48.10ms	21	-
Chrome 83.0	OS X 10.15.4 64-bit	334.25ms	7.25ms	36.65ms	21	-
Chrome Mobile 84.0	Android 10	405.24ms	16.36ms	94.47ms	21	-
Chrome 84.0	OS X 10.14.6 64-bit	364.32ms	6.60ms	29.54ms	21	-
Chrome 76.0	OS X 10.14.6 64-bit	429.28ms	6.89ms	42.90ms	20	-
Chrome Mobile 79.0	Android 9	625.21ms	27.21ms	81.68ms	19	-
Chrome Mobile 83.0	Android 10	412.20ms	17.65ms	72.93ms	19	-
Firefox 77.0	Windows 10 64-bit	195.84ms	10.84ms	57.68ms	19	-
Firefox 80.0	Windows 10 64-bit	147.37ms	9.37ms	32.58ms	19	-
Chrome 78.0	Windows Server 2008 R2 / 7 64-bit	462.41ms	9.96ms	38.51ms	19	-
Chrome 79.0	OS X 10.15.2 64-bit	306.65ms	6.14ms	38.72ms	17	-
Chrome 78.0	OS X 10.15.0 64-bit	246.02ms	6.60ms	32.10ms	17	-
Firefox 72.0	Windows 10 64-bit	240.06ms	13.47ms	74.82ms	17	-
Chrome Mobile 76.0	Android 9	813.44ms	20.71ms	59.90ms	17	-
Firefox 79.0	Windows 10 64-bit	216.56ms	11.94ms	57.69ms	16	-
Android Browser 4.0	Android 10	525.91ms	18.68ms	208.70ms	16	-
Chrome 84.0	Linux 64-bit	459.25ms	19.03ms	80.90ms	15	-
Safari 13.0.5	iOS 13.3.1	447.27ms	6.73ms	49.27ms	15	-
Firefox 70.0	Ubuntu 64-bit	165.93ms	12.00ms	61.47ms	15	-
Chrome 79.0	Linux 64-bit	398.18ms	8.03ms	36.22ms	15	-