关于提高网页加载速度个人学习以及经验总结

性能黄金法则：

记住：只有10% - 20%的最终用户时间花在了下载HTML文档上，其余的80%-90%时间花在下载页面中的所有组件（js、css 、image 、flash）进行的http请求上。

根据上面的黄金法则，可以知道网页提速方式就是减少http或缩短组件请求时间等方式解决，具体如下：

·使用外部js和css，用户大量访问量的情况缓存文件可提高组件利用，但首次加载会增加http请求数（区别权衡 ）；

·css放在head头部，可以避免构建dom树后样式仍在加载的‘白屏’问题；

·js放在body底部，和css放在头部一样可以减少首屏出现的时间；

·精简js和css，去掉不必须的空格和注释，删除重复；

·压缩js文件，减小文件大小；

·尽量使用文字和css效果代替图片，如字体图标；

·控制单张图片资源大小，通过控制尺寸大小和部分图片可以转jpg格式；

·通过cssSprite进行图片合并，减少图片http请求；

·使用CDN内容发布网络，距离用户更近的web服务器将使得用户响应速度缩短；

·避免css表达式的出现；

·避免重定向（多余的post和重定向），可直接a链接跳转；

·不使用table布局，每次更改会导致整个表格重新计算，且table页面是整个页面加载后再进行渲染的；

后续继续补充....

可以结合另一篇更详细的性能优化的笔记一起 https://blog.csdn.net/zhouzuoluo/article/details/80727456