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	-
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 79.0	Windows 10 64-bit	357.16ms	10.22ms	41.24ms	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	-
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	-
null null	null	723.21ms	14.74ms	22.31ms	5	-
Chrome 77.0	OS X 10.14.6 64-bit	454.06ms	2.91ms	28.40ms	5	-
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 76.0	Linux 64-bit	458.52ms	4.31ms	16.68ms	4	-
Chrome 78.0	Linux 64-bit	370.97ms	5.08ms	33.76ms	4	-
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 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	-
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	-
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	-
Firefox 79.0	Windows 10 64-bit	102.50ms	6.00ms	22.50ms	2	-
Chrome 84.0	Windows Server 2008 R2 / 7 64-bit	556.86ms	7.57ms	39.84ms	2	-
Chrome Mobile 84.0	Android 10	240.15ms	9.65ms	27.95ms	2	-
Chrome 84.0	OS X 10.13.6 64-bit	321.39ms	8.99ms	37.75ms	2	-
Firefox 67.0	Windows 10 64-bit	335.50ms	8.50ms	36.50ms	2	-
Safari 13.1.2	OS X 10.15.6	264.50ms	2.00ms	15.50ms	2	-
Chrome 73.0	OS X 10.14.4 64-bit	302.47ms	4.24ms	8.71ms	2	-
Chrome 57.0	Linux 64-bit	292.04ms	5.16ms	16.76ms	2	-
Firefox 69.0	Windows 10 64-bit	103.00ms	4.50ms	49.50ms	2	-