前端缓存cdn

A. 前端基础知识——CDN篇

CDN（Content delivery networks，内容分发网络）通过在源服务器与用户之间构建新的网络架构，将网站内容分发到最近的用户端，以提高访问速度和提升响应能力。CDN工作原理是将网站内容缓存在不同地理位置的代理服务器中，用户请求时直接从最近的缓存获取内容，从而减少信息往返时间。CDN缓存内容主要包含静态资源，如图片、视频、CSS和JS文件等。内容更新时，客户端检查本地缓存状态，过期则向CDN边缘节点请求，节点检测内容是否过期，再决定是否回源获取最新内容。静态文件缓存时间通常由原站服务器配置，动态内容缓存则由程序控制。CDN与应用结合策略包括生成静态页面、设定动态内容缓存时间，以及智能缓存控制算法。前端优化中，CDN能减少HTTP请求数量、提供缓存控制、自动压缩文件、优化图片加载速度，显着提升网站性能。了解CDN缓存机制，对于优化网页加载速度至关重要，未来还将有更多优化技术呈现。

B. web前端缓存机制

前端缓存森携机制有多种，如浏览器缓存、CDN缓存、DNS缓存、代理服务器缓存等。

CDN全称是Content Delivery Network，即内容分发网络。CDN的原理是改世将资源存放在各地的缓存服务器上，当用户请求资源时，从就近的服务器上返回缓存的资源，而不需要每次都从源服务器获取，减轻源服务器的压力，又能提升用户的访问速度。

浏览器可以将用户请求的资源进行缓存，存放在本地。浏览器缓存一般通过请求头来设置。
与浏览器缓存有关的头部有：

浏览器会将服务器的域名与IP地址的映射缓存在本地，这样用户在访问网站时，不用每次都去查询DNS映射表。

在浏览器和服务器之间架设的一个服务器 ，这个代理服务器会帮助浏览器去请求页面，然后将页面进行处理和压缩(例如压缩图片和文件)，使页面变小，再传输给浏览器。大部分代理服务器核春肢都有缓存的功能，如果浏览器所请求的文件在它本机中存在且是最新的，就不需要再从源服务器请求数据，提高了浏览速度。

在浏览某个页面时，浏览器会判断页面的关联内容，进行预加载。用户在浏览A页面时，就加载好B页面，这样当用户去访问B页面时，B页面很快就出来，提升了用户体验。但这个机制有一定的缺陷，就是预判不一定准确，可能会造成流量和资源的浪费。