Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Clean up inline styles #965

Merged
merged 1 commit into from
Jul 6, 2020
Merged

Clean up inline styles #965

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
146 changes: 73 additions & 73 deletions src/content/en/2019/caching.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -140,83 +140,83 @@ The table below details the cache TTL values for desktop requests by type. Most
<tbody>
<tr>
<th scope="row">Audio</th>
<td><p style="text-align: right">12</p></td>
<td><p style="text-align: right">24</p></td>
<td><p style="text-align: right">720</p></td>
<td><p style="text-align: right">8,760</p></td>
<td><p style="text-align: right">8,760</p></td>
<td class="numeric">12</td>
<td class="numeric">24</td>
<td class="numeric">720</td>
<td class="numeric">8,760</td>
<td class="numeric">8,760</td>
</tr>
<tr>
<th scope="row">CSS</th>
<td><p style="text-align: right">720</p></td>
<td><p style="text-align: right">8,760</p></td>
<td><p style="text-align: right">8,760</p></td>
<td><p style="text-align: right">8,760</p></td>
<td><p style="text-align: right">8,760</p></td>
<td class="numeric">720</td>
<td class="numeric">8,760</td>
<td class="numeric">8,760</td>
<td class="numeric">8,760</td>
<td class="numeric">8,760</td>
</tr>
<tr>
<th scope="row">Font</th>
<td><p style="text-align: right">< 1</p></td>
<td><p style="text-align: right">3</p></td>
<td><p style="text-align: right">336</p></td>
<td><p style="text-align: right">8,760</p></td>
<td><p style="text-align: right">87,600</p></td>
<td class="numeric">< 1</td>
<td class="numeric">3</td>
<td class="numeric">336</td>
<td class="numeric">8,760</td>
<td class="numeric">87,600</td>
</tr>
<tr>
<th scope="row">HTML</th>
<td><p style="text-align: right">< 1</p></td>
<td><p style="text-align: right">168</p></td>
<td><p style="text-align: right">720</p></td>
<td><p style="text-align: right">8,760</p></td>
<td><p style="text-align: right">8,766</p></td>
<td class="numeric">< 1</td>
<td class="numeric">168</td>
<td class="numeric">720</td>
<td class="numeric">8,760</td>
<td class="numeric">8,766</td>
</tr>
<tr>
<th scope="row">Image</th>
<td><p style="text-align: right">< 1</p></td>
<td><p style="text-align: right">1</p></td>
<td><p style="text-align: right">28</p></td>
<td><p style="text-align: right">48</p></td>
<td><p style="text-align: right">8,760</p></td>
<td class="numeric">< 1</td>
<td class="numeric">1</td>
<td class="numeric">28</td>
<td class="numeric">48</td>
<td class="numeric">8,760</td>
</tr>
<tr>
<th scope="row">Other</th>
<td><p style="text-align: right">< 1</p></td>
<td><p style="text-align: right">2</p></td>
<td><p style="text-align: right">336</p></td>
<td><p style="text-align: right">8,760</p></td>
<td><p style="text-align: right">8,760</p></td>
<td class="numeric">< 1</td>
<td class="numeric">2</td>
<td class="numeric">336</td>
<td class="numeric">8,760</td>
<td class="numeric">8,760</td>
</tr>
<tr>
<th scope="row">Script</th>
<td><p style="text-align: right">< 1</p></td>
<td><p style="text-align: right">< 1</p></td>
<td><p style="text-align: right">1</p></td>
<td><p style="text-align: right">6</p></td>
<td><p style="text-align: right">720</p></td>
<td class="numeric">< 1</td>
<td class="numeric">< 1</td>
<td class="numeric">1</td>
<td class="numeric">6</td>
<td class="numeric">720</td>
</tr>
<tr>
<th scope="row">Text</th>
<td><p style="text-align: right">21</p></td>
<td><p style="text-align: right">336</p></td>
<td><p style="text-align: right">7,902</p></td>
<td><p style="text-align: right">8,357</p></td>
<td><p style="text-align: right">8,740</p></td>
<td class="numeric">21</td>
<td class="numeric">336</td>
<td class="numeric">7,902</td>
<td class="numeric">8,357</td>
<td class="numeric">8,740</td>
</tr>
<tr>
<th scope="row">Video</th>
<td><p style="text-align: right">< 1</p></td>
<td><p style="text-align: right">4</p></td>
<td><p style="text-align: right">24</p></td>
<td><p style="text-align: right">24</p></td>
<td><p style="text-align: right">336</p></td>
<td class="numeric">< 1</td>
<td class="numeric">4</td>
<td class="numeric">24</td>
<td class="numeric">24</td>
<td class="numeric">336</td>
</tr>
<tr>
<th scope="row">XML</th>
<td><p style="text-align: right">< 1</p></td>
<td><p style="text-align: right">< 1</p></td>
<td><p style="text-align: right">< 1</p></td>
<td><p style="text-align: right">< 1</p></td>
<td><p style="text-align: right">< 1</p></td>
<td class="numeric">< 1</td>
<td class="numeric">< 1</td>
<td class="numeric">< 1</td>
<td class="numeric">< 1</td>
<td class="numeric">< 1</td>
</tr>
</tbody>
</table>
Expand Down Expand Up @@ -413,15 +413,15 @@ When we break this out by first vs third-party, we can also see that 70% of firs
</tr>
<tr>
<td>Desktop</td>
<td><p style="text-align: right">70.7%</p></td>
<td><p style="text-align: right">47.9%</p></td>
<td><p style="text-align: right">59.2%</p></td>
<td class="numeric">70.7%</td>
<td class="numeric">47.9%</td>
<td class="numeric">59.2%</td>
</tr>
<tr>
<td>Mobile</td>
<td><p style="text-align: right">71.4%</p></td>
<td><p style="text-align: right">46.8%</p></td>
<td><p style="text-align: right">59.6%</p></td>
<td class="numeric">71.4%</td>
<td class="numeric">46.8%</td>
<td class="numeric">59.6%</td>
</tr>
</table>
<figcaption>Figure 11. Percent of requests with short TTLs.</figcaption>
Expand Down Expand Up @@ -603,21 +603,21 @@ In the table below, you can see a summary of AppCache vs service worker usage. 3
<tbody>
<tr>
<td>Does Not Use AppCache</td>
<td><p style="text-align: right">5,045,337</p></td>
<td><p style="text-align: right">32,241</p></td>
<td><p style="text-align: right">5,077,578</p></td>
<td class="numeric">5,045,337</td>
<td class="numeric">32,241</td>
<td class="numeric">5,077,578</td>
</tr>
<tr>
<td>Uses AppCache</td>
<td><p style="text-align: right">1,816</p></td>
<td><p style="text-align: right">51</p></td>
<td><p style="text-align: right">1,867</p></td>
<td class="numeric">1,816</td>
<td class="numeric">51</td>
<td class="numeric">1,867</td>
</tr>
<tr>
<td>Total</td>
<td><p style="text-align: right">5,047,153</p></td>
<td><p style="text-align: right">32,292</p></td>
<td><p style="text-align: right">5,079,445</p></td>
<td class="numeric">5,047,153</td>
<td class="numeric">32,292</td>
<td class="numeric">5,079,445</td>
</tr>
</tbody>
</table>
Expand All @@ -640,24 +640,24 @@ If we break this out by HTTP vs HTTPS, then this gets even more interesting. 581
<tr>
<th scope="rowgroup" rowspan="2" >HTTP</th>
<td>Does Not Use AppCache</td>
<td><p style="text-align: right">1,968,736</p></td>
<td><p style="text-align: right">907</p></td>
<td class="numeric">1,968,736</td>
<td class="numeric">907</td>
</tr>
<tr>
<td>Uses AppCache</td>
<td><p style="text-align: right">580</p></td>
<td><p style="text-align: right">1</p></td>
<td class="numeric">580</td>
<td class="numeric">1</td>
</tr>
<tr>
<th scope="rowgroup" rowspan="2" >HTTPS</th>
<td>Does Not Use AppCache</td>
<td><p style="text-align: right">3,076,601</p></td>
<td><p style="text-align: right">31,334</p></td>
<td class="numeric">3,076,601</td>
<td class="numeric">31,334</td>
</tr>
<tr>
<td>Uses AppCache</td>
<td><p style="text-align: right">1,236</p></td>
<td><p style="text-align: right">50</p></td>
<td class="numeric">1,236</td>
<td class="numeric">50</td>
</tr>
</tbody>
</table>
Expand Down
112 changes: 56 additions & 56 deletions src/content/en/2019/compression.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -75,66 +75,66 @@ Approximately 38% of HTTP responses are delivered with text-based compression. T
<tbody>
<tr>
<td><em>No Text Compression</em></td>
<td><p style="text-align: right">62.87%</p></td>
<td><p style="text-align: right">61.47%</p></td>
<td><p style="text-align: right">260,245,106</p></td>
<td><p style="text-align: right">285,158,644</p></td>
<td class="numeric">62.87%</td>
<td class="numeric">61.47%</td>
<td class="numeric">260,245,106</td>
<td class="numeric">285,158,644</td>
</tr>
<tr>
<td>gzip</td>
<td><p style="text-align: right">29.66%</p></td>
<td><p style="text-align: right">30.95%</p></td>
<td><p style="text-align: right">122,789,094</p></td>
<td><p style="text-align: right">143,549,122</p></td>
<td class="numeric">29.66%</td>
<td class="numeric">30.95%</td>
<td class="numeric">122,789,094</td>
<td class="numeric">143,549,122</td>
</tr>
<tr>
<td>br</td>
<td><p style="text-align: right">7.43%</p></td>
<td><p style="text-align: right">7.55%</p></td>
<td><p style="text-align: right">30,750,681</p></td>
<td><p style="text-align: right">35,012,368</p></td>
<td class="numeric">7.43%</td>
<td class="numeric">7.55%</td>
<td class="numeric">30,750,681</td>
<td class="numeric">35,012,368</td>
</tr>
<tr>
<td>deflate</td>
<td><p style="text-align: right">0.02%</p></td>
<td><p style="text-align: right">0.02%</p></td>
<td><p style="text-align: right">68,802</p></td>
<td><p style="text-align: right">70,679</p></td>
<td class="numeric">0.02%</td>
<td class="numeric">0.02%</td>
<td class="numeric">68,802</td>
<td class="numeric">70,679</td>
</tr>
<tr>
<td><em>Other / Invalid</em></td>
<td><p style="text-align: right">0.02%</p></td>
<td><p style="text-align: right">0.01%</p></td>
<td><p style="text-align: right">67,527</p></td>
<td><p style="text-align: right">68,352</p></td>
<td class="numeric">0.02%</td>
<td class="numeric">0.01%</td>
<td class="numeric">67,527</td>
<td class="numeric">68,352</td>
</tr>
<tr>
<td>identity</td>
<td><p style="text-align: right">0.000709%</p></td>
<td><p style="text-align: right">0.000563%</p></td>
<td><p style="text-align: right">2,935</p></td>
<td><p style="text-align: right">2,611</p></td>
<td class="numeric">0.000709%</td>
<td class="numeric">0.000563%</td>
<td class="numeric">2,935</td>
<td class="numeric">2,611</td>
</tr>
<tr>
<td>x-gzip</td>
<td><p style="text-align: right">0.000193%</p></td>
<td><p style="text-align: right">0.000179%</p></td>
<td><p style="text-align: right">800</p></td>
<td><p style="text-align: right">829</p></td>
<td class="numeric">0.000193%</td>
<td class="numeric">0.000179%</td>
<td class="numeric">800</td>
<td class="numeric">829</td>
</tr>
<tr>
<td>compress</td>
<td><p style="text-align: right">0.000008%</p></td>
<td><p style="text-align: right">0.000007%</p></td>
<td><p style="text-align: right">33</p></td>
<td><p style="text-align: right">32</p></td>
<td class="numeric">0.000008%</td>
<td class="numeric">0.000007%</td>
<td class="numeric">33</td>
<td class="numeric">32</td>
</tr>
<tr>
<td>x-compress</td>
<td><p style="text-align: right">0.000002%</p></td>
<td><p style="text-align: right">0.000006%</p></td>
<td><p style="text-align: right">8</p></td>
<td><p style="text-align: right">29</p></td>
<td class="numeric">0.000002%</td>
<td class="numeric">0.000006%</td>
<td class="numeric">8</td>
<td class="numeric">29</td>
</tr>
</tbody>
</table>
Expand Down Expand Up @@ -251,38 +251,38 @@ Additionally, the percentage of brotli compression is higher for third-party con
<tbody>
<tr>
<td><em>No Text Compression</em></td>
<td><p style="text-align: right">66.23%</p></td>
<td><p style="text-align: right">59.28%</p></td>
<td><p style="text-align: right">64.54%</p></td>
<td><p style="text-align: right">58.26%</p></td>
<td class="numeric">66.23%</td>
<td class="numeric">59.28%</td>
<td class="numeric">64.54%</td>
<td class="numeric">58.26%</td>
</tr>
<tr>
<td>gzip</td>
<td><p style="text-align: right">29.33%</p></td>
<td><p style="text-align: right">30.20%</p></td>
<td><p style="text-align: right">30.87%</p></td>
<td><p style="text-align: right">31.22%</p></td>
<td class="numeric">29.33%</td>
<td class="numeric">30.20%</td>
<td class="numeric">30.87%</td>
<td class="numeric">31.22%</td>
</tr>
<tr>
<td>br</td>
<td><p style="text-align: right">4.41%</p></td>
<td><p style="text-align: right">10.49%</p></td>
<td><p style="text-align: right">4.56%</p></td>
<td><p style="text-align: right">10.49%</p></td>
<td class="numeric">4.41%</td>
<td class="numeric">10.49%</td>
<td class="numeric">4.56%</td>
<td class="numeric">10.49%</td>
</tr>
<tr>
<td>deflate</td>
<td><p style="text-align: right">0.02%</p></td>
<td><p style="text-align: right">0.01%</p></td>
<td><p style="text-align: right">0.02%</p></td>
<td><p style="text-align: right">0.01%</p></td>
<td class="numeric">0.02%</td>
<td class="numeric">0.01%</td>
<td class="numeric">0.02%</td>
<td class="numeric">0.01%</td>
</tr>
<tr>
<td><em>Other / Invalid</em></td>
<td><p style="text-align: right">0.01%</p></td>
<td><p style="text-align: right">0.02%</p></td>
<td><p style="text-align: right">0.01%</p></td>
<td><p style="text-align: right">0.02%</p></td>
<td class="numeric">0.01%</td>
<td class="numeric">0.02%</td>
<td class="numeric">0.01%</td>
<td class="numeric">0.02%</td>
</tr>
</tbody>
</table>
Expand Down
4 changes: 3 additions & 1 deletion src/content/en/2019/css.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -298,7 +298,9 @@ From our work experience, any number of 9's seemed to be the most popular choice
</figure>

<figure>
<div class="big-number" style="overflow-wrap: break-word; word-break: break-all; font-size: 24px">999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 !important</div>
<div class="really-big-number">
999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 !important
</div>
<figcaption>Figure 22. The largest known <code>z-index</code> value.</figcaption>
</figure>

Expand Down
Loading