10 Website Optimization Tips

11,417 views
12,539 views

Published on

Originally presented at a DNN webinar, "Website Optimization: 10 Tips in 30 Minutes":

http://www.dnnsoftware.com/About/Resources/Webinars/view/webinar/cid/420851

57% of website visitors abandon a site after waiting 3 seconds for a page to load. 80% of those people will NOT return.

How do you optimize the performance of your website? Follow our 10 steps:

1) Optimize your images
2) Optimize HTML
3) Reduce HTTP requests
4) Use text instead of images
5) Minify scripts and CSS
6) Use a Content Delivery Network (CDN)
7) Cache your output
8) Avoid bad requests
9) Enable gzip compression
10) Choose infrastructure wisely

Published in: Technology, Design
2 Comments
7 Likes
Statistics
Notes
  • Another tool you will love to check your website compliance against these best practices is https://www.dareboost.com
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • To do search engine optimization or to hone the website. Certain things have to keep in cognition. It will evaluate your ascertain and website what can be done to help you increase your search engine visibility. http://www.webfire.com/free-training
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
11,417
On SlideShare
0
From Embeds
0
Number of Embeds
6,706
Actions
Shares
0
Downloads
54
Comments
2
Likes
7
Embeds 0
No embeds

No notes for slide

10 Website Optimization Tips

  1. 1. Website Optimization: 10 Tips in 30 Minutes Will Morgenweck VP, Product Management @DNNCorp | @wmorgenweck Tweet with hash tag: #DNN
  2. 2. Why Website Performance Matters? • 57% Abandon a site after waiting 3 seconds for a page to load. • 80% of the people will NOT return • Almost half will tell others about their negative experience. • Amazon: 1% Revenue increase for every 100MS of improvement Source: Strangeloop
  3. 3. 10 Website Optimization Tips in 30 Minutes Speed Up Your Website!
  4. 4. 1) Optimize Your Images • Right size for the job • JPG, PNG, GIF – Choose your extension wisely • Keep images static • Don’t Use HTML Scaling
  5. 5. 2) Optimize HTML • Standards Compliant • Remove whitespace • Simple structures • Browser Compatibility • Mobile Compatibility
  6. 6. 3) Reduce Requests • Image Sprites • Combine CSS files • Combine JavaScript files • Browser Caching
  7. 7. 4) Use Text Instead of Images • Use CSS and HTML • Avoid Images for Headers • Text is always better for SEO • Text will always render faster • Balance good design with great performance
  8. 8. 5) Minify Scripts & CSS • Remove Whitespace • Reduce Duplicate Entries • Remove Unused Code • Compress JavaScript Resources: www.cleancss.com www.cssoptimizer.com www.jscompress.com yui.github.io/yuicompressor
  9. 9. Quick Review • Use the right image for the job • Clean HTML is important • Consolidate your requests • Plain HTML Text is always better than images • Minify CSS and JavaScript
  10. 10. 6) Use a Content Delivery Network • High Availability • High Performance • Static Content • Media Downloads Image Source: Wikipedia
  11. 11. 7) Cache Your Output • Minimize Server Processing • Server Caching for Dynamic Content • Browser Caching for Static Resources • Cache Ajax Requests
  12. 12. 8) Avoid Bad Requests • Check for 404 Errors • Avoid Redirects on Resources • Monitor Server Errors
  13. 13. 9) Enable Gzip Compression • Compresses Content • Requires webserver configuration • Does require extra processing on client • Reduces the overall size of the page request.
  14. 14. 10) Choose Infrastructure Wisely • You get what you pay for • Test the network • For Business, avoid shared hosting • Ask for performance data
  15. 15. Bonus: Tools to Help Measure Performance • Google PageSpeed https://developers.google.com/speed/pagespeed/ • Yahoo YSlow http://developer.yahoo.com/yslow/ • Pingdom http://www.pingdom.com/ • Web Developer Checklist http://webdevchecklist.com/
  16. 16. Questions? Contact me: will.morgenweck@dnnsoftware.com @DNNCorp @wmorgenweck http://dnnsoftware.com

×