携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第9天，点击查看活动详情
js优化:
- 将JavaScript放在代码结构底部（内嵌JavaScript代码）
- 尽量使用外链式JavaScript代码结构，提升网页性能
- 多使用预加载组件，在浏览器空闲时加载好下个页面的JavaScript或者图片等属性，等到跳转下个页面时，由于已经加载好了，可以加快网页访问速度
- 缓存Ajax。如果Ajax请求的接口如有发生变化的情况下，就会去那缓存中读取数据而不会再向服务器请求数据，如果接口地址有变化会向服务器请求数据
- 延迟加载组件。需要时才加载组件，而不是一开始就全部加载好，将代码块的加截推迟到需要的时候加载，使应用程序的初始包变得更小，节省性能
- 避免JavaScript阻塞，因为JavaScript是单线程，如果浏览器在解析HTML页⾯是从上到下依次解析、渲染时，如果某个js⽂件过大或者有错误，浏览器会停⽌渲染页⾯，加载上一个js完成才会继续渲染，很影响性能，可以通过在script标签中使用async和defer解决
- JavaScript代码体积尽可能小些，同时按照开发规范，精简且有意义
网络请求:
- 减少DNS查找
域名系统(Domain Name System）是互联网的一项服务。它作为将域名和IP地址相互映射的一个分布式数据库,能够使人更方便地访问互联网
通过减少DNS查询次数可以有效减少网页加载的损耗，具体方式为：可以减少网页中不同域名的请求
2.减少HTTP请求
除了减少CSS和JavaScript文件请求外，还可以减少location.reload()等刷新方法的使用
- 减少重定向
HTTP 重定向通过 301/302 状态码实现。当我们请求一个请求时，浏览器会自动跳转到另一个请求，虽然会有保密等优点，但是会浪费加载时间及性能，要注意避免
