前端性能优化方案

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容