性能优化 - 面试题库 - Good Luck To You!

309浏览

0评论

如何⽤webpack 来优化前端性能

⽤webpack 优化前端性能是指优化 webpack 的输出结果，让打包的最终结果在浏览器运⾏快速⾼效。压缩代码：删除多余的代码、注释、简化代码的写法等等⽅式。可以利⽤webpack的 UglifyJsPlugin 和 Paralle...

249浏览

0评论

减少回流与重绘的措施：操作 DOM 时，尽量在低层级的 DOM 节点进行操作不要使用 table 布局，一个小的改动可能会使整个 table 进行重新布局使用 CSS 的表达式不要频繁操作元素的样式，对于静态页面，可以修改类名，而不是样...

332浏览

0评论

（1）回流当渲染树中部分或者全部元素的尺寸、结构或者属性发生变化时，浏览器会重新渲染部分或者全部文档的过程就称为回流。下面这些操作会导致回流：页面的首次渲染浏览器的窗口大小发生变化元素的内容发生变化元素...

305浏览

0评论

图片的加载是由 src 引起的，当对 src 赋值时，浏览器就会请求图片资源。根据这个原理，我们使用 HTML5 的 data-xxx 属性来储存图片...

279浏览

0评论

减少无用资源的加载：使用懒加载明显减少了服务器的压力和流量，同时也减小了浏览器的负担。提升用户体验: 如果同时加载较多图片，可能需要等待的时间较长，这样影响了用户体验，而使用懒加载就能大大的提高用户体验。防止加载过多图片而影响其他资源文...

316浏览

0评论

懒加载也叫做延迟加载、按需加载，指的是在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。在比较长的网页或应用中，如果图片很多，所有的图片都被加载出来，而用户只能看到可视窗口的那一部分图片数据，这样就浪费了性能。如果使用图片的...