效率

Page 1 of 1

Archives

文件夹

新工作的开发环境倾向我并不是很熟悉的VS2012,代码习惯和快捷键也进入了新的环境。 经过了一番自定义以后,发现VS2012自带的类似ZenCoding的功能并不是很完整,于是… 可以去官网下载相应扩展,VS2012是最低的支持版本。 ZenCoding的新名字是Emmet(其实也不新了);   官方下载Emmet   直接在开发环境里面安装可以依据以下步骤 工具->扩展和更新->搜索Emmet 找到以后安装即可。   不过VS下面的快捷键不一样~ 补全是Ctrl+1 还有我最爱的块选择是Ctrl+3和Ctrl+4 当然你也可以重新自定义,有兴趣的快去试试吧。

首先让我们假设手机性能并不是很好。 1、做位移动画translate比trbl更流畅; 2、通过backface-visibility可以开启gpu性能; 3、动画期间transform的属性应该是保持一致的,不然部分手机(小米3)只会做最后定义的动作; 4、在ios6的情况下如果动画不用translate3D,内容多了切换会出现花屏(更准确说应该是translateZ); 5、安卓部分机型不支持对:before元素的动画;

原文地址:http://www.codeproject.com/Articles/26376/Speed-Up-Your-Website-By-Example 说在前面的:这个文章是08年的,比较老了,带着批判和找不同的心态去研究一下,会有收益的。   部分翻译:(翻译来自CSDN) 为什么减少请求数量 请求执行顺序: e.g.: index.htm and then global.css, spring.css, logo.jpg, menu1.jpg, menu2.jpg, menu3.jpg, 1×1.gif, corner1.gif, common.js, validation.js etc…) 在加载页面时,浏览器从URL中(src)中提取头链接href={url},css文件链接和发送每个请求的资源。 大体上,浏览器在每台客户机提出页面请求时只并发下载2-4个资源请求,(取决于http和浏览器版本),一般来说,Firefox要比IE略好一些. 结论:请求与连接越少,则响应越快. 怎样减少请求数量? 减少文件数目(css,js,image) 合并文件(尽可能的)所有的CSS文件尽量合并归一,所有的JS文件尽量合并归一, 使用浏览器缓存 当第一次请求时,减少资源,之后将依靠cache机制,不必再请求资源。 使用”expires”头。 优化html 为什么优化它? 大体来说html只耗20%的时间而其它(CSS,Javascript,images)要消耗80%的时间 html包裹所有的对象(标签控件)和styles,这些都提供与浏览器进行解析,解包和render(生成). 由于浏览器之争(竞争)和x/html/css的兼容问题.浏览器被设计为两种模式:普通(快模式,信任模式),quirk模式(必须要验证HTML/CSS,找到和”原谅错误”) 怎么优化它? 1.减少下载时间 将冗长的一页尽量载减为多页 2.快速生成render 使用非常简单的设计 standard vs quirk mode两种模式的选择. 建立信任的standard模式(前提,设计者达到专业水平遵循标准)以使得浏览器使用最优化的解析 切换模式为标准模式 移除inline CSS改为外部CSS引用(减少内部脚本书写,如document.write()) 如果遵循以上原则:浏览器会在生成内容与应用CSS和脚本改变布局之间踌躇,这种情况下会暂停内容的生成,所以要引用外部CSS,JS。 如果不遵循这条原则:外部文件意味着多了一个外部资源请求,如果主页CSS,JS很少,则用内联,减少请求数,加快响应速度。 减裁内容 少用table,转用div.为什么呢?浏览器不能生成实体控件对象(标签对应)直到捕捉到标签尾ie.</table> 若布局用bigger outer,(超多标签)   优化image 为什么要优化? image消耗大量下载时间及带宽,在这方面节省时间会得到卓著的功效。 怎样优化? 1.减少图片的使用频率 2.使用css rollovers代替图片链接。 3.设置恰当的宽度与高度(尽量小) 4.仔细地选择图片的颜色与格式; GIF: works best for solid colors and sharp-edged transitions from one color to other, Maximum colors: 256. JPEG: works best for continuous gradations of many colors or grey tones.   5.避免动画与flash 6.背景尽量用颜色而不用图片 7.不要把图片放在服务器的多个目录上,(避免在两个请求中,得不到最优从第一次缓存图片) 8.在下载大图片时用进度条掩饰,这是个小把戏,但不会引起用户的反感. 9.尽量使用小于10kb的一张图片,尽量不要把大图裁成小图,因为这样会增加request的次数。 使用CSS Sprites或image maps代替 可以把零碎的一些小图拼成一张大图,然后使用css sprites或image maps。