Downloaded 28 times
Uploaded byChris Love
Web Front End Performance
This document discusses various front-end performance tips for ASP.NET web applications, including minimizing HTTP requests, using a content delivery network, adding expiration headers, compressing content, optimizing stylesheet and script placement, avoiding redirects, caching AJAX requests, and minifying JavaScript. It provides details on tools like FireBug and YSlow for testing front-end performance, and how to implement many of the recommendations in ASP.NET.
More Related Content
![[jqconatx] Adaptive Images for Responsive Web Design](https://cdn.slidesharecdn.com/ss_thumbnails/adaptive-imagesv14-130911193737-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to Web Front End Performance
Web Front End Performance
- 1. ASP.NET Performance TipsGettingThingsRight on the ClientChris Lovehttp://ProfessionalASPNET.comCopyright Extreme Web Works - http://ProfessionalASPNET.com
- 2. ASP.NET Performance Tipson the Server IASP.NET Performance Tips on the Server IIASP.NET Performance Tips on the Client-SideCopyright Extreme Web Works - http://ProfessionalASPNET.com
- 3. High Performance WebSitesEssential Knowledge for Front-End EngineersSteve Soudershttp://amzn.to/gwf9pGhttp://amzn.to/gudayQhttp://developer.yahoo.com/performance/rules.htmlCopyright Extreme Web Works - http://ProfessionalASPNET.com
- 4. Front-End Performance ToolsFireBugand YSlow
- 5.
- 6.
- 7.
- 8.
- 9.
- 10. http://projects.nikhilk.net/Projects/WebDevHelper.aspxCopyright Extreme WebWorks - http://ProfessionalASPNET.com
- 11. Front-End Performance RulesMakeFewer HTTP RequestsUse a Content Delivery NetworkAdd an Expires Header *Compress Content *StyleeSheets On Top *Scripts at Bottom *Avoid CSS ExpressionsMake JavaScript and CSS External *Reduce DNS LookupsMinify JavaScript *Avoid Redirects *Remove Duplicate Scripts *Configure EtagsMake AJAX Cacheable *Copyright Extreme Web Works - http://ProfessionalASPNET.com
- 12. Make Fewer HTTPRequestsEach Request Adds More Overhead
- 13. Avoid Slicing Imagesthat are not Reused
- 14.
- 15.
- 16.
- 17. Combine Scripts andCSSCopyright Extreme Web Works - http://ProfessionalASPNET.com
- 18. Use a ContentDelivery Network
- 19.
Editor's Notes
- #9 Entity Tags (ETags) are commonly used in Web applications to effectively leverage the power of using web farms, which is a non-fancy term for HTTP/S load balancing. In web farms, a common practice is to set what is called ETags as it helps enhance performance in web farm scenarios. ETags is controlled in IIS by a metabase property (ETAG_CHANGENUMBER) and this value is sent back to clients via response headers as instructed by the HTTP RFC 2616.