Your SlideShare is downloading. ×
0

10 Website Optimization Tips

5,903

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
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
5,903
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
39
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×