<head> <script type="text/javascript" src='https://www.google.com/recaptcha/api.js'></script> </head>
  • Enter Your Name
  • Enter Your Email
  • Enter Your Phone
  • Enter Your Message
  • Enter Your Phone


Phone : +1-631-897-7276 | Email : [email protected]
DNN Best Practices To Improve Site Performance At Frontend
01 October 2014

DNN Best Practices To Improve Site Performance At Frontend


If done the right way, you can have your DNN website perform extremely well. Well, the main contributors of a slow performing website are the underlying hardware, or the core software. Once those are tweaked to give an optimum performance, one can be rest assured of the website performance. The frontend of the website is one another contributor when it comes to optimizing the load time of your DNN site. Here too, just a few tweaks here and there and a few things to remember while you design the frontend of your DNN website.

Layout Optimization Is Required

Instead of using tables, it is always recommended that you use CSS or XHTML for the layout design. Performance is one of the chief benefits of using CSS and XHTML. Well, Cascading Style Sheets (CSS) separate the content and the presentation effectively, hence improving performance while loading the website. The HTML can efficiently render the website by having lesser work to do and CSS can work in the background to load all the presentation elements. Understand that, if there is more HTMl on your site, the browser takes longer to load the content.

Make sure that you use smart CSS techniques

Organizing the CSS you use intelligently is the key to improving performance. Reuse CSS selectors wherever you see appropriate. By doing this, you can use the same piece of code at other places and you will not need to re-write any of your markup or CSS script. CSS rules need not be written again and again and the file size is reduced. Well, CSS shorthand could be a good idea too.

CSS Sprite could be a great option

One of the popular techniques used all over the world is the CSS Sprite. It is based on an idea that all images and files can be combined into one large file. CSS can be used to position it across the site. This techniques however requires careful planning and changes in future need to be accommodated for.

Reduce HTTP Requests will definitely help

DNN designing does load a lot of CSS and Javascript files. This generally causes performance issues. Use one minified version of the Javascript file and a mentioned earlier, you can use one combined CSS file provides the appropriate styling for your DNN website. By reducing the number of files that a browser needs to download while loading, your website speed will increase and hence the over all performance of the website.

These were some of the frontend techniques to improve your DNN website performance. So, if you have already tweaked the website backend infrastructure and the underlying software, make these changes (mostly during the design phases) – remember these points to create fast loading DNN website designs.


You need to login in order to comment