关于提高网页加载速度个人学习以及经验总结
2018-06-18 23:16
204 查看
性能黄金法则:
记住:只有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
相关文章推荐
- 个人总结--关于学习过程中的一些经验心得分享
- 关于淘宝的BigRender详解以及提高首屏加载速度的方法
- 对WEB标准以及W3C的理解与认识 - 提高网页加载速度
- 六招提高网页加载速度
- 通过缩短网页加载时间来提高网站访问速度
- 开发经验总结,关于需求以及面向对象的经验.
- 学习CSS制作网页总结的一些经验
- 六招提高网页加载速度的小技巧
- 关于ArcSDE的学习经验总结
- 开发者:关于Admob的个人经验总结
- 提高网页加载速度最简单的5种方式
- 个人学习经验总结
- 提高网页加载速度
- 提高网页加载速度,div+css布局最精简代码建议
- (转)使用tomcat的compression来提高网页加载速度
- 一些C++连接,以及个人的C++学习总结。
- 学习css制作网页总结的一些经验
- [转贴]使用GZIP缓存技术提高网页加载速度
- AjaxMin4Setup.msi 压缩CSS和JS文件提高网页的加载速度
- 【经验总结】如何阅读源代码以及如何提高阅读能力