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 Preflight Optimization screen, click the
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.
tab, expand any component to see the rules that use
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.
- Optional: 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.
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
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.
- Optional: 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.
tab, review the total number of
saved), and explore dependencies to determine which files you can remove without affecting
your application’s functionality.
that were optimized, listed in dependency order; the original size; and the optimized size