提高页面性能的方式

前端页面性能提高，主要有以下方式：

1、资源压缩合并，减少http请求。

主要可以通过CSS雪碧图，将图片整合在一起等方式。

2、非核心代码异步加载。

异步加载的方式可以分为：

①动态创建script脚本，比如

const s=document.createElement("script")

s.src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"

②defer加载

即在script标签上加上defer属性。derfer加载的脚本会等html加载完成后才能执行，并且有多个脚本时，会按照引入的顺序依次执行。

③asncy加载

即在script标签上加上asncy属性。asnyc加载的脚本加载时就会执行，并且有多个脚本时，不一定按照引入的顺序执行，有可能脚本资源大，会后加载。

3、利用浏览器缓存。

浏览器缓存主要有强缓存，和协商缓存两种。

强缓存是浏览器强制缓存资源，一般在header头里添加Expire，以及cache-control

协商缓存是和服务器进行询问，是否缓存此资源。header头有Last-Modified if-Modified-Since E-tag if-None-Match