Reactjs 改进stringHTML数据的react应用程序解析

Reactjs 改进stringHTML数据的react应用程序解析,reactjs,html-parsing,Reactjs,Html Parsing,我们有一个带有React的web应用程序。应用程序加载中显示的一个字段是我们从DB查询的用户自定义HTML字符串。此HTML字符串可能包含youtube/vimeo视频、图像、GIF等。 在应用程序加载时,我们从DB查询这个字符串html字段,并将其解析为其容器数据。 我们使用“react html parser”:“^2.0.2”来解析数据 最近,我们发现解析这种“硬加权”html并将其呈现给组件会降低我们的应用程序的速度(最多慢25%) 我们在应用程序方面做了一些改进,例如查询缓存、libs

我们有一个带有React的web应用程序。应用程序加载中显示的一个字段是我们从DB查询的用户自定义HTML字符串。此HTML字符串可能包含youtube/vimeo视频、图像、GIF等。 在应用程序加载时,我们从DB查询这个字符串html字段,并将其解析为其容器数据。 我们使用“react html parser”:“^2.0.2”来解析数据

最近,我们发现解析这种“硬加权”html并将其呈现给组件会降低我们的应用程序的速度(最多慢25%)

我们在应用程序方面做了一些改进,例如查询缓存、libs升级、使用一次性查询调用方法等,但在第一个app enter上(在查询缓存之前)仍然需要很多时间。 我的问题是,React应用程序中还可以使用另一种解析技术,以减少渲染时间和渲染组件浏览器加载时间

这里有一个。我所说的内容在底部打开的选项卡(执行摘要)中