Building fast ASP.NET websites

1. Building fast ASP.NET
websites
Maarten Louage
@maartenlouage

2. Maarten Louage
• @maartenlouage
• maarten.louage@macaw.nl
• https://github.com/mlouage

3. I will talk about
• how changing a few IIS settings…
• how changing the layout of HTML, CSS and Javascript…
• applying a few simple C# rules…
…can lead to an increase in performance

4. I will NOT talk about
• numbers, statistics, time to first byte, time to first paint, …
because we all know faster is better

5. My bible

6. Tools
• Chrome Developer Tools
• YSlow
• Google PageSpeed Insights
• Fiddler

7. …and web.config
• compression
• gzip, deflate, SDCH
• caching
• headers
• static content
• dynamic content
• etags
• content delivery network
https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching

8. OutputCache in EPiServer
…but hey I have visitor groups?!

9. This is why we remove etags

10. Content Delivery Network

11. HTML optimizations
• CSS and javascript execution blocks rendering
• put CSS on top and javascript on the bottom
<script>
<script async>
<script defer>

12. • bundling and minification of course!
…no, we have something better now

13. and
• bower for client side packages
• gulp for running javascript tasks

14. Other client side techniques
• image optimization is great for static content
• favicon and apple-touch
• for dynamic content use a scheduled job
https://github.com/Geta/ImageOptimization

15. Questions