Remove backdrop-filter & box-shadow, turns blur to solid color
Apple Music Web Optimizer makes the Apple Music web player feel snappier and lighter by removing GPU-heavy visual effects. It replaces backdrop-filter blur (the "liquid glass" frosted effect) with a solid semi-transparent color and strips away all box-shadow properties site-wide. The result is smoother scrolling, faster animations, and reduced CPU/GPU usage — especially noticeable on low-end devices and laptops running on battery.
rgba(18, 18, 18, 0.85)) that preserves the visual hierarchy without the GPU cost.none, reducing repaint overhead during scroll and animations.
CSS properties like backdrop-filter: blur() and large box-shadow values force the browser to re-render pixels on every frame during scroll or animation. On high-resolution displays, this can drop frame rates below 10 FPS. By replacing blur with a simple background-color and removing shadows entirely, the browser's compositor has far less work to do — resulting in a noticeably smoother experience.
The replacement color for the blur effect is defined by the variable bg inside the script. The default is:
var bg = 'rgba(18, 18, 18, 0.85)';You can change this to any valid CSS color value:
rgba(255, 255, 255, 0.8)#1a1a1atransparentThis script focuses on CSS-level optimizations. It does not touch:
For a more aggressive optimization that also removes those artwork effects, consider extending this script or combining it with CSS rules that target .artwork__radiosity, .artwork__contrast-gradient, .artwork__base-stroke, .artwork__refraction-stroke, and .artwork__sheen-overlay.
Tested on latest versions of Chrome, Firefox, and Edge. Works with Tampermonkey, Violentmonkey, and Greasemonkey. The script targets https://music.apple.com/* only, so it will not affect any other websites.
This script is released into the public domain. Feel free to modify, distribute, and use it however you like — no attribution required.
Version 1.0
