AJAX - The Complete Reference

PART II
Chapter 6: Networking Considerations 265
redundant or needless markup or code. Neither case is optimal for delivery. The following tips are safe and easy ways to decrease file size:
Remove whitespace in markup wherever possible.
In general, multiple whitespace characters (spaces, tabs, newlines) can safely be
eliminated, but of course avoid changing data inside
, , and tags<br />
affected by the CSS white-space property. Also consider that this is possible for<br />
XML files such as Ajax server-responses.</li><br />
<li>Remove comments.<br />
Almost all comments, except for client-side conditional comments for IE and<br />
doctype statements, can be safely removed.</li><br />
<li>Remap color values to their smallest forms.<br />
Rather than using all hex values or all color names, use whichever form is shortest<br />
in each particular case. For example, a color attribute value like #ff0000 could be<br />
replaced with red, while lightgoldenrodyellow would become #FAFAD2.</li><br />
<li>Remap character entities to their smallest forms.<br />
As with color substitution, substituting a numeric entity for a longer alpha-oriented<br />
entity can save bytes. For example, È would become È. Occasionally,<br />
this works in reverse as well: ð saves a byte if referenced as ð. However,<br />
this is not quite as safe, and the savings are limited.</li><br />
<li>Remove useless tags.</li><br />
</ol><br />
<pre><code>Some “junk” markup, such as tags applied multiple times or certain <meta> tags<br />
used as advertisements for editors, can safely be eliminated from documents.</code></pre><br />
<pre><code>Questionable Markup Optimization Techniques<br />
While the first five techniques can result in significant savings on the order of 10 to 15<br />
percent of markup size, many tools and developers looking for maximum delivery<br />
compression employ some questionable techniques, including:</code></pre><br />
<ul><br />
<li>Removing quotes surrounding attributes</li><br />
<li>Removing implicit/default attributes like type="text/javascript" for <script><ul><br />
<li>Eliminating doctype statement</li><br />
<li>Removing optional close tags</li><br />
<li>Substituting supposedly equivalent longer tags for shorter ones like changing<br />
<strong> to <b></li><br />
</ul><br />
</li><br />
</ul><br />
<pre><code>While it is true that most browsers will make sense of whatever “tag soup” they are<br />
handed, reasonable developers will not rely on this and will instead always attempt to<br />
deliver standards-compliant markup. Generally speaking, the problems associated with<br />
bypassing standards (for example, diminished portability and interoperability) outweigh<br />
the small gains in speed, and, in the case of missing closing tags, there may even be a<br />
performance penalty at page rendering time.</code></pre>            </div>
            <meta itemprop='headline' content="p 285: PART II - AJAX - The Complete Reference - free download pdf - issuhub">
        </div>


        <div role="navigation" itemscope itemtype="http://schema.org/SiteNavigationElement">
                            <span itemprop="url"><b><a href="/view/index?id=5752&pageIndex=284" rel="previous" itemprop="name">← Previous</a></b></span>
            
                            <span itemprop="url" class="mx-3"><b><a href="/view/index?id=5752&pageIndex=286" rel="next" itemprop="name">Next →</a></b></span>
                    </div>
        <div style="
            text-align: center;
            margin: 20px auto;
            padding: 13px;
            width: 240px;
            font-size: 20px;
        ">
            <a class="page-link" style="background-color: #72bf86;" target="_blank" href="/view/index?id=5752&pageIndex=284#bookdownload" title="Free download pdf" >Free download pdf</a>
        </div>
    </div>
        <div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 ml-lg-auto mb-5 mb-lg-0">

                <div class="mb-4">
                    <h5 class="text-dark">Get our desktop app</h5>
                </div>

                <a class="btn btn-icon btn-indigo rounded-circle mr-2" target="_blank" href="/download/issuhub.dmg">
                    <i class="fa fa-apple"></i>
                </a>
                <a class="btn btn-icon btn-indigo rounded-circle" target="_blank" href="/download/issuhub.exe">
                    <i class="fa fa-windows"></i>
                </a>

            </div>
            <div class="col-6 col-md-3 col-lg mb-5 mb-lg-0">
                <h5 class="text-dark">Company</h5>

                <!-- Nav Link -->
                <ul class="list-unstyled mb-0">
                    <li class="my-2"><a  href="/about">About</a></li>
                    <li class="my-2"><a  href="/contact">Contact</a></li>
                    <li class="my-2"><a  href="/news/index">News</a></li>
                </ul>
                <!-- End Nav Link -->
            </div>
            <div class="col-6 col-md-3 col-lg mb-5 mb-lg-0">
                <h5 class="text-dark">Features</h5>

                <!-- Nav Link -->
                <ul class="list-unstyled mb-0">
                    <li class="my-2"><a  href="/quick">Quick Start</a></li>
                    <li class="my-2"><a  href="/desktop">Desktop</a></li>
                    <li class="my-2"><a  href="/editor-help">Editor</a></li>

                </ul>
                <!-- End Nav Link -->
            </div>
            <div class="col-6 col-md-3 col-lg">
                <h5 class="text-dark">Documentation</h5>

                <!-- Nav Link -->
                <ul class="list-unstyled mb-0">
                    <li class="my-2"><a  href="/support/index">Support</a></li>
                    <li class="my-2"><a  href="/site/pricing">Pricing</a></li>
                </ul>
                <!-- End Nav Link -->
            </div>
            <div class="col-6 col-md-3">
                <h5 class="text-dark">Resources</h5>

                <!-- Nav Link -->
                <ul class="list-unstyled mb-0">
                    <li class="my-2"> <a  href="/tutorial" target="_blank"> <span class="media align-items-center"> <i class="fa fa-info-circle mr-2"></i> <span class="media-body">Tutorial</span> </span> </a> </li>
                    <li class="my-2"> <a  href="/site/login"> <span class="media align-items-center"> <i class="fa fa-user-circle mr-2"></i> <span class="media-body">Your Account</span> </span> </a> </li>
                </ul>
                <!-- End Nav Link -->
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-6 mb-4 mb-md-0">
                <!-- Nav Link -->
                <ul class="nav nav-sm nav-white nav-x-sm align-items-center">
                    <li class="my-2"> <a  href="/privacy">Privacy & Policy</a> </li>
                    <li class=" opacity my-2 mx-3">/</li>
                    <li class="my-2"> <a  href="/terms">Terms</a> </li>
                </ul>
                <!-- End Nav Link -->
            </div>
            <div class="col-md-6 text-md-right">
                <ul class="list-inline mb-0">
                    <!-- Social Networks -->
                    <li class="list-inline-item"> <a class="btn btn-xs btn-icon btn-soft-light" href="https://www.facebook.com/Issuhub-Flipbook-2315543688769343/"> <i class="fa fa-facebook text-dark"></i> </a> </li>
                    <li class="list-inline-item"> <a class="btn btn-xs btn-icon btn-soft-light" href="https://twitter.com/IssuhubBooks"> <i class="fa fa-twitter text-dark"></i> </a> </li>

                    <!-- End Social Networks -->

                </ul>
            </div>
        </div>
        <!-- Copyright -->
        <div style="text-align: center;">
            <div >© ISSUHUB. 2024. All rights reserved.</div>
        </div>
        <!-- End Copyright -->
    </div>
</div>

    </div>
</div>
<script src="/assets/6df76c57/assets/js/vendors/jquery-3.2.1.min.js"></script>
<script src="/assets/6df76c57/assets/js/vendors/bootstrap.bundle.min.js"></script></body>
</html>