cache values that cause forced reflows

will likely do more of those things

Author: goldst

blocks/card/card.js

@@ -16,6 +16,6 @@ window.addEventListener('load', () => {
     window.addEventListener('mousemove', (e) => {
         CP.doEvent(e);
         CM.doEvent(e);
-        C.doEvent(e);
+        //C.doEvent(e);
     });
 });

js/eventControl/EventControlElement.js

@@ -24,14 +24,20 @@ export default class EventControlElement {
     }
 
     /**
+     * only retrieves size from the dom if it's called the first time
+     * else returns cached value
      * @private
      * @return {number[]} width and height of the domElement
      */
     get _size() {
-        return [
-            this.domElement.offsetWidth,
-            this.domElement.offsetHeight
-        ];
+        if(this.__size === undefined) {
+            this.__size = [
+                this.domElement.offsetWidth,
+                this.domElement.offsetHeight
+            ];
+        }
+
+        return this.__size;
     }
 
     /**

js/transformation/TransformableElement.js

@@ -611,12 +611,15 @@ export default class TransformableElement extends ECE {
 
     /**
      * @returns {string} initial CSS transformation as matrix/matrix3d or
-     *   'none'.
+     *   'none' (cached).
      */
     get initialTransform() {
-        return this._getVariable(
-            'transformable-element', 'initial-transform'
-        );
+        if(this._initialTransform === undefined) {
+            this._initialTransform = this._getVariable(
+                'transformable-element', 'initial-transform'
+            );
+        }
+        return this._initialTransform;
     }
 
     /**