MJ系列之浏览器汇总

最新推荐文章于 2024-11-07 17:00:39 发布

步入中年的狗

最新推荐文章于 2024-11-07 17:00:39 发布

阅读量566

点赞数

分类专栏： MJ 文章标签： http restful

本文链接：https://blog.csdn.net/m0_52458664/article/details/120404736

版权

本文详细介绍了浏览器的性能优化，包括缓存机制（强缓存与协商缓存）、跨域策略、安全措施（XSS与CSRF防御）以及渲染流程。此外，还探讨了Webpack的作用、Loader和Plugin的使用，以及CDN的工作流程。

摘要由CSDN通过智能技术生成

性能优化

性能优化汇总
1、缓存（缓解服务器压力，提升性能本地更快，）

缓存

我们第一次进入页面，请求服务器，然后服务器进行应答，浏览器会根据response Header来判断是否对资源进行缓存，如果响应头中expires、pragma或者cache-control字段，代表这是强缓存，浏览器就会把资源缓存在memory cache 或 disk cache中。
第二次请求时，浏览器判断请求参数，如果符合强缓存条件就直接返回状态码200，从本地缓存中拿数据。否则把响应参数存在request header请求头中，看是否符合协商缓存，符合则返回状态码304，不符合则服务器会返回全新资源。
在这里插入图片描述
流程
 缓存
1、浏览器会根据 http response header 中的 Expires 和cahe-control 字段判断是否命中强缓存，如若命中，则直接从缓存中取资源，不会再去向服务器请求了。
2、否则，浏览器会发出一个条件请求，浏览器会在请求头中包含 If-Modified-Since 或 If-None-Match 字段，If-Modified-Since 即浏览器当初得到的 Last-Modified；If-None-Match即浏览器当初得到的 ETag。当服务器发现资源的更新时间晚于 If-Modified-Since 所提供的时间，或者资源在服务器端当前的 ETag 和 If-None-Match 提供的不符时，说明该资源需要向服务器重新请求了。
否则，浏览器将不需要重新下载整个资源，只需要从缓存中去加载这个资源，这时响应的http code 为 304（304 Not Modified）。