Sure, here&#x27;s some notes I have from building the Shittalk Generator<p>Minify HTML (<a href="http:&#x2F;&#x2F;www.willpeavy.com&#x2F;minifier&#x2F;" rel="nofollow">http:&#x2F;&#x2F;www.willpeavy.com&#x2F;minifier&#x2F;</a>)<p>Minify CSS (YUICompressor)<p>Minify JS (Google Closure Compiler)<p>Enable gzip compression<p>Replace jQuery (29kB) with Zepto (9.6kB)<p>Remove Bootstrap.js dependancy (usually, you don&#x27;t need it)<p>Heavy reliance on async ajax calls (only load visible page content, load everything else on scroll using a function like below)<p><pre><code>  $(window).ready(function () {
          $(this).one(&#x27;scroll&#x27;, function () { &#x2F;&#x2F;only executes once
              &#x2F;&#x2F; call this data when a user scrolls down for the first time
              &#x2F;&#x2F; only do this with below-the-fold content
          });
      });
</code></pre>
Make efficient database queries, bundle them together when you can.<p>Use loadCSS to asynchronously load non-essential CSS after the page has been loaded: <a href="https:&#x2F;&#x2F;github.com&#x2F;filamentgroup&#x2F;loadCSS" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;filamentgroup&#x2F;loadCSS</a><p>Try out different CDN&#x27;s - some CDN&#x27;s have bootstrap.min.css around 30kb, and other services have it compressed to 19kB (CDNJS works best for me)<p>Use the following sites to find what&#x27;s impacting load times&#x2F;page size:<p><a href="http:&#x2F;&#x2F;tools.pingdom.com&#x2F;fpt&#x2F;#!&#x2F;dVQE7B&#x2F;http:&#x2F;&#x2F;daviseford.com&#x2F;shittalk&#x2F;" rel="nofollow">http:&#x2F;&#x2F;tools.pingdom.com&#x2F;fpt&#x2F;#!&#x2F;dVQE7B&#x2F;http:&#x2F;&#x2F;daviseford.com...</a><p><a href="https:&#x2F;&#x2F;gtmetrix.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;gtmetrix.com&#x2F;</a><p><a href="https:&#x2F;&#x2F;developers.google.com&#x2F;speed&#x2F;pagespeed&#x2F;insights&#x2F;" rel="nofollow">https:&#x2F;&#x2F;developers.google.com&#x2F;speed&#x2F;pagespeed&#x2F;insights&#x2F;</a>