Talk:Web performance optimization/Draft

Web performance optimization, WPO, or website optimization is a relatively recent and upcoming field in Web analytics similar to that of SEO with one major difference in approach: whereas SEO focuses on optimizing content for search engines, WPO emphasizes on optimizing the website’s structure as a whole to decrease loading time and deliver a better end-user experience which can lead to increases in better organic search engine listings and greater user loyalty. WPO is term coined by Steve Souders, a leader in the field.

History

Steve Souders started talking about the importance of high performance websites in 2004, which lead him to launching a new industry, web performance optimization. Souders stressed several points about what this emerging industry will bring to the web. Some of them include: websites being fast by default, consolidation, web standards for performance, environmental impacts of optimization, and speed as a differentiator.

WPO was focused on code and hardware limitations in the earlier years of the Internet. According to Patrick Killelea’s book: “Web Performance Tuning”, some of the techniques proposed were to use simple servlets or CGI, increase server memory, and look for packet loss and retransmission.

Although these principles now comprise much the optimized foundation of our internet applications, one could argue that the focus was not so much on how to improve the front-end experience but on how to transfer the data from the server to the user.

One major point that Souders makes is that at least 80 percent of the time that it takes to download/view a website is controlled by the 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

There are a plethora of steps or suggestions according to multiple sources that web developers can take to increase WPO. Some of these sources are:

• Steve Souders, who is considered by many to be the pioneer in the field , mentions 28 steps for WPO, varying from greatest gains to smallest in his books first two books on the subject (High Performance Websites and Even Faster Websites). He has also created a plugin (YSlow) and heads the initiative for Google’s PageSpeed Insights.
• Yahoo! has a list of 35 best practices divided into 7 categories
• Google has launched a developers initiative to empower web developers with tools and best practices on making the web faster. There is a section solely devoted on articles about WPO. There is even a service where Google will do the optimizing automagically.

Regardless of the approach or set of tools, it is important to realize that optimization gains come in three levels: High, Medium, Low. These levels also correspond to the amount of time it takes to leverage these changes, the highest of which should take the least amount of time and therefore yield the most in optimization gains. The steps you implement should be reflected on what the most gains in optimization you want to achieve. These practices can enhance the user experience, and make Web apps better

Purpose/Benefits

• WPO is an organic way to increase visit retention and loyalty.

• In Google's Webmaster Guidelines, they say to, "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."

• Less data traveling across the web.

• Better for mobile devices.

• WPO creates a more efficient web - lowering costs, power consumption, resources used, and helps decrease the environmental impact of the web. (cite 1)

Projects that utilize WPO

• HTML5BoilerPlate.com (https://github.com/h5bp/html5-boilerplate/blob/v4.0.1/doc/htaccess.md)