This article is about DotNetNuke pages and one way to speed up the page loading time. I am currently running DotNetNuke version 4.9 on several of my web sites. This speed up tip deals with having at least two modules on a page and at least one of them is a Text/HTML module. I will use an example of a page on my church’s web site, The Rock AG Church, that I created. On this page I have two modules. First is a Text/HTML module and the second module is Simple Gallery by Ventrian Systems which you can find here. Below is a screen shot of these two modules:
After clearing the cache, this page takes approximately 12 seconds to load. You will notice that the top portion, the Text/HTML module, contains one picture and some text about our Executive Pastor. Our next step is to edit the text in the Text/HTML module by first being in page edit mode and then clicking on the down arrow and selecting “Edit Text” from the drop down menu.
This will bring up the Text/HTML editor. I am using Telerik’s radEditor on my sites but other editors are similar. The editor is displayed below:
Next you want to click on the source code button. This is different for other editors but for Telerik’s radEditor the button is the “<>” button at the bottom left of the screen. Once you are in source code the editor will look something like the picture below after highlighting all of the code:
Next highlight all of the code as shown above by pressing CTRL-A or right clicking and click on “Select All” from the right click menu. Next you want to copy the text by pressing CTRL-C or right clicking on the highlighted code and click on “Copy” from the right click menu. Once you have the text copied you can cancel the edit by clicking on the “Cancel” hyperlink at or near the bottom of the page or pressing the “Backspace” button on your keyboard to go back to the previous page.
Next we want to edit the settings of the second module. Click on the drop down arrow for the second module and the drop down menu will display as shown below:
Clicking on the “Settings” menu above will display the settings page for the second module. You will want to click on the “+” sign for the “Advanced Settings” and the advanced settings will be displayed as shown below:
Next you want to paste the code that you copied from the Text/HTML module into the “Header” textbox, or “Footer” textbox depending on your situation. To do this you will click in the textbox area and press CTRL-V for paste or right click in the textbox and select “Paste” from the right click menu. The code will then be pasted in the textbox as shown below:
Next click on the “Update” hyperlink at the bottom of the page and you will be returned to your page but now you will see two identical sections with the text from the Text/HTML module also displaying in the second module, either at the top or bottom of the module, depending on your situation.
Now we want to delete the Text/HTML module. Click on the drop down arrow and click on the “Delete” menu item as shown below:
Now you should only have the one module displayed and it will look similar to the one picture below:
Now, after moving to another page, clearing the cache, and selecting this page again this page now loads in 7 seconds saving 5 seconds on the load time for this page.
I hope that this will give you some ideas as to how increase the loading speed of your DotNetNuke website. Post any comments you have!
Jerry J. Jansen
