-
Hi Team,
How I minify output HTML for load faster.
When minifyed, when view source code add below:
=====
<span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><span class="html-attribute-value">ot;bundles/84b583547a2afc0a6737224fa3379874.png"); background-position: center center; margin-top: 0px; margin-bottom: 0px; position: relative; overflow: hidden;</span>" <span class="html-attribute-name">data-address</span>="<span class="html-attribute-value">77 Nguyễn Hữu Thọ,Khu Biệt Thự Ngân Long,Q7, TP. HCM</span>" <span class="html-attribute-name">data-zoom</span>="<span class="html-attribute-value">10</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background-color: rgb(229, 227, 223);</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">class</span>="<span class="html-attribute-value">gm-style</span>" <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; z-index: 0; left: 0px; top: 0px; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">tabindex</span>="<span class="html-attribute-value">0</span>" <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; z-index: 0; left: 0px; top: 0px; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px; cursor: url("https://maps.gstatic.com/mapfiles/openhand_8_8.cur"), default; touch-action: pan-x pan-y;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">z-index: 1; position: absolute; left: 50%; top: 50%; transform: translate(0px, 0px);</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; left: 0px; top: 0px; z-index: 100; width: 100%;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; left: 0px; top: 0px; z-index: 0;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; z-index: 1; transform: matrix(1, 0, 0, 1, -130, -82);</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; left: 0px; top: 0px; width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; left: -256px; top: 0px; width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; left: -256px; top: -256px; width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; left: 0px; top: -256px; width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; left: 256px; top: -256px; width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; left: 256px; top: 0px; width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; left: 256px; top: 256px; width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; left: 0px; top: 256px; width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; left: -256px; top: 256px; width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; left: -512px; top: 256px; width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; left: -512px; top: 0px; width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; left: -512px; top: -256px; width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; left: 512px; top: -256px; width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; left: 512px; top: 0px; width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; left: 512px; top: 256px; width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">width: 256px; height: 256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; left: 0px; top: 0px; z-index: 101; width: 100%;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; left: 0px; top: 0px; z-index: 102; width: 100%;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; left: 0px; top: 0px; z-index: 103; width: 100%;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; left: 0px; top: 0px; z-index: -1;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">position: absolute; z-index: 1; transform: matrix(1, 0, 0, 1, -130, -82);</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">width: 256px; height: 256px; overflow: hidden; position: absolute; left: 0px; top: 0px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">width: 256px; height: 256px; overflow: hidden; position: absolute; left: -256px; top: 0px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">width: 256px; height: 256px; overflow: hidden; position: absolute; left: -256px; top: -256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">width: 256px; height: 256px; overflow: hidden; position: absolute; left: 0px; top: -256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">width: 256px; height: 256px; overflow: hidden; position: absolute; left: 256px; top: -256px;</span>"></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"></div></span><span class="html-tag" style="font-family: monospace; font-size: medium; white-space: pre-wrap;"><div <span class="html-attribute-name">style</span>="<span class="html-attribute-value">width: 256px; height: 256px; overflow: hidden; position: absolute; left: 256px;</span></span>
The topic ‘Minify Output HTML ( view source )’ is closed to new replies.
