Databases
StackOverflow2013
Postsdbo
POReduce size of HTML but keep it looking similar
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POReduce size of HTML but keep it looking similar
    text
    copied!<p>I have HTML like this:</p> <pre><code>&lt;table width="600" border="0" cellspacing="0" cellpadding="3"&gt; &lt;tr&gt; &lt;td width="25%" align="center"&gt;milk&lt;/td&gt; &lt;td width="25%" align="center"&gt;&lt;b&gt;blue&lt;/b&gt;&lt;/td&gt; &lt;td width="25%" align="center"&gt;blind&lt;/td&gt; &lt;td width="25%" align="center"&gt;&lt;b&gt;perpetual&lt;/b&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="25%" align="center"&gt;juice&lt;/td&gt; &lt;td width="25%" align="center"&gt;jungle&lt;/td&gt; &lt;td width="25%" align="center"&gt;cleaner&lt;/td&gt; &lt;td width="25%" align="center"&gt;tiny&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="25%" align="center"&gt;lemon&lt;/td&gt; &lt;td width="25%" align="center"&gt;vitamin&lt;/td&gt; &lt;td width="25%" align="center"&gt;&lt;b&gt;unheard&lt;/b&gt;&lt;/td&gt; &lt;td width="25%" align="center"&gt;empty&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="25%" align="center"&gt;&lt;b&gt;awesome&lt;/b&gt;&lt;/td&gt; &lt;td width="25%" align="center"&gt;pink&lt;/td&gt; &lt;td width="25%" align="center"&gt;grilled&lt;/td&gt; &lt;td width="25%" align="center"&gt;mirror&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="25%" align="center"&gt;&lt;b&gt;hungry&lt;/b&gt;&lt;/td&gt; &lt;td width="25%" align="center"&gt;opening&lt;/td&gt; &lt;td width="25%" align="center"&gt;darkness&lt;/td&gt; &lt;td width="25%" align="center"&gt;apply&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="25%" align="center"&gt;burden&lt;/td&gt; &lt;td width="25%" align="center"&gt;&lt;b&gt;coaster&lt;/b&gt;&lt;/td&gt; &lt;td width="25%" align="center"&gt;rocket&lt;/td&gt; &lt;td width="25%" align="center"&gt;monster&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="25%" align="center"&gt;rolled&lt;/td&gt; &lt;td width="25%" align="center"&gt;lovers&lt;/td&gt; &lt;td width="25%" align="center"&gt;&lt;b&gt;plug&lt;/b&gt;&lt;/td&gt; &lt;td width="25%" align="center"&gt;&lt;b&gt;jumping&lt;/b&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="25%" align="center"&gt;&lt;b&gt;circus&lt;/b&gt;&lt;/td&gt; &lt;td width="25%" align="center"&gt;bird&lt;/td&gt; &lt;td width="25%" align="center"&gt;doctor&lt;/td&gt; &lt;td width="25%" align="center"&gt;endless&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="25%" align="center"&gt;&lt;b&gt;golden&lt;/b&gt;&lt;/td&gt; &lt;td width="25%" align="center"&gt;mutate&lt;/td&gt; &lt;td width="25%" align="center"&gt;&lt;b&gt;scream&lt;/b&gt;&lt;/td&gt; &lt;td width="25%" align="center"&gt;chest&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> <p>There can be many, many more rows.</p> <p>There's nothing wrong with how this looks. However, this page is responsible for over 60% of the bandwidth used.</p> <p>Is there any way to reduce the number of characters in this HTML while keeping it looking roughly the same?</p> <p>If it matters, I'm using PHP on the page.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload