前端性能优化主要分两块：一是资源加载1.多使用内存、缓存和其他方法2.减少CPU计算量，减少网络加载耗时。以上适用所有编程的性能优化-空间换时间3.减少资源体积：压缩代码，图片精灵4.减少访问次数：合并代码（js模块化，最后打包成一个JS）、SSR服务器端渲染，缓存 5.使用更快的CDN二是让渲染更快1.css放在head，js放在body下面2.尽早开始执行js，用DOMcontentLoaed触发3.懒加载（图片懒加载，上滑更多）4.对DOM查询进行缓存5.频繁DOM操作，合并到一起进行Dom操作，如存入createDocumentFragment中 6.节流和防抖
前端性能优化主要分两块：一是资源加载1.多使用内存、缓存和其他方法2.减少CPU计算量，减少网络加载耗时。以上适用所有编程的性能优化-空间换时间3.减少资源体积：压缩代码，图片精灵4.减少访问次数：合并代码（js模块化，最后打包成一个JS）、SSR服务器端渲染，缓存 5.使用更快的CDN二是让渲染更快1.css放在head，js放在body下面2.尽早开始执行js，用DOMcontentLoaed触发3.懒加载（图片懒加载，上滑更多）4.对DOM查询进行缓存5.频繁DOM操作，合并到一起进行Dom操作，如存入createDocumentFragment中 6.节流和防抖
一、什么是协商缓存协商缓存是服务器端的一种缓存策略，服务端提供一种记号，用来判断客户端资源和服务端是否一样。一致返回304，否则返回200和新资源。 二、如何实现主要是通过在responseheader中携带相关标识一种通过last-modified资源的最后修改时间第一次请求时，服务器端会在responseheader插入last-modified最后修改时间，下一次客户端请求时在request header携带if-modified-since，对比最后修改时间是否一致，来判定需要返回新数据。 一种通过Etag资源的唯一标识符（一种字符串）第一次请求时，服务器端会在responsehead
http响应responseheaders中会有一个cache-control，这个参数就是用来做强制缓存的一、什么是强制缓存强制缓存就是服务端告诉客户端某些资源（JSCSSIMG）需要按照某种方法存在客户端本地，下次请求时直接从本地缓存中获取资源，不用再通过服务器，提高了网页加载速度。 例如上面的图片资源就被缓存在本地中，时间有效期长达1年二、cache-control有哪些参数max-age：最大有效期no-cache：不用本地缓存，交给服务端处理no-store：不用本地缓存以及服务端的缓存措施注：expire也是控制缓存有效期的，只不过被cache-control替代了
一、什么是协商缓存协商缓存是服务器端的一种缓存策略，服务端提供一种记号，用来判断客户端资源和服务端是否一样。一致返回304，否则返回200和新资源。 二、如何实现主要是通过在responseheader中携带相关标识一种通过last-modified资源的最后修改时间第一次请求时，服务器端会在responseheader插入last-modified最后修改时间，下一次客户端请求时在request header携带if-modified-since，对比最后修改时间是否一致，来判定需要返回新数据。 一种通过Etag资源的唯一标识符（一种字符串）第一次请求时，服务器端会在responsehead
http响应responseheaders中会有一个cache-control，这个参数就是用来做强制缓存的一、什么是强制缓存强制缓存就是服务端告诉客户端某些资源（JSCSSIMG）需要按照某种方法存在客户端本地，下次请求时直接从本地缓存中获取资源，不用再通过服务器，提高了网页加载速度。 例如上面的图片资源就被缓存在本地中，时间有效期长达1年二、cache-control有哪些参数max-age：最大有效期no-cache：不用本地缓存，交给服务端处理no-store：不用本地缓存以及服务端的缓存措施注：expire也是控制缓存有效期的，只不过被cache-control替代了
