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 97.0	Windows 10 64-bit	269.05ms	3.31ms	10.76ms	34	-
Chrome 100.0	Windows 10 64-bit	385.17ms	3.11ms	8.71ms	27	-
Chrome 99.0	Windows 10 64-bit	280.18ms	2.81ms	14.92ms	24	-
Chrome 98.0	Windows 10 64-bit	355.29ms	3.90ms	26.72ms	22	-
Chrome 96.0	Windows 10 64-bit	256.01ms	2.56ms	9.79ms	20	-
Chrome 99.0	OS X 10.15.7 64-bit	180.04ms	1.68ms	7.41ms	16	-
Chrome 96.0	OS X 10.15.7 64-bit	308.51ms	2.69ms	11.60ms	15	-
Chrome 100.0	OS X 10.15.7 64-bit	317.29ms	1.85ms	12.53ms	11	-
Chrome 98.0	OS X 10.15.7 64-bit	235.99ms	2.49ms	8.60ms	10	-
Chrome 97.0	OS X 10.15.7 64-bit	260.34ms	2.19ms	8.33ms	9	-
Chrome 101.0	Windows 10 64-bit	380.78ms	4.52ms	10.60ms	6	-
Firefox 95.0	Windows 10 64-bit	336.60ms	2.40ms	14.60ms	5	-
Chrome 97.0	Linux 64-bit	388.16ms	3.86ms	7.12ms	5	-
Safari 15.2	OS X 10.15.7	138.00ms	1.80ms	10.20ms	5	-
Firefox 99.0	Windows 10 64-bit	574.40ms	2.00ms	25.00ms	5	-
Opera 85.0	Windows 10 64-bit	275.05ms	4.50ms	11.85ms	4	-
Firefox 96.0	Windows 10 64-bit	326.50ms	1.50ms	15.25ms	4	-
Chrome Mobile 97.0	Android 11	478.05ms	14.60ms	34.40ms	4	-
Firefox 98.0	Windows 10 64-bit	632.75ms	5.00ms	35.00ms	4	-
Opera 84.0	Windows 10 64-bit	273.50ms	8.60ms	53.52ms	4	-
Firefox 100.0	Windows 10 64-bit	531.75ms	1.75ms	16.25ms	4	-
Firefox 94.0	Windows 10 64-bit	391.33ms	1.00ms	16.00ms	3	-
Chrome 98.0	Linux 64-bit	287.17ms	2.83ms	8.50ms	3	-
Firefox 97.0	Linux 64-bit	548.00ms	1.33ms	14.00ms	3	-
Firefox 97.0	Windows 10 64-bit	495.33ms	4.00ms	17.33ms	3	-
Firefox 98.0	Linux 64-bit	623.67ms	3.67ms	27.67ms	3	-
Safari 15.3	iOS 15.3	432.33ms	3.00ms	29.00ms	3	-
Safari 15.3	OS X 10.15.7	260.67ms	1.67ms	4.33ms	3	-
Chrome Mobile 100.0	Android 10	351.20ms	16.30ms	41.20ms	2	-
Safari 15.4	iOS 15.4.1	369.00ms	4.50ms	9.00ms	2	-
Chrome 87.0	Linux 64-bit	261.79ms	1.82ms	4.92ms	2	-
Safari 15.1	OS X 10.15.7	168.00ms	1.00ms	36.00ms	2	-
Safari 15.1	iOS 15.1	133.00ms	2.50ms	37.50ms	2	-
Chrome 96.0	Linux 64-bit	306.35ms	3.15ms	15.90ms	2	-
Opera 82.0	Windows 10 64-bit	283.15ms	5.25ms	13.70ms	2	-
Firefox 95.0	Linux 64-bit	386.00ms	5.00ms	21.00ms	2	-
Safari 15.2	iOS 15.2	211.00ms	1.00ms	6.50ms	2	-
Chrome 100.0	Linux 64-bit	207.30ms	4.65ms	26.30ms	2	-
Firefox 96.0	Ubuntu 64-bit	665.00ms	7.50ms	20.50ms	2	-
Chrome 100.0	Windows 8.1 64-bit	291.70ms	7.95ms	19.90ms	2	-
Chrome Mobile 99.0	Android 11	347.50ms	14.30ms	33.85ms	2	-
Chrome 99.0	OS X 10.13.6 64-bit	773.95ms	3.60ms	87.60ms	2	-
Chrome Mobile 100.0	Android 12	74.10ms	2.60ms	15.70ms	1	-
Chrome Mobile 100.0	Android 11	380.50ms	14.70ms	38.50ms	1	-
Chrome Mobile 100.0	iOS 15.3	93.00ms	1.00ms	4.00ms	1	-
Firefox 100.0	Windows Server 2008 R2 / 7 64-bit	1714.00ms	6.00ms	91.00ms	1	-
Chrome Mobile 101.0	Android 11	260.00ms	4.40ms	11.90ms	1	-
Firefox 78.0	Linux 64-bit	1161.00ms	12.00ms	70.00ms	1	-
Safari 14.0	iOS 14.0.1	262.00ms	3.00ms	23.00ms	1	-
Android Browser 4.0	Android 11	950.70ms	15.40ms	42.60ms	1	-