PURE CSS ART GALLERY

Loading artwork...

Ben Evans

www.benevansdesign.co.uk

No images, just CSS. The final part to my pointless trilogy

Still Life = https://codepen.io/ivorjetski/pen/xMJoYO Portrait = https://codepen.io/ivorjetski/pen/dBYWWZ

View original

Edit on Codepen

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	453.47ms	16.49ms	40.09ms	64	-
Chrome 83.0	Windows 10 64-bit	442.72ms	18.57ms	55.83ms	45	-
Chrome 83.0	OS X 10.15.5 64-bit	406.27ms	9.33ms	38.49ms	17	-
Chrome 84.0	OS X 10.15.6 64-bit	274.34ms	9.21ms	37.58ms	13	-
Chrome 84.0	OS X 10.15.5 64-bit	319.05ms	9.96ms	36.15ms	13	-
Chrome 84.0	OS X 10.14.6 64-bit	313.81ms	9.92ms	24.80ms	11	-
Firefox 80.0	Windows 10 64-bit	123.20ms	9.30ms	27.50ms	10	-
Chrome Mobile 84.0	Android 10	444.48ms	25.16ms	54.60ms	10	-
Firefox 81.0	Windows 10 64-bit	108.22ms	9.56ms	41.89ms	9	-
Chrome 83.0	OS X 10.14.6 64-bit	281.11ms	9.57ms	30.53ms	9	-
Chrome 84.0	Linux 64-bit	442.51ms	14.56ms	43.98ms	9	-
Firefox 79.0	Windows 10 64-bit	183.00ms	10.75ms	82.13ms	8	-
Chrome 83.0	OS X 10.15.4 64-bit	564.58ms	9.22ms	40.61ms	7	-
Android Browser 4.0	Android 10	324.58ms	17.17ms	39.37ms	6	-
Safari 13.1.1	OS X 10.15.5	258.83ms	7.17ms	24.50ms	6	-
Chrome 83.0	Linux 64-bit	734.91ms	11.98ms	39.04ms	6	-
Chrome Mobile 83.0	Android 9	653.72ms	35.75ms	72.73ms	6	-
Chrome Mobile 83.0	Android 10	464.44ms	41.06ms	94.52ms	5	-
Firefox 77.0	OS X 10.15	198.20ms	30.60ms	71.40ms	5	-
Safari 13.1.1	iOS 13.5.1	971.40ms	12.60ms	16.20ms	5	-
Chrome Mobile 84.0	Android 9	948.46ms	44.48ms	86.32ms	5	-
Safari 13.1.2	OS X 10.15.4	229.80ms	12.80ms	17.60ms	5	-
Chrome 80.0	Linux 64-bit	818.66ms	17.01ms	41.24ms	4	-
Chrome 83.0	OS X 10.13.6 64-bit	442.14ms	20.74ms	39.13ms	4	-
Firefox 77.0	Windows 10 64-bit	223.50ms	36.50ms	96.50ms	4	-
Firefox 78.0	Windows 10 64-bit	187.50ms	13.75ms	97.00ms	4	-
Firefox 78.0	OS X 10.14	128.75ms	9.25ms	33.25ms	4	-
Firefox 80.0	OS X 10.15	287.50ms	10.00ms	65.25ms	4	-
Chrome 84.0	Windows Server 2008 R2 / 7 64-bit	352.56ms	20.78ms	80.93ms	4	-
Firefox 81.0	Ubuntu 64-bit	246.67ms	18.00ms	62.00ms	3	-
Chrome 57.0	Linux 64-bit	471.59ms	14.51ms	43.34ms	3	-
Chrome 81.0	Linux 64-bit	383.95ms	20.89ms	43.19ms	3	-
Chrome 81.0	Windows 10 64-bit	450.59ms	14.91ms	30.95ms	3	-
Firefox 76.0	Windows 10 64-bit	376.67ms	15.33ms	59.33ms	3	-
Opera 68.0	Windows 10 64-bit	256.28ms	16.18ms	31.76ms	3	-
Chrome 84.0	OS X 10.15.4 64-bit	267.83ms	10.81ms	56.79ms	3	-
Safari 14.0	iOS 14.0	212.33ms	13.33ms	16.00ms	3	-
Safari 13.1.2	OS X 10.15.6	231.67ms	8.67ms	22.67ms	3	-
Firefox 79.0	Ubuntu 64-bit	98.67ms	15.33ms	21.00ms	3	-
Firefox 81.0	OS X 10.15	427.50ms	9.00ms	70.50ms	2	-
Firefox 82.0	Windows 10 64-bit	135.50ms	17.00ms	35.00ms	2	-
Safari 14.0	iOS 14.0.1	142.50ms	8.50ms	17.00ms	2	-
Firefox 77.0	Linux 64-bit	129.50ms	14.50ms	43.50ms	2	-
Firefox 77.0	Ubuntu 64-bit	117.50ms	15.00ms	25.50ms	2	-
Chrome Mobile 83.0	Android 8.1.0	766.10ms	62.10ms	113.20ms	2	-
Firefox 78.0	Linux 64-bit	190.00ms	12.50ms	77.00ms	2	-
Chrome 83.0	Ubuntu Chromium 64-bit	168.25ms	9.05ms	49.33ms	2	-
Chrome 84.0	Chrome OS 64-bit	392.08ms	22.91ms	79.68ms	2	-
Firefox 78.0	Ubuntu 64-bit	315.00ms	38.00ms	106.00ms	2	-
Opera 69.0	Windows 10 64-bit	391.40ms	29.79ms	56.99ms	2	-