auraコンポーネンmemo

レンダリング強制css

.THIS .header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  transform: translateZ(0); /* レンダリングをGPUに強制 */
  will-change: transform;
}

レンダリング強制js

({
    afterRender: function(component, helper) {
        this.superAfterRender();
        // ヘッダーの位置を強制的に設定
        const header = component.find("headerElement");
        if (header) {
            header.style.position = "fixed";
            header.style.top = "0px";
        }
    }
})

擬似負荷

function addHeavyLoad() {
    const start = performance.now(); // 1. 現在の時刻を記録
    while (performance.now() - start < 2000) { // 2. ループを2秒間実行
        Math.sqrt(Math.random()); // 3. 無駄な計算でCPU負荷を発生
    }
    console.log("Heavy load simulation complete"); // 4. ログ出力
}

window.addEventListener('load', addHeavyLoad); // 5. ページロード後に関数を実行