A | B | C | D | E | F | G | H | I | J | |
---|---|---|---|---|---|---|---|---|---|---|
1 | Read the article → | |||||||||
2 | Technique | Mobile browsers | Desktop browsers | All browsers | ||||||
3 | Average | Median | SD | Average | Median | SD | Average | Median | SD | |
4 | Optimized icons | |||||||||
5 | Inline SVG | 79.85 | 87.60 | 21.55 | 71.21 | 86.30 | 23.86 | 74.91 | 86.95 | 23.14 |
6 | Symbol Sprite | 103.43 | 113.10 | 30.52 | 95.00 | 104.65 | 32.38 | 98.61 | 112.10 | 31.65 |
7 | External Symbol Sprite | 127.17 | 74.25 | 113.53 | 125.19 | 79.05 | 92.04 | 126.04 | 74.25 | 101.02 |
8 | External Image | 76.15 | 73.00 | 38.33 | 76.50 | 83.30 | 28.75 | 76.35 | 73.95 | 32.94 |
9 | Image + Data URI | 67.80 | 69.10 | 26.57 | 66.81 | 76.70 | 19.05 | 67.24 | 71.85 | 22.41 |
10 | Image + CSS Filter | 99.55 | 96.75 | 23.35 | 121.95 | 108.15 | 66.59 | 112.35 | 107.55 | 53.48 |
11 | Background | 120.81 | 115.30 | 66.83 | 102.17 | 88.15 | 57.72 | 110.16 | 109.80 | 62.02 |
12 | Background + Data URI | 116.52 | 121.40 | 53.57 | 103.61 | 97.75 | 48.74 | 109.14 | 117.75 | 50.90 |
13 | Background + CSS Filter | 157.60 | 151.20 | 61.85 | 140.58 | 179.00 | 62.46 | 147.87 | 174.55 | 62.33 |
14 | Mask | 181.20 | 190.85 | 71.56 | 124.62 | 85.80 | 71.79 | 148.87 | 128.25 | 76.55 |
15 | Mask + Data URI | 172.41 | 190.95 | 56.03 | 124.34 | 122.40 | 51.00 | 144.94 | 140.10 | 58.00 |
16 | Unoptimized icons | |||||||||
17 | Inline SVG | 197.41 | 192.80 | 100.69 | 187.76 | 204.60 | 54.37 | 191.89 | 192.80 | 77.17 |
18 | Symbol Sprite | 178.60 | 211.90 | 75.76 | 154.53 | 157.90 | 66.96 | 164.85 | 201.70 | 71.35 |
19 | External Symbol Sprite | 166.55 | 99.00 | 162.13 | 190.98 | 95.45 | 156.16 | 180.51 | 99.00 | 158.05 |
20 | External Image | 80.62 | 75.65 | 37.41 | 82.81 | 92.00 | 29.76 | 81.87 | 82.80 | 33.01 |
21 | Image + Data URI | 80.65 | 83.65 | 25.88 | 75.60 | 79.30 | 21.53 | 77.76 | 83.65 | 23.45 |
22 | Image + CSS Filter | 98.44 | 96.70 | 24.52 | 124.90 | 112.50 | 68.47 | 113.56 | 109.35 | 55.47 |
23 | Background | 122.90 | 116.15 | 63.99 | 105.22 | 88.55 | 59.71 | 112.80 | 114.25 | 61.76 |
24 | Background + Data URI | 129.17 | 131.75 | 55.49 | 114.09 | 104.10 | 50.11 | 120.55 | 121.15 | 52.63 |
25 | Background + CSS Filter | 159.07 | 153.40 | 68.33 | 141.83 | 181.20 | 64.72 | 149.22 | 162.25 | 66.36 |
26 | Mask | 163.68 | 141.85 | 64.10 | 145.44 | 122.75 | 69.57 | 153.25 | 133.65 | 67.42 |
27 | Mask + Data URI | 165.66 | 160.20 | 43.22 | 137.65 | 134.50 | 52.40 | 149.65 | 140.25 | 50.32 |
28 | All icons | |||||||||
29 | Inline SVG | 127.74 | 89.70 | 92.51 | 118.94 | 92.15 | 73.60 | 122.71 | 91.62 | 82.08 |
30 | Symbol Sprite | 131.84 | 119.00 | 70.55 | 116.99 | 104.50 | 62.16 | 123.35 | 113.30 | 66.09 |
31 | External Symbol Sprite | 139.76 | 81.30 | 137.41 | 149.50 | 79.00 | 128.51 | 145.33 | 80.00 | 132.06 |
32 | External Image | 75.01 | 73.00 | 39.59 | 76.08 | 89.00 | 32.45 | 75.62 | 77.80 | 35.57 |
33 | Image + Data URI | 70.61 | 76.40 | 29.40 | 67.91 | 72.35 | 24.15 | 69.07 | 73.24 | 26.47 |
34 | Image + CSS Filter | 94.95 | 96.60 | 29.92 | 118.13 | 110.30 | 69.78 | 108.20 | 105.90 | 57.29 |
35 | Background | 117.45 | 114.60 | 66.88 | 100.11 | 68.00 | 59.77 | 107.54 | 108.90 | 63.30 |
36 | Background + Data URI | 117.38 | 122.60 | 58.08 | 104.36 | 92.00 | 52.07 | 109.94 | 114.30 | 54.93 |
37 | Background + CSS Filter | 152.77 | 151.10 | 67.81 | 135.95 | 178.05 | 66.74 | 143.16 | 166.00 | 67.51 |
38 | Mask | 166.94 | 162.90 | 72.94 | 129.92 | 117.60 | 72.87 | 145.79 | 128.00 | 74.96 |
39 | Mask + Data URI | 162.76 | 169.70 | 57.59 | 125.58 | 129.15 | 55.82 | 141.52 | 136.00 | 59.35 |