title: How to get compact html code in page source?
body: <p>I use many tags in my template, so my code after previewing the page has a lot of empty spaces.</p>
  
  <p>How can I get the code compact like on the example below:</p>
  
  <p><a href="https://i.stack.imgur.com/ZBlbg.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZBlbg.jpg" alt="enter image description here"></a></p>
  
  <pre><code>[...]
  startsWith",function(a){return a?a:function(e,c){if(null==this)throw new TypeError("The 'this' value for String.prototype.startsWith must not be null or undefined");if(e instanceof RegExp)throw new TypeError("First argument to String.prototype.startsWith must not be a regular expression");var b=this+"";e+="";for(var f=b.length,d=e.length,h=Math.max(0,Math.min(c|0,b.length)),g=0;g&lt;d&amp;&amp;h&lt;f;)if(b[h++]!=e[g++])return!1;return g&gt;=d}});google.arwt=function(a){a.href=document.getElementById(a.id.substring(a.id.startsWith("vcs")?3:1)).href;return!0};(function(){var g=function(a,b){this.g=a===e&amp;&amp;b||"";this.i=f};g.prototype.l=!0;g.prototype.j=function(){return this.g.toString()};var h=/^(?:(?:https?|mailto|ftp):|[^:/?#]*(?:[/?#]|$))/i,f={},e={};var l=/^((market|itms|intent|itms-appss):\/\/)/i,m=function(a){var b;a instanceof g||!l.te
  [...]
  </code></pre>
  
  <p>The code after choosing the <em>view page source</em> option does not contain any spaces. Why does Google and many other websites use this solution and what is its proper name?</p>