Consider optimizing performance

[sorvell]

Since users often create many instances of this element, it will especially benefit from performance optimization. Consider lazily creating optional or user initiated functionality (e.g. paper-ripple), leveraging behaviors over composition (e.g. paper-material), streamlining styling, and eliminating or simplifying features (e.g. behaviors)

[ebidel]

Here are two immediate wins:

• <paper-ripple> should be under a <template is="dom-if" if="{{!noink}}"> (or lazy rendered) so it's only created when necessary
• <paper-material> should only be created if raised is true.

[sorvell]

Yup, but plan is to imperatively create paper-ripple. The dom-if is overkill in this case. Then paper-material can be decomposed to a behavior + css module. Preliminary study indicates this improves create/render time by 2x.