我们优化的目标是什么：使界面早点显示出来，数据是否正确可以等待查询的返回来更新。

前言

上篇介绍了代码优化的方向：

1. 去掉耗时的 jquery

2. 优化个人代码

去掉耗时的 jquery

代码中用到 jquery 的地方，主要使用 jquery 的选择器函数，extend函数，添加节点函数。

jquery等价dom原生操作

去掉了 jquery 的部分，虽然快了 200ms 左右，但是然并卵，开始界面的一段空白还是很丑。

# Hello World    setTimeout(function() {        var urls = [            "../../libs/highcharts.js",            "../../tlibs/connect.js",            "../../tlibs/__tdx_vendor.js",            "../../tlibs/__tdx_client.js",            "./index_config.js"        ];        for(var i = 0; i 

第一步，我们确认，html 页面载入后，界面是会显示的。第二步，我们需要将页面静态化，就是先生成静态页面。这里涉及到 React 的服务器端渲染，生成静态文件，原来这里是为了 SEO 优化时提到的。

import { renderToString } from "react-dom/server"

#webkit、mobile、APP、html#

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！