Your SlideShare is downloading. ×
0
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Need for Speed: Website Edition – Website Optimization Tools and Techniques Presentation

877

Published on

It requires 50% more concentration when using badly performing website. Make it easier for your users, not harder… …

It requires 50% more concentration when using badly performing website. Make it easier for your users, not harder…

A faster website can help your website in many ways. The faster the website, the lower the bounce rate and the higher the conversions. This mean higher sales, ad revenue and ultimately money.

Here are 10 ways you can speed up your website:

Hosting Provider – Who is hosting your website and how are they hosting it?

Utilize Caching – Page Cache, Database Cache, Object Cache, Browser Cache, Reverse Proxy

Combine CSS and JS files – Load JS in the footer whenever possible

Use a CDN -A Content Delivery Network (CDN) will ‘put a rocket behind your static content’

Reduce and Optimize Images – Use CSS3 whenever and wherever possible, save images for web

Use Compression – Save bandwidth and speed up your website

Use Sprites – Load JS in the footer whenever possible

Monitor Your Website – CPU usage, Physical Memory, Average Load, Disk I/O utilization, Network I/O

Optimize your Database Regularly – Optimizing database tables regularly will help improve website performance

Mobile and Tablet Optimization – Use CSS3 Media Queries, JS and service-side technology to speed up devices

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
877
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
16
Comments
0
Likes
0
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. Need for Speed: Website EditionPresented by Devin Walker
  • 2. About Me - @wordimpress ● WordPress-focused Developer ● Enjoy Web Design, Blogging and Golfv ● http://imdev.in ● http://wordimpress.com ● http://soundpress.com
  • 3. Website Optimization - What does this mean?
  • 4. How Fast is your website?
  • 5. Why is Website Performance Important?
  • 6. It requires 50% more concentration whenusing badly performing websiteshttp://goo.gl/nDIQj
  • 7. The Faster the Website, the Lower theBounce Rate and the Higher theConversions (more leads, sales... money)
  • 8. Milliseconds are Money● Google: 500ms slower = 20% drop in traffic● Amazon: 100ms slower = 1% drop in sales● Facebook: 500ms slower = 3% traffic drop http://www.carbon60.com/milliseconds-are-money-how-much-performance-matters-in-the-cloud/ http://www.guypo.com/business/17-statistics-to-sell-web-performance-optimization/
  • 9. Decrease costs, improve visitor satisfaction
  • 10. Matt CuttsHead of Google Web Spam
  • 11. "Google is incorporating site speed as one of the over 200 signals that we use in determining search rankings" - Matt Cutts http://www.mattcutts.com/blog/site-speed/
  • 12. A faster website can improve your search engine visibility
  • 13. How to Gauge a Websites Speed
  • 14. The 3-second Rule
  • 15. Google Webmaster Tools
  • 16. Webpage Test - http://webpagetest.org
  • 17. Webpage Test - http://webpagetest.org ● Detailed Speed Report ● Nice A-F Grading System ● Ability to Change Browser and Location of Server
  • 18. Pingdom Tools - http://tools.pingdom.com/fpt/
  • 19. Pingdom Tools - http://tools.pingdom.com/fpt/ ● Detailed test history ● Default tests are public* ● Commercial company ● No ability to change browser and only 3-locations
  • 20. Google Analytics - http://www.google.com/analytics/
  • 21. Google Analytics - http://www.google.com/analytics/ ● Measure across entire site ● Content: which pages are slowest? ● Traffic Sources: which campaign corresponds to faster page loads? ● Geographies: where in the world is my site slowest/fastest? ● Technology: how fast does my site load in different browsers?
  • 22. Additional Tools ● Google Page Speed Tools https://developers.google.com/speed/pagespeed/ ● YSlow (Yahoo) http://developer.yahoo.com/yslow/ ● Which Loads Faster? http://whichloadsfaster.com/ ● ShowSlow http://www.showslow.com/
  • 23. How to Improve Website Speed
  • 24. #1 Hosting ProviderWho is hosting your website and how are they hosting it?
  • 25. #2 Utilize CachingPage Cache, Database Cache, Object Cache, Browser Cache, Reverse Proxy
  • 26. #3 Combine CSS and JS filesLoad JS in the footer whenever possible
  • 27. #4 Use a CDNA Content Delivery Network (CDN) will put a rocket behind your static content
  • 28. #5 Reduce and Optimize Images Use CSS3 whenever and wherever possible, save images for webhttp://tinypng.com http://kraken.io/ http://www.smushit.com/ysmush.it/
  • 29. #6 Use Compression Save bandwidth and speed up your websitehttps://developers.google.com/speed/articles/use-compression
  • 30. #7 Use SpritesOne image, fewer HTTP-Requests and faster image loading
  • 31. #8 Monitor Your WebsiteIt is always good to know how well your server is performing
  • 32. #9 Optimize your Database RegularlyOptimizing database tables regularly will help improve website performance
  • 33. #10 Mobile and Tablet OptimizationUse CSS3 Media Queries, JS and server-side technology to speed up devices
  • 34. More Ways to Make Websites FasterOptimization is addictive; after one boost in speed, youll want more... ● Redirects are expensive; reduce them ● Use a fast DNS web service ● Responsive image replacement ● Minimize CSS bloat ● Optimize server-side code and intensive database queries https://developers.google.com/speed/articles/
  • 35. Optimization for WordPressWordPress-specific tips to make your website faster ● Deactivate and delete unused plugins (and themes) ● Use the Latest Version of WordPress ● Delete post revisions (and deactivate) ● Delete Spam Comments http://yoast.com/40-wordpress-optimisation-tips/
  • 36. Website Optimization is like Losing Weight
  • 37. v Thank You! Questions? This presentation is available at: http://goo.gl/4jhy0

×