Web Performance Booster (Anti-Lag) userscript

performance-booster.user.js

// ==UserScript==
// @name         Disable Backdrop Filter Blur
// @namespace    https://www.github.com/Xornop
// @version      1.1
// @description  Verwijdert backdrop-filter blur op alle websites om prestaties te verbeteren.
// @author       Xornop
// @match        *://*/*
// @grant        GM_addStyle
// @run-at       document-start
// ==/UserScript==

(function() {
    'use strict';

    const css = `
        /* 1. Remove backdrop-filters */
        * {
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }

        /* 2. Strip box-shadows */
        *, *::before, *::after {
            box-shadow: none !important;
            text-shadow: none !important;
        }

        /* Add subtle outline to elements that would be invisible without shadows */
        .card, [class*="card"], [class*="modal"], [class*="dropdown"], [class*="popup"] {
            border: 1px solid rgba(128, 128, 128, 0.2) !important;
        }

        /* 3. Disable animations/transitions that cause 'Reflows' (Layout Thrashing) */
        * {
            transition-property: opacity, transform, color, background-color !important;
        }
    `;

    if (typeof GM_addStyle !== 'undefined') {
        GM_addStyle(css);
    } else {
        const style = document.createElement('style');
        style.textContent = css;
        (document.head || document.documentElement).appendChild(style);
    }
})();