目录
网页优化方式汇总
以下2张图,只为大致汇总,具体会有添加。
javaScript方优化
将脚本置底
把脚本置底,这样可以让网页渲染所需要的内容尽快加载显示给用户。通过defer关键字指定不太重要的脚本在文档加载后执行(async关键字可以让脚本异步执行)。
使用外部JavaScript和CSS文件
使用外部Javascript和CSS文件可以使这些文件被浏览器缓存,从而在不同的请求内容之间重用。
同时将Javascript和CSS从inline变为external也减小了网页内容的大小。
使用外部Javascript和CSS文件的决定因素在于这些外部文件的重用率,如果用户在浏览我们的页面时会访问多次相同页面或者可以重用脚本的不同页面,那么外部文件形式可以为你带来很大的好处。但对于用户通常只会访问一次的页面,例如microsoft.com首页,那inline的javascript和css相对来说可以提供更高的效率。
合并JS和CSS文件
减少HTTP请求
代码优化
https://blog.csdn.net/AIWWY/article/details/119898609
减少DOM的重排(回流)和重绘
https://blog.csdn.net/AIWWY/article/details/120393303
网页内容优化
https://blog.csdn.net/AIWWY/article/details/120398322
CSS和图片优化
https://blog.csdn.net/AIWWY/article/details/120398388