PURE CSS ART GALLERY

Loading artwork...

Andreas Steffensen

amsteffensen.no

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 78.0	Windows 10 64-bit	167.95ms	1.26ms	18.59ms	12	-
Chrome 79.0	Windows 10 64-bit	268.45ms	3.59ms	54.13ms	12	-
Chrome 80.0	Windows 10 64-bit	225.74ms	1.35ms	21.31ms	11	-
Chrome 77.0	Windows 10 64-bit	274.05ms	2.02ms	28.63ms	10	-
Chrome 76.0	Windows 10 64-bit	248.85ms	1.11ms	17.79ms	7	-
Chrome 74.0	Windows 10 64-bit	211.77ms	1.51ms	14.97ms	6	-
Chrome 80.0	OS X 10.15.3 64-bit	222.98ms	1.68ms	69.79ms	5	-
Chrome 84.0	Windows 10 64-bit	294.48ms	1.28ms	39.39ms	5	-
Chrome 75.0	Windows 10 64-bit	288.80ms	1.53ms	88.72ms	5	-
Chrome 80.0	Windows Server 2008 R2 / 7 64-bit	436.62ms	2.15ms	71.06ms	4	-
Chrome 81.0	Windows 10 64-bit	168.64ms	1.29ms	53.51ms	4	-
Chrome 83.0	Windows 10 64-bit	359.16ms	2.67ms	103.00ms	4	-
Opera 68.0	Windows 10 64-bit	123.99ms	0.83ms	13.74ms	4	-
Safari 12.0	OS X 10.14	203.25ms	1.00ms	7.75ms	4	-
Firefox 72.0	Windows 10 64-bit	52.33ms	1.33ms	8.00ms	3	-
Chrome 80.0	Linux 64-bit	177.51ms	2.02ms	42.91ms	3	-
Chrome 80.0	OS X 10.14.6 64-bit	218.74ms	1.20ms	51.61ms	3	-
Chrome 62.0	Linux 64-bit	106.83ms	1.36ms	11.32ms	3	-
Google Browser null	null	80.00ms	0.00ms	203.33ms	3	-
Chrome Mobile 41.0	Android 6.0.1	80.00ms	0.00ms	236.66ms	3	-
Firefox 69.0	Windows 10 64-bit	93.00ms	2.67ms	29.67ms	3	-
Chrome 76.0	Linux 64-bit	139.15ms	3.12ms	24.08ms	3	-
Chrome 77.0	OS X 10.14.6 64-bit	291.91ms	0.97ms	6.63ms	3	-
Chrome 78.0	OS X 10.14.6 64-bit	226.18ms	0.82ms	18.44ms	2	-
Firefox 70.0	Ubuntu 64-bit	136.50ms	2.50ms	13.50ms	2	-
Firefox 71.0	Windows 10 64-bit	143.00ms	2.50ms	31.00ms	2	-
Chrome 78.0	Linux 64-bit	263.57ms	3.91ms	57.66ms	2	-
Firefox 73.0	Windows 10 64-bit	73.50ms	1.50ms	31.00ms	2	-
Firefox 74.0	Windows 10 64-bit	139.50ms	2.00ms	103.00ms	2	-
Chrome 84.0	OS X 10.15.6 64-bit	152.23ms	0.85ms	40.64ms	2	-
Chrome 71.0	Windows 10 64-bit	178.25ms	1.15ms	6.80ms	2	-
Chrome 71.0	OS X 10.14.0 64-bit	194.65ms	0.85ms	8.35ms	2	-
Chrome 71.0	Linux 64-bit	70.50ms	1.05ms	7.25ms	2	-
Chrome 57.0	Linux 64-bit	126.51ms	1.48ms	9.09ms	2	-
Chrome 76.0	OS X 10.14.4 64-bit	104.98ms	0.91ms	33.63ms	2	-
Chrome 75.0	Windows Server 2008 R2 / 7 64-bit	94.74ms	1.27ms	6.39ms	2	-
Chrome 76.0	OS X 10.14.5 64-bit	141.93ms	1.67ms	8.70ms	2	-
Chrome 76.0	Windows 8.1 64-bit	250.34ms	2.14ms	42.43ms	2	-
Chrome 76.0	Windows Server 2008 R2 / 7 64-bit	136.63ms	1.27ms	8.31ms	2	-
Chrome 77.0	OS X 10.15.0 64-bit	108.60ms	7.18ms	16.77ms	1	-
Chrome Mobile 78.0	Android 9	597.00ms	7.30ms	47.30ms	1	-
Chrome 78.0	OS X 10.13.4 64-bit	293.43ms	0.81ms	4.98ms	1	-
Chrome 78.0	Windows 8.1 64-bit	104.72ms	1.48ms	7.98ms	1	-
Firefox 71.0	OS X 10.14	102.00ms	1.00ms	34.00ms	1	-
Chrome 79.0	Linux 64-bit	145.18ms	1.02ms	8.66ms	1	-
Chrome 80.0	OS X 10.15.1 64-bit	287.82ms	1.29ms	12.01ms	1	-
Chrome 79.0	OS X 10.14.6 64-bit	199.78ms	2.49ms	11.44ms	1	-
Opera 65.0	Windows 10 64-bit	315.95ms	0.92ms	5.87ms	1	-
Firefox 72.0	OS X 10.14	74.00ms	1.00ms	21.00ms	1	-
Chrome 79.0	OS X 10.15.2 64-bit	116.08ms	0.80ms	26.72ms	1	-