网站静态化处理这个系列马上就要结束了,今天我要讲讲本系列最后一个重要的主题web前端优化。在开始谈论本主题之前,我想问大家一个问题,网站静态化处理技术到底是应该归属于web服务端的技术范畴还是应该归属于web前端的技术范畴,要回答清楚这个问题我们要明确下网站应用的本质到底是什么?网站的本质其实就是B...
分类:
Web程序 时间:
2015-06-02 17:41:47
阅读次数:
112
Web前端很多优化原则都是从如何提升网络通讯效率的角度提出的,但是这些原则使用的时候还是有很多陷阱在里面,如果我们不能深入理解这些优化原则背后所隐藏的技术原理,很有可能掉进这些陷阱里,最终没有达到最佳的预期效果,今天我在这里分析下浏览器和服务端通讯的一些细节问题,希望通过分析这些细节问题,能给大家一...
分类:
Web程序 时间:
2015-06-02 17:35:14
阅读次数:
101
本篇继续web前端优化的讨论,开始我先讲个我所知道的一个故事,有家大型的企业顺应时代发展的潮流开始投身于互联网行业了,它们为此专门设立了一个事业部,不过该企业把这个事业部里的人事成本,系统运维成本特别是硬件采购的成本都由总公司来承担,当然互联网业务上的市场营销成本这块还是由该事业部自己承担,可是网站...
分类:
Web程序 时间:
2015-06-02 17:16:42
阅读次数:
104
最近ITOO.NET下的整个平台下的基础.考评和权限已经都出来了,本来想在此评教中能够大展身手,可是却不然,在测试的时候,速度特别的慢,CPU明显高出了很多。问题暴露出来了是件好事,及时想办法改进。下面谈一下自己改进的办法。
1.WEB前端优化
在网上搜索了很多文章,关于WEB前端优化的问题。比如客户端缓存、最小HTTP请求、图片优化加载等等,可是对于评教来说,又有前台...
分类:
其他好文 时间:
2015-05-31 16:54:05
阅读次数:
162
对于我们前端开发人员来说,最繁琐的莫过于页面的优化以及浏览器兼容问题,今天我就浅谈一下关于页面的优化问题。设计和构造计算机程序要经过成千上万次抉择,每个选择都有其显著的优缺点,而我们又期望收益最大化,损耗最小化,那我们肯定就只有选择最利于我们并且整体开销最小的方法,优化的原则也就是这个。显然,优.....
分类:
其他好文 时间:
2015-05-30 13:25:41
阅读次数:
92
1. 缩写值 尽量减少 margin-left:auto; margin-right:auto; 这样的写法。 取而代之应该写成这样, margin:0 auto;2. 避免消耗性能的属性 filter:alpha(opacity=50) 或 width:exprexssion(t...
分类:
其他好文 时间:
2015-04-21 17:38:24
阅读次数:
162
我的目录1:webpack文章推荐2:叶小钗文章推荐3:我的项目优化1>> 如果说前端构建的嗲是grunt,那么干爹就是gulp,以及新干爹(webpack):Webpack能够和grunt、gulp、karma等已有工具很好地集成。而Webpack自己并不提供模块的下载,但它可以和已有的包管理器很...
分类:
移动开发 时间:
2015-04-16 12:01:01
阅读次数:
220
前端的性能对于一个Web应用来说非常重要,如果一个Web应用的页面加载速度非常快、对于用户的操作可以及时响应,那么产品的用户体验将会极大地提升。下图显示了页面加载速度对于用户体验的影响。你的Web页面的速度是否已经足够快了?其实可能还有很多可以提升的地方。Google和雅虎也提出了一些Web应用的前...
分类:
Web程序 时间:
2015-04-15 00:46:04
阅读次数:
190
目录(分7类,共35条):[内容]尽量减少HTTP请求数[服务器]使用CDN(Content Delivery Network)[服务器]添上Expires或者Cache-Control HTTP头[服务器]Gzip组件[css]把样式表放在顶部[js]把脚本放在底部[css]避免使用CSS表达式[...
分类:
其他好文 时间:
2015-04-10 13:05:45
阅读次数:
141
/前端优化内容部分 css javascript cookie 图片 服务器 移动应用内容部分尽量减少http请求1,合并文件是通过把所有的脚本放到一个文件中来减少http请求,如把所有的css都合并到一个样式表2,css sprites技术合并图片3,图片地图:紧挨在一起才可以使用,不具有可读.....
分类:
其他好文 时间:
2015-04-08 12:48:30
阅读次数:
153