Top Tips For Performance Tuning for Your DNN Website

Running a DotNetNuke (DNN) Website? Here are your tips for performance tuning your DNN website for customers and search engines.

To say that your website performance is important is a pretty big understatement.

Today, website users are more demanding and less patient that ever. If pages don’t stack rapidly, chances are — you’ll lose them. Once site visitors leave a site that was lacking, rarely do they ever come back.

Search engines take site performance seriously as well. Google takes into consideration site speed, bounce rate, dwell time, mobile friendliness and much more for search rankings.

This leaves business owners with a pretty big consideration when choosing their website operating system. For those of you who have chosen a DNN website, this post is going to cover performance tuning that site.

Background:

DotNetNuke (DNN Evoq) is an open-source CMS framework, like WordPress, Drupal, or Joomla. This implies the code is open for any website developer to develop, improve, and adjust.

Why Developers Choose DNN

DNN development is completely adjustable and the framework is continually being developed, which makes it flawlessly fit just about every business or association’s one of a kind needs. Basic, creative features like Modules (additional items) and Skins (design layouts) complete the user friendly package. DotNetNuke (DNN Evoq) provides the functionality and speed to help with a variety of objectives and alternatives.

All that to be said, let’s dive into performance tuning your DNN site to take it to that next level.

Top tips for performance tuning for your DNN website

1. Optimize the images

While it should be obvious that larger images bring about longer loading times (since your program is pulling down more information) — this continues to be a huge issue.

Pick the correct size for the job:

I’m not going to lie, this has become exponentially harder with so many different browsers, display resolutions and responsiveness in web design. In short, there is no upload one perfect size and your done. Ultimately, you need to be serving up the best aspect ratio for the specific users browsing and display preference.

One of the coolest image formats is the SVG…

SVGs let us forget about screen resolution issues, because browsers automatically scale up SVGs for retina devices and responsive layouts, so that a 500×250 pixel SVG image will render crisply on both standard and retina devices.

Unfortunately, most images are raster images; which means they’re defined by their pixel size.

This means you’re going to need to serve up several versions of the same image. Don’t worry, it’s not as bad as it sounds, click here for a great guide on optimizing your images.

2. Optimize the HTML

Try not to copy or paste from different applications, for example, word processors. They can bring about various complex HTML which will in turn slows down the load time on your webpage. Likewise, utilize basic (not nested) structures in your HTML and stay benchmarks agreeable, as programs will have the option to parse your page more proficiently. At long last, realize that whitespace is useful for readability (for people), however add to the general size (in bytes) of your page.

3. Reduce the requests of HTTP

When creating or even customizing website files javascript, js, css and other website calls can quickly get out of hand. Well optimized websites keep these files clean and consolidated to minimize requests. Combine those documents into a small set when your page goes live and you can decrease the number of HTTP requests to your web servers. Javascript documents can be joined also. Moreover, investigate image sprites, which enable you to join a few images into one. From that point, you can utilize CSS to manage which segment of the joined image gets rendered.

4. Use the text rather than images

For good performance you need to balance good design with good implementation. A great example of this is the use of text in images. Often times designers are able to create cool text effects embedded directly into images. Unfortunately, live text renders a lot quicker than text in pictures. For user experience and search engines combining html text with minimized images is the most viable for SEO. Continuously use text (versus pictures) for headers.

5. Minimize the CSS and scripts

If it’s not completely required, it shouldn’t be there: evacuate whitespace, reduce the copy entries and expel unused code.

Some free resources that can help:
• YUI Compressor: The Yahoo! JavaScript and CSS Compressor
• JSCompress: Online Javascript Compression Tool
• CleanCSS: CSS Formatter and Optimiser

6. Do use a content delivery network (CDN)

Content Delivery Networks (CDN) can be powerful for presenting static content, including pictures, file downloads, and multimedia. They are focused on providing superior performance and high availability Their distributed nature implies that content is being presented “closer” to the end client.

7. Cache the output

This might be a marginally further developed topic, yet you can optimize the performance by performing reserving at both the server-side and browser (client) side. Server-side caching limits the quantity of questions you make to the database server, while browser caching can diminish HTTP payload and requests.

8. Avoid the bad requests

Check out the HTTP 404 errors (“Page Not Found”) and stay away from re directs on resources. Likewise, screen server errors and work with the developers to address the repeated errors.

9. Enable the GZip compression

Use gzip compression to diminish the size of page content. The subsequent page content can be transmitted quicker, however this requires extra processing power on the customer (program) side.

10. Go with the infrastructure wisely

Regardless of whether you’re hosting your site “on premise,” with a hosting provider or with a cloud supplier, you’ll get what you pay for. In case you’re running a creation quality site (for example blackouts can influence your business or association), and try to avoid shared hosting. Rather, guarantee that the hosting infrastructure is devoted to your site.

Sometimes, choosing the right hosting agency right from the start can help eliminate many of these issues. For example LiquidWeb is a fully managed VPS hosting company that includes; CloudFlare CDN and other performance enhancing features.

Good luck with your DNN website and leave your optimization tips in the comments below.