View the preflight optimization report to see a list of components by category and to compare the static content’s original size to its optimized size.
On the report screen, you can analyze any rule that has the Open icon displayed next to it.
On the Preflight Optimization screen, click the View report link for the optimized portal with static content data that you want to review.The Usage tab of the report screen lists the components—rules, layouts, controls, actions, and processes—that are used in the application and their corresponding usage counts.
On the Usage tab, expand any component to see the rules that use that component.
Green check marks – A component with a green check mark is used in the application. (A component without a green check mark is not used.)
Asterisks – A component without an asterisk has a UI component definition. Click the Open icon to display the UIComponent Definition screen, which lists the files on which the component depends as well as any associated actions. For each file you can see the application name, file extension, file name, and, where appropriate, the corresponding feature. A component with an asterisk does not have a UI component definition.
To see all components that are available in the system, select the Show all components check box.
On the Rules tab, expand folders in the hierarchical table of rules to drill down and click the Open icon to open the rules or to see the UI component definitions.
On the CSS Formats tab, analyze the total number of CSS formats used by the access group (portal), the original size of the Cascading Style Sheet files, and the optimized size, both as the actual file size and as a percentage of the original file size.The optimization process skips any skin elements that are not used by the application. Specifically, the optimization skips the generation of CSS:
- For all skin elements that are not in the model.
- For any unused formats of skin elements that are in the model.
The optimization process also removes unnecessary CSS files, such as files that are only needed for specific skin elements, for specific controls, for specific formats of specific controls, and so on.
Drill down to see detail for the CSS formats.
- To see the CSS formats that used by a UI component, expand the folder that represents that component.
- To see the specific rules that use a CSS format, expand the folder that represents that format.
- To open a specific rule, click the Open icon for that rule.