北京工作室网站建设百度seo关键词优化工具
提升页面性能的方法
资源压缩合并,减少HTTP请求
非核心代码异步加载
异步加载方式?
1)动态脚本加载、2)defer、3)async(在加载js的时候在script标签上添加这两个属性,<script src="./test.js" charset="utf-8" defer></script>)
异步加载区别?
defer: HTML解析完成后执行,如果是多个,按照加载的顺序依次执行。
async:加载完成后立即执行,,若是多个,执行顺序和加载顺序无关,那个文件加载完,哪个先执行。
利用浏览器缓存
缓存分类?
强缓存:不问服务器是否能用这个文件,直接使用缓存的文件。以服务器后下发的时间为准。
Expires Expires:Thu,21 Jan 2017 23:39:02 GMT (绝对时间)
Cache-Control Cache-Control:max-age=3600(相对时间)
协商缓存
Last-Modified If-Modified-Since
Etag If-None-Match
使用CDN
预解析DNS
<meta http-equiv="x-dns-prefetch-control" content="on"/>
//大部分浏览器是https协议的地址默认关闭a标签链接dns解析的,这一句可以强制打开a标签的dns解析
<link rel="dns-prefetch" href="//host_name_to_prefetch.com">//dns预解析,不加这一句也会自动预解析