当前位置: 首页 > Web前端 > HTML5

好程序员web前端教程分享常见面试基础题性能优化

时间:2023-04-05 15:01:51 HTML5

好程序员web前端教程分享常见面试基础题性能优化。这是每个企业都会问的问题,今天就来分享给大家。  性能优化(Optimize),简而言之,就是在不影响系统运行正确性的前提下,让系统运行得更快,完成特定功能所需的时间更短。那么如何提高性能呢?您可以采取以下方法:  1。减少http请求的数量  80%的响应时间花在下载网页内容(图像、样式表、javascript、脚本、flash等)上。减少请求数量是缩短响应时间的关键!可以通过简化页面设计来减少请求的数量,但是对于内容较多的页面可以使用以下技巧。  2。减少DNS查询次数  DNS查询也会消耗响应时间。如果我们的网页内容来自不同的域(比如嵌入的开放广告、引用外部图片或脚本),那么客户端第一次解析这些域也是需要一定时间的。DNS查询结果会在本地系统和浏览器中缓存一段时间,所以DNS查询一般会影响首次访问的响应速度。  3。缓存Ajax  Ajax可以帮助我们异步下载网页内容,但是即使有些网页内容是异步的,用户仍然在等待它的返回结果。比如ajax返回的是一个用户联系人的下拉列表。所以我们还是要注意尝试应用下面的规则来提高ajax的响应速度。  4。延迟加载  这里讨论的延迟加载要求我们知道我们的网页最初需要加载的最小内容集是什么。然后可以将其余内容推送到延迟加载的集合中。  Javascript通常是延迟加载内容。更激进的做法是在开发网页时保证网页在没有Javascript的情况下基本可以正常工作,然后通过脚本的延迟加载来完成一些高级功能。