I have just setup DNN 5.01.01 within the last few months. I've got a guy helping me that is neither a Microsoft, nor a .NET guy. He had previously setup the same site (PHP based). He analyzed the DNN site I setup, and the results were below. I don't think optimizing these things would really guarantee me a lot of speed improvments... since DNN is probably lagging on DLL / application side. But I'm not enough of a DNN guru to know for sure. Can anyone comment of these "optimizations".
Here is what I see from the analysis- the Home is 266,440
bytes, and has 88 HTTP Requests. Here's the breakdown:
HTML: 1 file 21,665 bytes
HTML Images: 4 files 11,270 bytes
CSS Images: 69 files 95,952 bytes
5 files 100,997 bytes
CSS: 9 files 36,556 bytes
... It would be much better if the page had only 10-20 HTTP requests,
and only 100,000 bytes. The javascript can be compressed to maybe 30
or 40,000 bytes, and maybe reduced to 2 or 3 files.
Now, 69 of those HTTP Requests are CSS Images, totaling 95952 bytes,
and most of those files are the "skin"... If there was a way to use
"CSS sprites" then you can probably reduce this to 5-10 CSS images,
and 30-40,000 bytes.
Also, I noticed some of the CSS images that are loaded are not even
used on the page. It is actually most of the bytes of the CSS images.
Eliminate these and you save 13 HTTP Requests, 66071 bytes (69% of
the bytes of the CSS images).
These 13 CSS image files are:
http://www.stpatsmemphis.org/Portals/0/dnn_large_banner.png
http://www.stpatsmemphis.org/Portals/0/dnn_proedition.png
http://www.stpatsmemphis.org/Portals/0/dnn_adminguide.png
http://www.stpatsmemphis.org/Portals/0/conferences_title.gif
http://www.stpatsmemphis.org/Portals/0/marketplace_title.gif
http://www.stpatsmemphis.org/Portals/0/feeds_title.gif
http://www.stpatsmemphis.org/Portals/0/community_title.gif
http://www.stpatsmemphis.org/Portals/0/training_title.gif
http://www.stpatsmemphis.org/Portals/0/training_icon.gif
http://www.stpatsmemphis.org/Portals/0/community_icon.gif
http://www.stpatsmemphis.org/Portals/0/marketplace_icon.gif
http://www.stpatsmemphis.org/Portals/0/conferences_icon.gif
http://www.stpatsmemphis.org/images/eip_toolbar.gif
There are also 9 CSS files. There should be some way to combine these
into a max of 3 files. Actually, the last 3 CSS files are 79, 74, 73
byes each. When I look at them, the 74 byte CSS file actually has no
useful content, while the 73 byte file just "imports" another CSS file
with the statement:
@import url("css/variations/stylesheetwidget.css");