Building fast ASP.NET websites

Maarten Louage@maartenlouage

Maarten Louage

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

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

I will NOT talk about

• numbers, statistics, time to first byte, time to first paint, …

because we all know faster is better

My bible

Tools

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

…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

OutputCache in EPiServer

…but hey I have visitor groups?!

Code.cs

This is why we remove etags

Content Delivery Network

HTML optimizations

• CSS and javascript execution blocks rendering• put CSS on top and javascript on the bottom

<script>

<script async>

<script defer>

• bundling and minification of course!

…no, we have something better now

and

• bower for client side packages• gulp for running javascript tasks

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

Questions