Publish Art via Github

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 78.0	Windows 10 64-bit	322.86ms	9.14ms	42.05ms	140	-
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 78.0	OS X 10.14.6 64-bit	382.47ms	6.43ms	35.62ms	48	-
Chrome 74.0	Windows 10 64-bit	408.79ms	15.20ms	72.32ms	42	-
Firefox 70.0	Windows 10 64-bit	153.19ms	9.83ms	40.83ms	36	-
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	-
Android Browser 4.0	Android 9	283.07ms	19.93ms	72.97ms	29	-
Chrome 78.0	Linux 64-bit	341.03ms	9.03ms	65.31ms	24	-
Chrome 78.0	OS X 10.15.1 64-bit	634.24ms	6.29ms	31.33ms	24	-
Chrome Mobile 78.0	Android 9	703.72ms	19.26ms	361.89ms	23	-
Firefox 67.0	Windows 10 64-bit	210.95ms	18.73ms	42.27ms	22	-
Firefox 69.0	Windows 10 64-bit	173.76ms	15.19ms	48.10ms	21	-
Chrome 76.0	OS X 10.14.6 64-bit	429.28ms	6.89ms	42.90ms	20	-
Chrome 78.0	OS X 10.15.0 64-bit	246.02ms	6.60ms	32.10ms	17	-
Chrome Mobile 76.0	Android 9	822.59ms	20.69ms	61.20ms	16	-
Chrome 74.0	OS X 10.14.4 64-bit	359.16ms	8.43ms	34.50ms	14	-
Chrome 77.0	Linux 64-bit	418.38ms	9.45ms	26.56ms	14	-
Chrome 78.0	Windows Server 2008 R2 / 7 64-bit	464.14ms	10.40ms	42.13ms	14	-
Safari 12.1.2	iOS 12.4	328.00ms	7.31ms	66.31ms	13	-
Firefox 70.0	Ubuntu 64-bit	165.62ms	11.15ms	67.08ms	13	-
Safari 12.1.1	iOS 12.3.1	271.15ms	7.23ms	32.69ms	13	-
Chrome 76.0	Linux 64-bit	426.79ms	9.59ms	45.59ms	12	-
Chrome 75.0	Linux 64-bit	275.79ms	10.90ms	46.17ms	12	-
Chrome 72.0	Windows 10 64-bit	308.36ms	8.57ms	43.79ms	11	-
Safari 8+	iOS 12.4.1	210.73ms	6.91ms	24.36ms	11	-
Chrome 74.0	OS X 10.14.5 64-bit	318.31ms	8.61ms	47.12ms	11	-
Chrome 75.0	Windows Server 2008 R2 / 7 64-bit	401.14ms	9.77ms	46.41ms	11	-
Microsoft Edge 18.17763	Windows 10 64-bit	359.05ms	19.25ms	35.16ms	10	-
Chrome Mobile 77.0	Android 8.0.0	593.13ms	29.82ms	875.28ms	10	-
Safari 12.1.2	iOS 12.4.1	304.67ms	8.78ms	59.67ms	9	-
Safari 13.0.1	iOS 13.1.3	463.78ms	6.33ms	26.78ms	9	-
Chrome Mobile 77.0	Android 9	416.22ms	20.58ms	571.03ms	9	-
Chrome 77.0	Windows Server 2008 R2 / 7 64-bit	438.13ms	9.16ms	32.20ms	9	-
Safari 13.0.1	iOS 13.1.2	452.44ms	7.11ms	223.44ms	9	-
Firefox 68.0	Windows 10 64-bit	271.89ms	21.22ms	83.89ms	9	-
Opera 63.0	Windows 10 64-bit	290.55ms	15.99ms	30.84ms	9	-
Chrome 76.0	OS X 10.14.5 64-bit	278.47ms	7.56ms	29.48ms	9	-
Firefox 69.0	OS X 10.14	161.13ms	16.13ms	68.88ms	8	-
Firefox 67.0	OS X 10.14	111.88ms	21.75ms	55.13ms	8	-
Firefox 70.0	OS X 10.14	142.63ms	10.25ms	65.00ms	8	-
Chrome 78.0	OS X 10.13.6 64-bit	393.61ms	7.69ms	29.36ms	8	-
Android Browser 4.0	Android 8.0.0	400.48ms	30.79ms	657.06ms	8	-
Safari 12.1.1	OS X 10.14.5	253.63ms	6.63ms	33.38ms	8	-
Chrome Mobile 75.0	Android 9	622.03ms	21.02ms	43.15ms	8	-
Chrome 77.0	OS X 10.15.0 64-bit	833.67ms	6.03ms	26.49ms	8	-
Chrome 77.0	OS X 10.14.5 64-bit	210.84ms	6.82ms	38.42ms	8	-
Chrome 73.0	Windows 10 64-bit	254.37ms	9.60ms	34.24ms	7	-