Minifying Resource Files

Overview

Minification is an optimization method that reduces load times and bandwidth usage on websites by removing unnecessary codes without losing functionality.

You can speed up page downloads in two steps:

  • Minify the resources (CSS and JavaScript files) to reduce their sizes.
  • Combine the resources into composite files to reduce the number of file requests that the browser makes.

This article provides the steps to minify resource files in your system. 

 

Prerequisites

  • You need a host/superuser account to be able to perform the steps outlined in this article. Hosts have full permissions to all sites in the DNN instance.
  • Environments: Evoq Content and Evoq Engage

 


 

Solution

  1. Go to Persona Bar > Settings > Servers.

    Screen_Shot_2019-10-15_at_3.18.33_PM.png

  2. Go to Server Settings > Performance.

    Server Settings > Performance

  3. Configure Client Resource Management.

    Screen_Shot_2019-10-15_at_2.57.08_PM.png

    1. Choose the scope of the settings. 
      • Global: Applies the Client Resource Management settings to all sites in the installation.

      • <The name of the current site>: Applies the Client Resource Management settings only to the current site.

    2. Set Enable Composite Files to On.

    3. Set Minify CSS and Minify JS to On.

    4. Click Save.

      Note: You must save the settings to force the creation of a new composite file before incrementing the version number.

    5. Click Increment Version.

  4. Click Confirm.

 

Testing

You can test that composite files have been enabled by:

  1. Pressing F12 to open Developer Tools in Chrome
  2. Click Application
  3. Expand Frames and the Scripts dropdown
  4. You can see that the scripts have been minified into separate files.

2020-06-18_1653.png

 

Comments

0 comments

Please sign in to leave a comment.