[Webkit-unassigned] [Bug 287982] New: [svg] https://codepen.io/thebabydino/pen/XJrYqGb is slow because of an SVG filter

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=287982

            Bug ID: 287982
           Summary: [svg] https://codepen.io/thebabydino/pen/XJrYqGb is
                    slow because of an SVG filter
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: New Bugs
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: graouts at webkit.org

I was looking at https://codepen.io/thebabydino/pen/XJrYqGb to understand why it was so slow in WebKit compared to Chrome when scrolling, and commenting out the `filter` property here:

```
        &::before {
                position: absolute;
                inset: 0;
                z-index: -1;
                background: #000;
                filter: url(#grain);
                content: ''
        }
```

… addresses the performance issue.

The SVG filter referenced here is:

```
      <filter id="grain">
        <feTurbulence type="fractalNoise" baseFrequency="7.13"></feTurbulence>
        <feColorMatrix type="saturate" values="0"></feColorMatrix>
        <feComponentTransfer>
          <feFuncA type="linear" slope=".02"></feFuncA>
        </feComponentTransfer>
        <feBlend in2="SourceGraphic"></feBlend>
      </filter>
```

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20250219/b920cf48/attachment-0001.htm>