<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d8211560\x26blogName\x3dTech+Tips,+Tricks+%26+Trivia\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttp://mvark.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttp://mvark.blogspot.com/\x26vt\x3d-5147029996388199615', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

Tech Tips, Tricks & Trivia

by 'Anil' Radhakrishna
An architect's notes, experiments, discoveries and annotated bookmarks.

Search from over a hundred HOW TO articles, Tips and Tricks


HOW TO improve the front-end performance of a website

Steve Souders, Chief Performance Yahoo! has shared his key learnings on improving front-end performance in the book High Performance Web Sites. These are based on his experience leading the Exceptional Performance group at Yahoo!. Excerpts from the book are available at Yahoo! Developer Network.

Here's a quick list of his very practical & useful recommendations:

  1. Make Fewer HTTP Requests
  2. Use a Content Delivery Network (CDN) to reduce network hops
  3. Add an Expires Header to make page components cacheable
  4. Gzip page components
  5. Put Stylesheets at the Top
  6. Put Scripts at the Bottom
  7. Avoid CSS Expressions
  8. Make JavaScript and CSS External, especially those which are re-used across pages.
  9. Reduce DNS Lookups by using Keep-Alive and fewer domains
  10. Minify JavaScript with a Compressor.
  11. Avoid Redirects
  12. Remove Duplicate Scripts
  13. Reconfigure or remove ETags
  14. Make Ajax Cacheable
Related links:

Labels: , ,

Tweet this | Google+ it | Share on FB

« Home | Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »

»

Post a Comment