性能优化面试题

深藏阁楼爱情的钟 2022-09-12 10:44 196阅读 0赞

> 1.谈谈你对重构的理解

> 2.如果一个页面上有大量的突破（大型电商网站） ，网站加载的很慢，可以有哪些方法优化这些图片的加载，从而提升客户体验

1.精灵图css

2.图片懒加载

3.Base64

> 3.谈谈性能优化的问题

代码层面：避免使用!import；和通配符选择器；避免重复代码

缓存利用：缓存ajax([https://blog.csdn.net/qq\_37171379/article/details/88988571][https_blog.csdn.net_qq_37171379_article_details_88988571]），使用cdn,使用外部js和css文件以便缓存

请求数量：使用css图片精灵，初始首屏之外图片按需加载，静态资源延迟加载（要实践）

> 4.移动端性能如何优化

1.尽量使用css3动画，开启硬件加速

[CSS动画开启硬件加速\_HYEHYEHYE的博客-CSDN博客][CSS_HYEHYEHYE_-CSDN]

2.适当使用touch事件代替click事件

在电脑页面上一切顺利，但是用手机打开页面后就是一直按钮没反应，后来才想到触摸事件

[用touchStart事件代替click处理手机页面上的触摸事件\_师远鹏-CSDN博客][touchStart_click_-CSDN]

[移动端开发用touch事件还是click事件 - 砌墙的砖 - 博客园][touch_click_ - _ -]

3.避免使用css3渐变阴影效果？？？

4.可以用transform:translateZ(0)来开启硬件加速

5.不滥用float.float在渲染时计算量比较大，尽量少用

> 5.如何对网站的文件进行优化

1.文件合并

[https://www.cnblogs.com/vingi/articles/2604007.html][https_www.cnblogs.com_vingi_articles_2604007.html]

2.使用缓存

[使用缓存技术优化网站访问 - Ryan.zhu - 博客园][- Ryan.zhu -]

> 6.请写出几种缩短页面加载时间的方法

1.尽量减少页面中重复的HTTP请求

2.JS脚本放在文件末尾

3.css样式定义放在文件头部

4.服务器开启gzip压缩（[vue 进行 gzip压缩和服务器如何开启gzip\_未兆的博客-CSDN博客][vue _ gzip_gzip_-CSDN]）

[请说出三种减少页面加载时间的方法\_我的小屋的博客-CSDN博客][-CSDN]

> 7.哪些方法可以提升网站前端性能优化

[网站前端性能优化常用几种方式 - 范仁义 - 博客园][- _ -]

> 8.你知道哪些优化性能的方法

> 9.列举你知道的web性能优化的方法

> 10.平时你是如何对代码进行性能优化的

> 11.针对css,如何优化性能

> 12.针对HTML，如何进行性能优化

> 13.针对JavaScript,如何进行性能优化

> 14.如何优化服务端

> 15.如何优化服务端的接口

> 16.如何优化脚本的执行

> 17.如何优化渲染

> 18.如何设置DNS缓存

> 19.什么时候出现资源访问失败

> 20.JQ性能优化如何做

> 21.哪些方法能提升移动端css3动画体验？

[https_blog.csdn.net_qq_37171379_article_details_88988571]: https://blog.csdn.net/qq_37171379/article/details/88988571
[CSS_HYEHYEHYE_-CSDN]: https://blog.csdn.net/HYEHYEHYE/article/details/119729811
[touchStart_click_-CSDN]: https://blog.csdn.net/shipeng22022/article/details/46629523
[touch_click_ - _ -]: https://www.cnblogs.com/helena000/p/7107086.html
[https_www.cnblogs.com_vingi_articles_2604007.html]: https://www.cnblogs.com/vingi/articles/2604007.html
[- Ryan.zhu -]: https://www.cnblogs.com/flysnow-z/archive/2011/12/15/2288783.html
[vue _ gzip_gzip_-CSDN]: https://blog.csdn.net/u013788943/article/details/79786558
[-CSDN]: https://blog.csdn.net/weixin_39430694/article/details/78518093
[- _ -]: https://www.cnblogs.com/Renyi-Fan/p/10907525.html