PURE CSS ART GALLERY

Loading artwork...

Grzegorz Witczak

// Pure CSS photorealistic mobile phone // Based on https://dribbble.com/shots/4449159-Crypto-Market // and on https://dribbble.com/shots/3900867-Yota-Future-Plan-Overview

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	407.31ms	4.80ms	31.38ms	143	-
Chrome 83.0	Windows 10 64-bit	310.02ms	3.58ms	31.48ms	131	-
Chrome 80.0	Windows 10 64-bit	317.43ms	4.37ms	31.48ms	117	-
Chrome 79.0	Windows 10 64-bit	230.06ms	3.75ms	31.24ms	104	-
Chrome 78.0	Windows 10 64-bit	267.73ms	3.69ms	28.34ms	62	-
Chrome 89.0	Windows 10 64-bit	391.99ms	4.19ms	14.19ms	50	-
Chrome 77.0	Windows 10 64-bit	233.61ms	3.31ms	23.15ms	43	-
Chrome 76.0	Windows 10 64-bit	305.38ms	3.44ms	32.17ms	42	-
Chrome 83.0	OS X 10.15.5 64-bit	218.83ms	2.67ms	28.03ms	38	-
Chrome 84.0	OS X 10.15.5 64-bit	310.94ms	2.77ms	26.67ms	35	-
Chrome 75.0	Windows 10 64-bit	248.84ms	3.64ms	31.31ms	34	-
Chrome 84.0	OS X 10.15.6 64-bit	277.27ms	2.81ms	25.03ms	31	-
Chrome 80.0	Linux 64-bit	420.99ms	5.47ms	43.92ms	30	-
Chrome 81.0	Windows 10 64-bit	252.66ms	3.55ms	31.50ms	29	-
Chrome 78.0	OS X 10.14.6 64-bit	179.30ms	2.57ms	29.68ms	29	-
Chrome 80.0	OS X 10.15.3 64-bit	225.69ms	2.34ms	31.46ms	24	-
Chrome 80.0	OS X 10.14.6 64-bit	253.89ms	3.61ms	26.83ms	22	-
Chrome 74.0	Windows 10 64-bit	264.80ms	4.17ms	24.75ms	21	-
Firefox 79.0	Windows 10 64-bit	239.53ms	3.58ms	41.26ms	19	-
Chrome 84.0	OS X 10.14.6 64-bit	474.27ms	3.02ms	19.71ms	19	-
Chrome 83.0	OS X 10.14.6 64-bit	293.88ms	3.59ms	27.49ms	18	-
Chrome Mobile 84.0	Android 10	299.36ms	7.13ms	40.67ms	18	-
Chrome 79.0	OS X 10.14.6 64-bit	234.97ms	3.34ms	32.67ms	17	-
Chrome 78.0	OS X 10.15.1 64-bit	195.27ms	2.94ms	21.89ms	17	-
Chrome 79.0	Linux 64-bit	367.66ms	4.90ms	55.69ms	17	-
Chrome 84.0	Linux 64-bit	325.46ms	6.11ms	34.46ms	16	-
Chrome Mobile 80.0	Android 10	222.59ms	4.90ms	19.47ms	16	-
Chrome 78.0	Linux 64-bit	264.74ms	4.40ms	23.99ms	16	-
Firefox 78.0	Windows 10 64-bit	136.87ms	3.60ms	41.87ms	15	-
Firefox 86.0	Windows 10 64-bit	395.73ms	3.07ms	30.67ms	15	-
Chrome Mobile 83.0	Android 10	472.66ms	8.08ms	26.69ms	14	-
Chrome 79.0	OS X 10.15.2 64-bit	147.76ms	2.36ms	20.35ms	14	-
Firefox 80.0	Windows 10 64-bit	269.92ms	2.77ms	30.69ms	13	-
Firefox 73.0	Windows 10 64-bit	355.92ms	7.38ms	60.92ms	13	-
Android Browser 4.0	Android 9	234.04ms	6.93ms	22.57ms	13	-
Firefox 69.0	Windows 10 64-bit	93.62ms	5.15ms	32.23ms	13	-
Chrome 83.0	Linux 64-bit	251.04ms	4.17ms	39.43ms	12	-
Firefox 77.0	Windows 10 64-bit	231.75ms	3.92ms	57.75ms	12	-
Firefox 83.0	Windows 10 64-bit	392.27ms	4.64ms	62.00ms	11	-
Chrome 83.0	OS X 10.15.4 64-bit	323.14ms	2.74ms	21.14ms	11	-
Firefox 85.0	Windows 10 64-bit	657.45ms	2.55ms	40.45ms	11	-
Firefox 70.0	Windows 10 64-bit	130.45ms	4.82ms	25.45ms	11	-
Firefox 78.0	OS X 10.15	260.27ms	4.00ms	61.27ms	11	-
Chrome 77.0	OS X 10.14.6 64-bit	244.40ms	2.19ms	35.92ms	11	-
Safari 14.0.3	OS X 10.15.6	198.64ms	2.09ms	8.45ms	11	-
Safari 13.1.1	iOS 13.5.1	273.18ms	2.82ms	8.27ms	11	-
Chrome 79.0	OS X 10.15.3 64-bit	188.11ms	2.39ms	15.71ms	11	-
Firefox 74.0	Windows 10 64-bit	119.27ms	3.36ms	51.91ms	11	-
Firefox 75.0	Windows 10 64-bit	139.91ms	3.09ms	37.73ms	11	-
Firefox 81.0	Windows 10 64-bit	285.90ms	3.40ms	33.00ms	10	-