PURE CSS ART GALLERY

Loading artwork...

Tricia Katz

//inspiration from https://dribbble.com/shots/3045320-Club-Kiddo-Co-Halloween-Series

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	2180.02ms	6.85ms	53.46ms	22	-
Chrome 77.0	Windows 10 64-bit	364.48ms	5.14ms	27.90ms	15	-
Chrome 84.0	Windows 10 64-bit	1532.56ms	6.61ms	80.98ms	12	-
Chrome 79.0	Windows 10 64-bit	357.16ms	10.22ms	41.24ms	10	-
Google Browser null	null	74.00ms	0.00ms	166.00ms	10	-
Chrome 75.0	Windows 10 64-bit	322.47ms	5.12ms	70.65ms	10	-
Chrome 80.0	Windows 10 64-bit	263.48ms	6.34ms	29.22ms	8	-
Chrome 74.0	Windows 10 64-bit	371.97ms	6.38ms	41.28ms	7	-
null null	null	711.64ms	13.64ms	20.67ms	6	-
Chrome 83.0	Windows 10 64-bit	400.62ms	5.36ms	21.81ms	6	-
Chrome 84.0	OS X 10.15.6 64-bit	400.26ms	4.50ms	93.89ms	6	-
Chrome 77.0	OS X 10.14.6 64-bit	454.06ms	2.91ms	28.40ms	5	-
Chrome 78.0	Linux 64-bit	370.97ms	5.08ms	33.76ms	4	-
Chrome 73.0	Windows 10 64-bit	486.77ms	6.95ms	9.89ms	4	-
Chrome 76.0	Windows 10 64-bit	261.42ms	4.02ms	23.99ms	4	-
Chrome 75.0	Windows Server 2008 R2 / 7 64-bit	190.66ms	5.03ms	9.87ms	4	-
Chrome 89.0	Windows 10 64-bit	469.79ms	4.58ms	24.95ms	4	-
Chrome 76.0	Linux 64-bit	458.52ms	4.31ms	16.68ms	4	-
Chrome 78.0	OS X 10.14.6 64-bit	228.29ms	3.05ms	27.65ms	3	-
Chrome Mobile 78.0	Android 9	496.93ms	10.90ms	28.23ms	3	-
Firefox 72.0	Windows 10 64-bit	209.33ms	6.00ms	79.67ms	3	-
Chrome 79.0	OS X 10.14.6 64-bit	223.80ms	2.77ms	23.38ms	3	-
Chrome 62.0	Linux 64-bit	116.15ms	6.64ms	20.95ms	3	-
Safari 12.0	OS X 10.14	196.67ms	3.00ms	11.33ms	3	-
Opera 68.0	Windows 10 64-bit	164.19ms	4.55ms	10.38ms	3	-
Chrome 83.0	OS X 10.15.5 64-bit	570.65ms	5.58ms	31.97ms	3	-
Chrome Mobile 83.0	Android 10	1559.83ms	12.03ms	38.53ms	3	-
Firefox 78.0	Windows 10 64-bit	109.67ms	7.67ms	27.67ms	3	-
Chrome Mobile 41.0	Android 6.0.1	80.00ms	0.00ms	170.00ms	3	-
Chrome 72.0	Windows 10 64-bit	336.78ms	7.01ms	120.29ms	3	-
Chrome 84.0	OS X 10.15.5 64-bit	255.12ms	4.26ms	17.34ms	3	-
Firefox 68.0	Windows 10 64-bit	337.00ms	7.67ms	77.00ms	3	-
Chrome 77.0	Linux 64-bit	195.74ms	4.44ms	26.88ms	2	-
Chrome 77.0	OS X 10.15.0 64-bit	149.68ms	4.53ms	24.76ms	2	-
Safari 13.0.1	iOS 13.1.3	173.50ms	5.50ms	41.50ms	2	-
Chrome Mobile 80.0	Android 10	238.60ms	6.50ms	15.70ms	2	-
Firefox 71.0	Windows 10 64-bit	71.00ms	4.00ms	10.50ms	2	-
Chrome 79.0	Linux 64-bit	118.63ms	5.17ms	16.36ms	2	-
Chrome 80.0	OS X 10.14.6 64-bit	1311.55ms	6.01ms	14.53ms	2	-
Opera 65.0	Windows 10 64-bit	540.18ms	6.02ms	18.73ms	2	-
Firefox 72.0	Ubuntu 64-bit	137.00ms	4.50ms	29.00ms	2	-
Chrome 81.0	Linux 64-bit	301.36ms	4.41ms	7.52ms	2	-
Firefox 73.0	Windows 10 64-bit	49.00ms	2.00ms	14.00ms	2	-
Chrome 80.0	OS X 10.15.3 64-bit	493.13ms	4.77ms	119.77ms	2	-
Chrome 71.0	Windows 10 64-bit	189.05ms	8.75ms	13.05ms	2	-
Chrome 70.0	Windows 10 64-bit	197.85ms	6.00ms	14.40ms	2	-
Safari 12.0	iOS 12.0.1	188.00ms	4.50ms	8.50ms	2	-
Chrome 83.0	OS X 10.14.6 64-bit	259.83ms	7.80ms	19.87ms	2	-
Safari 12.0	iOS 12.1	189.50ms	5.00ms	6.50ms	2	-
Chrome 71.0	OS X 10.14.0 64-bit	205.75ms	4.05ms	16.45ms	2	-