Some of our more complex component will render out sub-parts of themselves with ids derived from the component's clientId, usually with a suffix appended. These suffixes can be needlessly verbose, making the server and browser DOMs unnecessarily large, and slowing network transmission and parsing times.

For example, take <ice:selectInputDate>, whose Renderer uses the following suffixes:

    private static final String CALENDAR_TABLE = "_calendarTable";
    private static final String CALENDAR_BUTTON = "_calendarButton";
    private static final String CALENDAR_POPUP = "_calendarPopup";
    private static final String HIDDEN_FIELD_NAME = "showPopup";
    private static final String DATE_SELECTED = "dateSelected";

    private static final String SELECT_MONTH = "_selMo";
    private static final String SELECT_YEAR = "_selYr";
    private static final String PREV_MONTH = "_prevmo";
    private static final String NEXT_MONTH = "_nextmo";
    private static final String PREV_YEAR = "_prevyr";
    private static final String NEXT_YEAR = "_nextyr";

    private static final String CALENDAR = "_calendar";
    private static final String CALENDAR_CLICK = "_calendarClick";
    private static final String ROOT_DIV = "_rootDiv";

These suffixes are nicely descriptive, but could be easily shortened. All component should be examined for possible optimisation. Care should be taken to not break Javascript which might rely on these suffixes.