如何渲染大型网页

时间:2016-07-29 22:13:57

标签: web reactjs webpage

我有一个Web应用程序,允许用户搜索某些产品,但在某些情况下,服务器返回的数据超过1000行,这将导致浏览器挂起并有更多时间完全加载。

我的问题是如何呈现返回的数据而不会挂在客户端并减少加载时间。

我不熟悉ReactJS,但是如果让渲染器在服务器上,并且在用户请求时将数据提供给他,这有用吗?

2 个答案:

答案 0 :(得分:0)

我过去曾使用https://github.com/bvaughn/react-virtualized取得了一些成功。诀窍是一次只加载一些数据,而且它只处理渲染可见的行。我还试图在没有这些优化的情况下这样做,你最终会等待多秒钟才能呈现数据;有时足够长的时间让浏览器提示用户取消脚本运行。迄今为止唯一的渲染方法是获得更好的体验。

答案 1 :(得分:0)

您可以尝试使用Lazy Loading with reactJS在用户向下滚动时显示结果,而不是在结果页面中一次加载所有数据,您可以查看Wikipedia difination with examples或查看Microsoft 了解更多。