10 Website Optimization Tips

on

  • 3,551 views

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

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

Statistics

Views

Total Views
3,551
Views on SlideShare
2,223
Embed Views
1,328

Actions

Likes
6
Downloads
30
Comments
0

4 Embeds 1,328

http://www.dnnsoftware.com 1308
https://twitter.com 13
http://plus.url.google.com 6
http://webcache.googleusercontent.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

10 Website Optimization Tips 10 Website Optimization Tips Presentation Transcript

  • Website Optimization: 10 Tips in 30 Minutes Will Morgenweck VP, Product Management @DNNCorp | @wmorgenweck Tweet with hash tag: #DNN
  • 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
  • 10 Website Optimization Tips in 30 Minutes Speed Up Your Website!
  • 1) Optimize Your Images • Right size for the job • JPG, PNG, GIF – Choose your extension wisely • Keep images static • Don’t Use HTML Scaling
  • 2) Optimize HTML • Standards Compliant • Remove whitespace • Simple structures • Browser Compatibility • Mobile Compatibility
  • 3) Reduce Requests • Image Sprites • Combine CSS files • Combine JavaScript files • Browser Caching
  • 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
  • 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
  • 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
  • 6) Use a Content Delivery Network • High Availability • High Performance • Static Content • Media Downloads Image Source: Wikipedia
  • 7) Cache Your Output • Minimize Server Processing • Server Caching for Dynamic Content • Browser Caching for Static Resources • Cache Ajax Requests
  • 8) Avoid Bad Requests • Check for 404 Errors • Avoid Redirects on Resources • Monitor Server Errors
  • 9) Enable Gzip Compression • Compresses Content • Requires webserver configuration • Does require extra processing on client • Reduces the overall size of the page request.
  • 10) Choose Infrastructure Wisely • You get what you pay for • Test the network • For Business, avoid shared hosting • Ask for performance data
  • 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/
  • Questions? Contact me: will.morgenweck@dnnsoftware.com @DNNCorp @wmorgenweck http://dnnsoftware.com