Jump to content

Talk:Web performance optimization/Draft

Page contents not supported in other languages.
From Wikipedia, the free encyclopedia
< Talk:Web performance optimization
This is an old revision of this page, as edited by Prietoguy (talk | contribs) at 04:31, 2 December 2012 (Rudimentary Outline). The present address (URL) is a permanent link to this revision, which may differ significantly from the current revision.

Web performance optimization, WPO, or website optimization is a relatively new field similar to that of SEO with one major difference in approach: whereas SEO focuses on optimizing content WPO emphasizes optimizations in front-end loading speed to deliver a better experience all around.

History

Back-End Approach

  • How it was done in the good old days.

Front-End Approach

  • How it is done now and why it is infinitely better.
  • Introduce Steve Souders
One major point that Steve makes is that at least 80 percent of the time that it takes to download/view a website is controlled by front-end structure. Web developers are strictly responsible for that 80 percent lag, and can decrease it by becoming more aware about how the HyperText Transfer Protocol (HTTP) works.

Best Practices

  • List Steve's 14/28 steps
  1. Minimized HTTP Requests
  2. Use a Content Delivery Network
  3. Use an Expires Header
  4. Gzip Components
  5. Put Stylesheets at the Top
  6. Put Scripts at the Bottom
  7. Avoid CSS Expressions
  8. Make JavaScript and CSS External
  9. Reduce DNS Lookups
  10. Minify JavaScript
  11. Avoid Redirects
  12. Remove Duplicate Scripts
  13. Configure ETags
  14. Make AJAX Cacheable
  15. Understanding AJAX Performance
  16. Creating Responsive Web Applications
  17. Splitting the Initial Payload
  18. Loading Scripts Without Blocking
  19. Coupling Asynchronous Scripts
  20. Positioning Inline Scripts
  21. Writing Efficient JavaScript
  22. Scaling with Comet
  23. Going Beyond Gzipping
  24. Optimizing Images
  25. Sharding Dominant Domains
  26. Flushing the Document Early
  27. Using Iframes Sparingly
  28. Simplifying CSS Selectors
  • These practices can enhance the user experience, and make Web apps better[1]

Purpose/Benefits

  • Organic way to increase visit retention and loyalty.
Google said "Monitor your site's performance and optimize load times. Google's goal is to provide users with the most relevant results and a great user experience. Fast sites increase user satisfaction and improve the overall quality of the web (especially for those users with slow Internet connections), and we hope that as webmasters improve their sites, the overall speed of the web will improve." [2]
  • Better search ranking according to Google (citation needed)
  • Less data traveling across the web
  • Better for mobile devices
  • More efficient and cost savings
Disclaimer: Not all websites can implement or even need the above listed points. The author provides them in order of most important to least important in regards to performance increases.

Projects that utilize WPO

References

  1. ^ "Best practices for building faster Web apps with HTML5".
  2. ^ "Webmaster Guidelines". Retrieved 2 December 2012.
Stub icon

This computing article is a stub. You can help Wikipedia by expanding it.

Retrieved from "https://en.wikipedia.org/w/index.php?title=Talk:Web_performance_optimization/Draft&oldid=525967331"