• Like

10 Website Optimization Tips

  • 3,944 views
Uploaded on

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

More in: Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
3,944
On Slideshare
0
From Embeds
0
Number of Embeds
6

Actions

Shares
Downloads
32
Comments
0
Likes
6

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Website Optimization: 10 Tips in 30 Minutes Will Morgenweck VP, Product Management @DNNCorp | @wmorgenweck Tweet with hash tag: #DNN
  • 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. 10 Website Optimization Tips in 30 Minutes Speed Up Your Website!
  • 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. 2) Optimize HTML • Standards Compliant • Remove whitespace • Simple structures • Browser Compatibility • Mobile Compatibility
  • 6. 3) Reduce Requests • Image Sprites • Combine CSS files • Combine JavaScript files • Browser Caching
  • 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. 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. 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. 6) Use a Content Delivery Network • High Availability • High Performance • Static Content • Media Downloads Image Source: Wikipedia
  • 11. 7) Cache Your Output • Minimize Server Processing • Server Caching for Dynamic Content • Browser Caching for Static Resources • Cache Ajax Requests
  • 12. 8) Avoid Bad Requests • Check for 404 Errors • Avoid Redirects on Resources • Monitor Server Errors
  • 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. 10) Choose Infrastructure Wisely • You get what you pay for • Test the network • For Business, avoid shared hosting • Ask for performance data
  • 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. Questions? Contact me: will.morgenweck@dnnsoftware.com @DNNCorp @wmorgenweck http://dnnsoftware.com