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 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 75.0	Windows 10 64-bit	248.84ms	3.64ms	31.31ms	34	-
Chrome 84.0	OS X 10.15.5 64-bit	316.54ms	2.78ms	27.23ms	34	-
Chrome 84.0	OS X 10.15.6 64-bit	277.27ms	2.81ms	25.03ms	31	-
Chrome 80.0	Linux 64-bit	412.14ms	5.49ms	44.01ms	29	-
Chrome 78.0	OS X 10.14.6 64-bit	179.30ms	2.57ms	29.68ms	29	-
Chrome 81.0	Windows 10 64-bit	239.08ms	3.40ms	31.80ms	28	-
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 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 79.0	OS X 10.14.6 64-bit	234.97ms	3.34ms	32.67ms	17	-
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	-
Chrome 84.0	Linux 64-bit	323.48ms	6.33ms	36.16ms	15	-
Firefox 78.0	Windows 10 64-bit	139.93ms	3.64ms	43.64ms	14	-
Chrome 79.0	OS X 10.15.2 64-bit	147.76ms	2.36ms	20.35ms	14	-
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	-
Firefox 73.0	Windows 10 64-bit	355.92ms	7.38ms	60.92ms	13	-
Chrome Mobile 83.0	Android 10	375.02ms	7.60ms	26.16ms	12	-
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 80.0	Windows 10 64-bit	247.58ms	2.67ms	31.00ms	12	-
Chrome 83.0	OS X 10.15.4 64-bit	323.14ms	2.74ms	21.14ms	11	-
Firefox 78.0	OS X 10.15	260.27ms	4.00ms	61.27ms	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 70.0	Windows 10 64-bit	130.45ms	4.82ms	25.45ms	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	-
Chrome 77.0	OS X 10.14.6 64-bit	244.40ms	2.19ms	35.92ms	11	-
Firefox 83.0	Windows 10 64-bit	392.27ms	4.64ms	62.00ms	11	-
Firefox 71.0	Windows 10 64-bit	73.30ms	4.20ms	15.00ms	10	-
Firefox 72.0	Windows 10 64-bit	125.80ms	4.00ms	39.20ms	10	-
Chrome 76.0	OS X 10.14.5 64-bit	252.19ms	2.86ms	23.48ms	10	-
Chrome Mobile 84.0	Android 9	386.91ms	10.51ms	44.74ms	10	-
Chrome Mobile 80.0	Android 9	321.16ms	6.76ms	28.01ms	10	-