Closed sorvell closed 8 years ago
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
.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.
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)