web性能
Daisyiko
这个作者很懒,什么都没留下…
展开
-
【Web性能】Css,JS 装载和执行
1.网站在浏览器中如何渲染(1)首先做 DNS 查询,如果这一步做了智能 DNS 解析的话,会提供访问速度最快的 IP 地址回来(2)接下来是 TCP 握手,应用层会下发数据给传输层,这里 TCP 协议会指明两端的端口号,然后下发给网络层。网络层中的 IP 协议会确定 IP 地址,并且指示了数据传输中如何跳转路由器。然后包会再被封装到数据链路层的数据帧结构中,最后就是物理层面的传输了(3)T...原创 2019-04-26 19:40:41 · 314 阅读 · 0 评论 -
【Web性能】懒加载与预加载
懒加载图片进入可视区域之后请求图片资源对于电商等图片很多,页面很长的业务场景适用减少无效资源的加载并发加载的资源过多会阻塞js的加载,影响网站的正常使用img-src,data-url真实地址预加载图片等静态资源在使用之前的提前请求资源使用到时能从缓存中加载,提升用户体验页面展示的依赖关系维护1.懒加载当我们的图片进入可视区,去请求资源需要去监听scroll事件,在...原创 2019-04-28 10:43:14 · 277 阅读 · 0 评论 -
【Web性能】重绘和回流
重绘和回流css性能让javascript变慢?频繁的触发重绘与回流,会导致UI频繁渲染,最终导致JS变慢。1.回流当render tree中的一部分(或全部)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建。这就称为回流(reflow)当页面布局和几何属性改变时就需要回流.回流 -> 元素大小布局layout平时可能碰到:分页 效果增加到DOM TREE layout变...原创 2019-04-28 11:13:29 · 206 阅读 · 0 评论