DNN & Google Page Speed Insights

DNNCon Baltimore
This page of notes, links and additional resources accompanies a presentation given at the 2016 DNN community event
2016 DNNCon Baltimore
 
DNNCon Baltimore
and an updated presentation given at the DNN Summit event in Denver Colorado 2017.
2017 DNNSummit Denver

DNNCon Baltimore
If you would like to see the visual element of the presentation, view the PREZI here DNNCon Baltimore DNN Presentation by Ryan Moore - DNN + Google PageSpeed Insights

Web.Config Resource - Download an example resource config file that can be used to apply several of the items discussed in the session.

DNN & Google PageSpeed Insight

DNNCON Session Introduction

This session will introduce the web.config settings and speed/optimization settings that help get the most speed out of DNN, focusing on Google Page Speed Insights and things you can do to help get a higher score. We will discuss the 4 or 5 main things that Google Page Speed complains about and the steps you can take to (1) enable gzip compression (2) set the header expiration (3) minify/combine JS (4) talk about blocking js and css and concepts on how to work around the issues.

What is Google PageSpeed Insight?

PageSpeed Insights measures the performance of a page for mobile devices and desktop devices. It fetches the url twice, once with a mobile user-agent, and once with a desktop-user agent. It then ranks the performance of each in a PageSpeed Score.

The PageSpeed Score ranges from 0 to 100 points. A higher score is better and a score of 85 or above indicates that the page is performing well.

PageSpeed Insights measures how the page can improve its performance on time to load "above-the-fold" content and time to load the full page. PageSpeed Insights only considers the network-independent aspects of page performance: the server configuration, the HTML structure of a page, and its use of external resources such as images, JavaScript, and CSS.


Session Links & Resources

The Following list of links and resources are intended to support the presentation and can be used as further reading and suggestions on the topic. Even the WordPress related articles have good tips and suggestions about the approach of ignoring of related PageSpeed items.

Introductions & First Thoughts

Google Page Speed Insights Introduction
https://developers.google.com/speed/docs/insights/about

Google Page Speed Insights FAQ
https://developers.google.com/speed/docs/insights/faq

Wikipidia Overview of the Google PageSpeed tools
https://en.wikipedia.org/wiki/Google_PageSpeed_Tools#PageSpeed_Service

What is PageSpeed Insight? A brief intro...
http://imtoolsclub.com/pagespeed-insight-google/

And a few more introduction/overviews of PageSpeed Insights
http://marketblog.envato.com/learn-something-new/google-pagespeed-insights/
http://insige.com/blog/google-pagespeed-insights/

---------------------------------------------------------------

Reflections

Why you shouldn't care about Google Page Speed Insights
http://blog.wp-rocket.me/the-truth-about-google-pagespeed-insights/

Why Trying to Get 95+ on Google PageSpeed Insights for Your WordPress Site Will Drive You Mad!
https://premium.wpmudev.org/blog/why-trying-to-get-95-on-google-pagespeed-insights-will-drive-you-mad/

---------------------------------------------------------------

Tackling PageSpeed Insight Items Within ASP.NET/IIS

PageSpeed Insights with ASP NET MVC, C# and IIS7
http://carlosmartinezt.com/2014/02/google-pagespeed-insights-c-mvc-project/

Optimising your .NET site for Google PageSpeed Insights
http://www.wiliam.com.au/wiliam-blog/optimising-your-net-site-for-google-pagespeed-insights

---------------------------------------------------------------

Ironic Unintended Consequences

How using Google Fonts can hurt the Page Speed Insight score, method for calling async method
http://dan.hersam.com/2015/01/14/google-fonts-hurting-pagespeed-score/

Google Analytics vs. Google Page Speed (How the GA JS reference can drop a point on the PageSpeed score!)
http://madskristensen.net/post/google-analytics-vs-google-page-speed

---------------------------------------------------------------

The Issues With Render Blocking Scripts

Introduction to ASYNC loading of JS and CSS
https://www.jtechcommunications.com/news-async-avoid-renderblocking


CSS render blocking articles
https://css-tricks.com/thinking-async/
https://css-tricks.com/authoring-critical-fold-css/
http://keithclark.co.uk/articles/loading-css-without-blocking-render/

js render blocking articles
https://varvy.com/pagespeed/prioritize-visible-content.html
https://varvy.com/pagespeed/defer-loading-javascript.html

FOUT - Flash of Unstyle Text
http://www.paulirish.com/2009/fighting-the-font-face-fout/