This is a very bad experience to use this forum or fab market via the browser. It scrolls slowly, feels heavy and the performance is BAD.
The ONLY reason why - is because you’re using CSS backdrop-filter: blur(100px) that sure - looks nice - but has an extremely bad impact on web paint performance in the browser engine.
I know what I’m saying because I work in web dev industry for years. Please get rid of it or lower the number of blurred pixels to some reasonable levels.
For those who want smooth experience now, here is the Tampermonkey script:
// ==UserScript==
// @name No filter in shadow roots
// @namespace http://tampermonkey.net/
// @version 2026-03-04
// @description try to take over the world!
// @author You
// @match https://*.unrealengine.com/*
// @match https://*.epicgames.com/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=unrealengine.com
// @grant none
// ==/UserScript==
(function() {
'use strict';
const styleContent = '*, *:after, *:before { backdrop-filter: none !important; filter: none !important; -webkit-backdrop-filter: none !important; background-image: none !important; }';
const injectStyles = (root) => {
// Create a style element
const style = document.createElement('style');
style.id="noblur";
style.textContent = styleContent;
// Append to the current root (Document or ShadowRoot)
root.appendChild(style);
// Find all elements within this root to check for nested shadow roots
const allElements = root.querySelectorAll('*');
allElements.forEach(el => {
if (el.shadowRoot && [...el.shadowRoot?.querySelectorAll('#noblur')].length === 0) {
injectStyles(el.shadowRoot);
}
});
};
injectStyles(document.documentElement);
// Start the process from the main document
setTimeout(() => injectStyles(document.documentElement), 3_000);
console.log("🚀 Filter-none style injected into all accessible shadow roots.");
})();