随笔分类 -  前端性能优化

包括一些理论知识与实践
摘要:部署到线上的步骤: 拿到打包之后的文件,删除服务器上的文件,再放上去的。 测试1: 更改js文件,删除并上传新包。 额外发现1:如果用户在上传期间,仍然在系统之内,此时即使将服务器上的包删除掉,用户不会跳出系统,只会在控制台上报错。 报错内容: 只是在报错服务器上没有指定的html文件 额外发现2: 阅读全文
posted @ 2018-06-13 18:21 我叫悠哉 阅读(1436) 评论(2) 推荐(1)
摘要:1:初次进入系统的新用户 首次进入该系统的用户,没有任何的文件缓存。进入系统后加载index.html 会将所有的文件(图片、js、css)下载下来 耗时在3.3s左右。之后进入系统 只会额外加载一些页面的图片,不会再加载js、css文件。 2:已经进过该系统的老用户,且系统未更新之前 用户本地的文 阅读全文
posted @ 2017-12-22 18:44 我叫悠哉 阅读(1707) 评论(0) 推荐(0)
摘要:前端优化是一个大项目,不仅需要知道有哪些优化的点,还需要为什么去这样优化。 前端优化的思维导图 介绍一些知识,使大家对前端性能的优化有更深入的了解 html的渲染过程 页面的肥瘦是影响加载速度最重要的因素。 删除不必要的空格、注释。 将inline的script和css移到外部文件。 可以使用HTM 阅读全文
posted @ 2017-11-17 18:14 我叫悠哉 阅读(603) 评论(0) 推荐(0)
摘要:疑点引入 不知道大家有没有这样去考虑一个问题: 在我们实际的项目中,我们一般都是使用一些打包工具(譬如grunt gulp webpack)将我们项目引入的第三方依赖与项目自己的逻辑js代码分别打包成为一个js压缩包。但是按道理来说,这两个js文件在首屏渲染的时候应该都会加载下来,我们也可以通过控制 阅读全文
posted @ 2017-10-10 16:25 我叫悠哉 阅读(17159) 评论(0) 推荐(2)