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

• Status: NEW
• Component: Layout and Rendering

[Antoine Quint]

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>
```

[Radar WebKit Bug Importer]

<rdar://problem/145153124>