Web前端应该从哪些方面来优化网站性能
a. 减少页面体积，提升网络加载
■ 静态资源压缩合并，（JS/css代码压缩合并，雪碧图）
■ 静态资源缓存
■ 使用CDN加载资源更快
b. 优化页面渲染
■ css放在前面，js放后面
■ 懒加载
■ 减少dom操作
http与https的区别
● 为了数据传输的安全，HTTPS在HTTP的基础上加入了SSL协议，SSL依靠证书来验证服务器的身份，并为浏览器和服务器之间的通信加密。
● http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl加密传输协议。
● http的连接很简单，是无状态的；HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，比http协议安全。
什么情况下会触发重排和重绘
○ 页面首次渲染
○ 浏览器窗口大小发生改变
○ 元素尺寸或位置发生改变
○ 元素内容变化（文字数量或图片大小等等）
○ 元素字体大小变化
○ 添加或者删除可见的DOM元素
减少重回和重排
避免频繁的样式操作，最好一次性重写style，或者一次性更改class，避免频繁操作dom，对具有复杂动画的元素使用绝对定位，使它脱离文档流，否则会引起父元素及后续元素频繁回流。
|