前端性能优化方案

https://guoyueting.github.io/2018/08/13/%E9%9B%85%E8%99%8E35%E6%9D%A1%E5%86%9B%E8%A7%84%E2%80%94%E2%80%94%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/

雅虎军规35条

下面关于页面性能优化,描述错误的是

A.图片优化可以使用:大图分块加载、CSS Sprites、Lazy Load Images、使用多个图片 CDN 域名、根据网络状况请求不同质量的图片

B.DNS Prefetching 是让具有此属性的域名不需要用户点击链接就在后台解析,而域名解析和内容载入是串行的网络操作,所以这个方式能减少用户的等待时间,提升用户体验

C.回流(reflow)和重绘(repaint)都会导致页面重新渲染,只要页面布局没有改变就不会触发重排。对于复杂的页面操作,可以使用 display: none 技巧,这样只需要两次重新渲染

D.如果一个资源被浏览器加载并缓存成功,那么浏览器再次请求该资源时,它的 HTTP 状态码应该是304,而不可能是 200

E.webp、jpg 和 png 是常见的显示效果较好的图片格式。一般来说,在系统兼容的情况下,优先选择图片体积最小的webp图片

F.页面动画可以使用 CSS3 transitions、CSS3 3D transforms、Opacity、Canvas、WebGL、Video 等来触发GPU渲染

DNS Prefetching 是让具有此属性的域名不需要用户点击链接就在后台解析,而域名解析和内容载入是串行的网络操作,所以这个方式能减少用户的等待时间,提升用户体验 。

D

你可能感兴趣的:(前端性能优化方案)