当我启用data-search-pseudo-elements时，它会导致网格中带有图标的行渲染性能降低100倍以上。奇怪的是，网格将行虚拟化，因此实际上只能看到100行。没有此设置，渲染时间为0.5秒。使用此设置的时间超过30秒，并且经常使浏览器完全崩溃。有问题的图标不是来自伪元素，但我在index.html中启用了此功能，以便在应用程序的另一部分有针对性地使用。
有没有办法使用伪类图标而不启用它，或者将其范围限定为仅影响特定区域？
答案 0 :(得分：4)
将data-search-pseudo-elements与SVG / JavaScript实现一起使用时，已知的性能问题已记录在here中：
尽管您可以将伪元素与SVG和JS一起使用，但我们不建议您使用此方法。它没有提供那么多的用法选项，难以配置，并且是使用Font Awesome的最慢的方法。 （在某些情况下非常慢。）
目前，没有配置选项可以限制伪元素搜索和替换功能的范围。
如果您坚持使用伪元素，但是SVG/JavaScript方法的性能不足，那么最好的选择是切换到Web Fonts & CSS方法。
也就是说，我很好奇地仔细研究您的情况，看看是否可以进行任何优化。您可以发布一个CodePen吗？