摘要: 在记录优化内容前选搞清楚web渲染流程的四个主要步骤: 以上步骤是一个渐进的过程,为了提高用户体验,渲染引擎试图尽可能快的把结果显示给最终用户。它不会等到所有HTML都被解析完才创建并布局渲染树。它会在从网络层获取文档内容的同时把已经接收到的局部内容先展示出来。 优化思路: 为了保障首屏内容的最快速 阅读全文
posted @ 2019-10-22 17:18 小鱼2015 阅读(563) 评论(0) 推荐(0) 编辑
摘要: 优化方案 按需加载资源 首先要明确,按需加载虽然能提升首屏加载的速度,但是可能带来更多的界面重绘,影响渲染性能,因此要评估具体的业务场景再做决定。 Lazyload,即延迟加载,这并不是一个新的技术,在PC时代也是非常常用的一种性能优化手段。这个方案的原则是让屏幕外,或者不影响整体效果显示的图片、背 阅读全文
posted @ 2019-10-22 14:59 小鱼2015 阅读(643) 评论(0) 推荐(0) 编辑
摘要: 静态资源打包,因为浏览器下载静态文件的时候是有线程数限制的:同一时间针对同一域名下的请求有一定数量限制,超过限制数目的请求会被阻塞。为了提高性能,服务器端会把js/css合并成一个文件,再向客户端输出,这样页面能更快的展现,用户等待的时间就会减少,你留住用户的机会将会大大增加。 合并: 一个没有ca 阅读全文
posted @ 2019-10-22 14:33 小鱼2015 阅读(617) 评论(0) 推荐(0) 编辑