Creating Page Speed profiles
Page Speed provides a technology solution to speed up web application response and optimize web pages and resources in real time.
As a module on FortiADC device, Page Speed is simple to deploy and does not require any integration into Web application servers or any client installation on end-user devices. With the Page Speed feature, you can select the approach(es) to make your web site faster and more user-friendly.
A Page Speed profile specifies the option(s) for optimizing the delivery of web applications. To take full advantage of the benefits that Page Speed offers, you must first create your own Page Speed profiles and then select the application optimization option(s) to add to them. Once you have your own Page Speed profiles created, you can simply select them to include in any Page Speed configurations you create.
FortiADC offers options for optimizing the delivery of the following web content:
- HTML
- CSS
- Image
To create a Page Speed profile:
- Go to Server Load Balance > Application Optimization.
- Click the Page Speed Profile tab.
- Make the entries or selections as described in Application optimization parameters.
- Click Save when done.
| Parameter | Description |
|---|---|
| HTML |
Disable (default) or enable HTML optimization. If enabled, you must also select a specific option(s) below. Note: FortiADC supports optimization of compressed HTML files. |
| Move CSS to Head |
If selected, FortiADC will move CSS elements above script tags. Note: This ensures that the CSS styes are parsed in the head of the HTML page before any body elements are introduced,. In so doing, it can effectively reduce the number of times web browsers have to re-flow HTML documents. |
| CSS |
Disable (default)/enable CSS optimization. Note: If enabled, you must also select the specific option(s) below. |
| Combine CSS |
If selected, FortiADC will combine multiple CSS elements into one. Note: This option replaces multiple CSS files with a combined CSS file that contains the contents of all individual CSS files. As a result, it can reduce the number of HTTP/HTTPS requests web browsers make during page refresh. This is particularly beneficial to older browsers that can handle only up to two connections per domain. Not only can this reduce the overhead for HTTP/HTTPS headers and communications warm-up, but also work well with TCP/IP slow-start because it increases the effective payload bit rate through a browser's network connection. |
| Maxi Combine CSS Byte |
Specify the maximum number of CSS bytes that can be combined. The default is 4,096. Note: Valid values range from 1 to 10,240. |
| Image |
Disable (default)/enable image optimization. Note: If enabled, you must also select the specific option(s) below. |
| Resize Image |
Disabled by default. If enabled, this will reduce the dimension of an image to the Note:
|
| JPEG Sampling |
Disabled by default.When enabled, it will apply 4:2:0 chroma subsampling to .jpg images, in which hue and saturation have only 25% as many samples as brightness. Because the human eye is less sensitive to hue and saturation than to brightness, this subsampling technique can greatly reduce image size with no noticeable effect on perception |