How to deploy the Image Optimization template

Image Optimization includes configurations for enhancing image loading and caching based on file extension. These configurations use advanced cache key rules that are applied through Rules Engine for Applications.

You must link your origin with the template to start using this set of cache rules for delivery. After the deployment, the script creates a new application that runs on Azion’s Edge Computing Platform, with which you can manage and adjust the settings.

The file extensions that can be enhanced with these configurations are .jpg, .jpeg, .bmp, .ico, .gif, .png.

Requirements

• This template uses Application Accelerator and Functions, and it may generate usage-related costs. Check the pricing page for more information.

Deploying the template

You can obtain and configure your template through the Azion Console. To easily deploy it at the edge, click the button below.

Setting up the template

In the configuration form, you must provide the information to configure your application. Fill in the presented fields.

Fields identified with an asterisk are mandatory.

• Application Name *: the name of your application on Azion.
  • Use a unique and easy-to-remember name. If the name has already been used, the platform returns an error message.
• Origin Address *: the address of the hosted origin the application should fetch the original content from.
  • Example: www.yourwebsite.com
• Custom Host Header: in some cases, it may be necessary to add host information in the header request to retrieve information from the origin. This variable is used for that purpose.
  • Example: ${host}. Read more about the host header and how to customize it on the Origins documentation.
• Image file extensions to cache *: the file extensions for the rules, separated by a comma. You can add as many variables as you need, based on the example.
  • Example: jpg,jpeg,bmp,ico,gif,png
• CDN Static Maximum TTL *: a maximum TTL (time-to-live), in seconds, for cached content to be delivered.
  • Accepts values from 0 to 31536000. Default value: 31536000
• Browser Image Maximum TTL *: a maximum TTL (time-to-live), in seconds, for cached content in the browser.
  • Accepts values from 0 to 31536000. Default value: 0

After completing all the information, click the Deploy button, located in the bottom-right corner. This will start the deployment process.

During the deployment, you’ll be able to follow the process through a window showing the logs. When it’s complete, the page shows information about the application and some options to continue your journey.

Now, you can you can manage and adjust the settings through this new Azion application.

Managing the template

Considering that this initial setup may not be optimal for your specific application, all settings can be customized any time you need by using Azion Console.

To manage and edit your application’s settings, proceed as follows:

1. Access Azion Console.
2. On the upper-left corner, select Products menu > Applications.

• You’ll be redirected to the Applications page. It lists all the applications you’ve created.

3. Find the application related to the Image Optimization template and select it.

• The list is organized alphabetically. You can also use the search bar located in the upper-left corner of the list; currently, it filters only by Application Name.

After selecting the application you’ll work on, you’ll be directed to a page containing all the settings you can configure.

Learn how to deploy the Image Optimization template. Watch the video below: