PURE CSS ART GALLERY

Loading artwork...

Rosh Jutherford

As seen on Dribbble.

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 77.0	Windows 10 64-bit	235.77ms	1.98ms	21.52ms	12	-
Google Browser null	null	66.67ms	0.00ms	158.89ms	9	-
Chrome 76.0	Windows 10 64-bit	299.65ms	1.22ms	31.60ms	9	-
Chrome 79.0	Windows 10 64-bit	277.61ms	1.11ms	28.37ms	8	-
Chrome 78.0	Windows 10 64-bit	209.23ms	1.68ms	18.39ms	7	-
Chrome 80.0	Windows 10 64-bit	296.21ms	0.98ms	14.61ms	5	-
Firefox 69.0	Windows 10 64-bit	82.00ms	2.40ms	16.40ms	5	-
Chrome 83.0	Windows 10 64-bit	230.93ms	1.20ms	8.52ms	4	-
Chrome 84.0	Windows 10 64-bit	473.46ms	1.10ms	44.17ms	4	-
Chrome 91.0	Windows 10 64-bit	324.42ms	1.60ms	10.80ms	4	-
Safari 12.0	OS X 10.14	183.25ms	1.00ms	6.75ms	4	-
Firefox 67.0	Windows 10 64-bit	358.25ms	4.00ms	59.25ms	4	-
Chrome 75.0	Windows 10 64-bit	1140.07ms	1.55ms	7.78ms	4	-
Chrome 77.0	OS X 10.14.6 64-bit	270.59ms	0.93ms	7.53ms	4	-
Firefox 72.0	Windows 10 64-bit	122.67ms	2.33ms	13.00ms	3	-
Chrome 79.0	OS X 10.15.3 64-bit	140.82ms	0.88ms	16.00ms	3	-
Chrome 62.0	Linux 64-bit	111.36ms	2.05ms	16.53ms	3	-
Firefox 60.0	Windows 10 64-bit	237.09ms	6.67ms	29.34ms	3	-
Chrome 72.0	Windows 10 64-bit	147.45ms	0.91ms	10.46ms	3	-
Chrome 74.0	Windows 10 64-bit	183.10ms	2.34ms	6.39ms	3	-
Firefox 68.0	Windows 10 64-bit	743.33ms	7.67ms	135.00ms	3	-
Chrome 76.0	OS X 10.14.5 64-bit	132.97ms	1.51ms	30.19ms	3	-
Chrome 77.0	OS X 10.15.0 64-bit	113.85ms	1.65ms	25.83ms	2	-
Chrome 78.0	OS X 10.14.6 64-bit	178.93ms	0.79ms	22.86ms	2	-
Chrome Mobile 80.0	Android 10	183.55ms	1.75ms	13.55ms	2	-
Firefox 70.0	Ubuntu 64-bit	176.00ms	2.50ms	14.50ms	2	-
Opera 65.0	Windows 10 64-bit	287.76ms	1.84ms	12.75ms	2	-
Firefox 72.0	Ubuntu 64-bit	155.00ms	2.50ms	34.00ms	2	-
Chrome 79.0	OS X 10.15.2 64-bit	318.29ms	1.09ms	22.36ms	2	-
Chrome 83.0	OS X 10.14.6 64-bit	408.17ms	1.37ms	43.50ms	2	-
Firefox 77.0	OS X 10.15	87.00ms	1.00ms	47.50ms	2	-
Chrome 71.0	Windows 10 64-bit	179.70ms	0.85ms	7.35ms	2	-
Chrome 71.0	OS X 10.14.0 64-bit	181.10ms	0.80ms	6.45ms	2	-
Chrome Mobile 41.0	Android 6.0.1	80.00ms	0.00ms	170.00ms	2	-
Chrome 57.0	Linux 64-bit	126.08ms	1.89ms	7.86ms	2	-
Chrome 75.0	Windows Server 2008 R2 / 7 64-bit	166.13ms	1.61ms	8.64ms	2	-
Chrome 76.0	Linux 64-bit	238.06ms	3.11ms	16.46ms	2	-
Chrome 76.0	Windows 8.1 64-bit	300.57ms	1.16ms	62.90ms	2	-
Chrome 76.0	Windows Server 2008 R2 / 7 64-bit	197.15ms	1.36ms	9.38ms	2	-
Safari 7.x	Linux 64-bit	238.48ms	2.36ms	10.83ms	2	-
Chrome 75.0	Chrome OS armv7l	433.42ms	5.03ms	21.03ms	1	-
Chrome 77.0	OS X 10.11.6 64-bit	650.27ms	1.60ms	24.86ms	1	-
Firefox 71.0	Windows 10 64-bit	101.00ms	2.00ms	4.00ms	1	-
Safari 13.0.3	OS X 10.15.1	67.00ms	1.00ms	1.00ms	1	-
Firefox 70.0	Windows Server 2008 R2 / 7 64-bit	76.00ms	1.00ms	19.00ms	1	-
Chrome 78.0	OS X 10.14.3 64-bit	198.10ms	1.50ms	5.22ms	1	-
Chrome 78.0	OS X 10.14.1 64-bit	65.78ms	0.98ms	6.94ms	1	-
Safari 8+	iOS 13.2	175.00ms	0.00ms	2.00ms	1	-
Chrome 80.0	OS X 10.14.6 64-bit	400.57ms	1.17ms	9.76ms	1	-
Chrome 79.0	OS X 10.14.6 64-bit	53.82ms	0.60ms	9.16ms	1	-