Design Infographics

Best Practices for Speeding Up Your Website

By July 7, 2014 August 10th, 2017 No Comments

This infographic helps you understand what you can do to speed up your website.

best practices for speeding up website


1. Content

  • Make fewer HTTP Requests
  • Reduce DNS Lookups
  • Avoid Redirects
  • Make Ajax Cacheable
  • Post Load Components
  • Pre Load Components
  • Reduce the number of DOM Elements
  • Split components across domains
  • Minimize the number of iframes
  • Avoid 404’s

2. Server

  • Use a Content Delivery Network (CDN)
  • Add Expires or Cache Control Header
  • Gzip Components
  • Configure Etags
  • Flush Buffer Early
  • Use GET for Ajax Requests
  • Avoid Empty Image src

3. Cookie

  • Reduce Cookie Size
  • Use Cookie-Free Domains for Components

4. CSS

  • Put Stylesheets at Top
  • Avoid CSS Expressions
  • Choose <link> Over @import
  • Avoid Filters

5. Java Script

  • Put Scripts at the bottom
  • Make JavaScript and CSS External
  • Minify JavaScript and CSS
  • Remove Duplicate Scripts
  • Minimize DOM Access
  • Develop Smart Event Handlers

6. Images

  • Optimize Images
  • Optimize CSS Sprites
  • Do not scale images in HTML
  • Make favicon.ico small and cacheable

7. Mobile

  • Keep components under 25KB
  • Pack components into multipart document


External Resources for further learning in how to speed up your website, please follow this link:

Leave a Reply