Publish Art via Github

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 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 84.0	Windows 10 64-bit	425.45ms	4.07ms	34.10ms	75	-
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	308.20ms	3.48ms	32.80ms	41	-
Chrome 83.0	OS X 10.15.5 64-bit	220.15ms	2.68ms	28.54ms	37	-
Chrome 75.0	Windows 10 64-bit	248.84ms	3.64ms	31.31ms	34	-
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.39ms	3.46ms	30.97ms	27	-
Chrome 80.0	Linux 64-bit	279.65ms	5.19ms	27.20ms	25	-
Chrome 80.0	OS X 10.15.3 64-bit	225.69ms	2.34ms	31.46ms	24	-
Chrome 84.0	OS X 10.15.5 64-bit	319.47ms	2.86ms	31.09ms	22	-
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	-
Chrome 83.0	OS X 10.14.6 64-bit	293.88ms	3.59ms	27.49ms	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 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	139.93ms	3.64ms	43.64ms	14	-
Chrome 79.0	OS X 10.15.2 64-bit	147.76ms	2.36ms	20.35ms	14	-
Firefox 73.0	Windows 10 64-bit	355.92ms	7.38ms	60.92ms	13	-
Firefox 69.0	Windows 10 64-bit	93.62ms	5.15ms	32.23ms	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	-
Android Browser 4.0	Android 9	240.83ms	7.02ms	22.74ms	12	-
Firefox 70.0	Windows 10 64-bit	130.45ms	4.82ms	25.45ms	11	-
Chrome 83.0	OS X 10.15.4 64-bit	323.14ms	2.74ms	21.14ms	11	-
Chrome 77.0	OS X 10.14.6 64-bit	244.40ms	2.19ms	35.92ms	11	-
Firefox 78.0	OS X 10.15	260.27ms	4.00ms	61.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	-
Chrome 76.0	OS X 10.14.5 64-bit	252.19ms	2.86ms	23.48ms	10	-
Safari 13.1.1	iOS 13.5.1	286.80ms	2.50ms	7.60ms	10	-
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 84.0	OS X 10.14.6 64-bit	675.07ms	2.66ms	17.69ms	10	-
Chrome Mobile 80.0	Android 9	321.16ms	6.76ms	28.01ms	10	-
Firefox 68.0	Windows 10 64-bit	159.67ms	8.22ms	43.44ms	9	-
Chrome Mobile 83.0	Android 9	340.06ms	9.42ms	28.59ms	9	-
Chrome 77.0	Linux 64-bit	155.94ms	3.37ms	14.23ms	9	-
Chrome 84.0	OS X 10.15.6 64-bit	287.49ms	3.06ms	22.67ms	9	-
Chrome Mobile 84.0	Android 10	251.71ms	5.78ms	29.62ms	9	-
Chrome 75.0	OS X 10.14.5 64-bit	256.52ms	2.05ms	17.26ms	9	-
Chrome 76.0	Linux 64-bit	229.45ms	5.93ms	23.06ms	8	-