加快网站速度的最佳做法_(4)避免使用css表达式

CSS表达式是一个强大的方法，可以使得CSS属性动态的改变。在IE5.0的版后得到支持，但是在IE8中被剔除了。作为一个例子，背景色可以用CSS表达式设置成每隔一个小时改变。

    /*code里面没有cs只有用java代替，见谅见谅*/    background-color:expression( (new Date()).getHours()%2 ? "#B8D4FF":"#F08A00");

正如上面所示，表达式方法接受js表达式。CSS的属性值是这个JS表达式的结果。这个表达式只有在IE中才能使用，并且只有在需要创建一个跨浏览器的一致体验时才能用到。

使用表达式的问题是，表达式的计算频率比人们想象的要高的多。不只是在页面被渲染或者是改变的时候，当人们在页面上滑动滚动条，甚至是在页面上移动鼠标的时候，表达式都会被计算。在CSS表达中的增加计数器可以帮助我们监控CSS表达式被计算的次数。在页面上移动鼠标很容易就产生超过10000次的表达式计算（运行）。

一种减少CSS表达式计算的方法是使用一次(one-time)表达式，当表达式第一次被计算的时候，它就对样式设置了一个明确的值，这样来代替表达式的不断计算。如果样式的属性必须根据页面的情况动态的来设定，使用事件捕捉(event handlers)的方法而不是css表达式。如果你一定要使用css表达式，记住它们也许会被计算上千次，这会影响你的页面的性能。

加快网站速度的最佳做法_(4)避免使用css表达式相关推荐

加快网站速度的最佳做法_(1)最小化http请求
原文地址:[url]http://developer.yahoo.com/performance/rules.html[/url] 自己做了点翻译: 最小化HTTP请求 80%的用户响应时间是花在前端 ...
加快网站速度的最佳做法_(3)script脚本放在底部
脚本的问题是它会阻止并行的下载.HTTP/1.1规定,浏览器在同一个主站不能并行同时下载超过两个组件.如果你把图片放在多个站点上,就可以同时下载多个图片.但是,当在下载脚本的时候,浏览器不能同时进行其 ...
加速网站速度的最佳做法_(2)把样式表放在顶部
在雅虎性能的研究中,我们发现把样式表放在HEAD中使得页面看起来加载比较快.因为把样式表放在HEAD使得页面能够逐步呈现. 前端工程师关注性能,希望页面能够快速的加载,也就是说希望浏览器能够尽快地显示 ...
seo外链重要性_为什么网站速度对于SEO至关重要？以及如何加快网站速度
seo外链重要性 No one likes to wait for a site to load. I don't. You don't. And search engines really don' ...
用css sprites（图像拼合技术）优化css加快网站速度[转]
一般说来客户端对服务器端进行一次请求就要消耗0.2s左右.如果一个网站的图片,特别是网页素材较多的情况下, 于服务器之间的延迟就很大.利用CSS 图片拼合 (CSS sprites) 可有效降低图片文 ...
[转]用 ASP.NET 2.0 改进的 ViewState 加快网站速度
本文讨论: • ViewState 如何工作 • ASP.NET 2.0 ViewState 的改进 • 使用控件状态维护功能 • 性能考虑本文使用以下技术: ASP.NET.C# 代码下载: Vi ...
ui设计师工作业绩描述_设计师的新职位描述：提高网站速度
早在2010年,网站速度和页面加载时间已添加到Google的算法中. 与有关iPhone和社交媒体的最新消息相比, 网站速度问题虽然不是头条新闻,但它是Web设计师关注的问题 ,它也是发展设计业务的最 ...
大带宽服务器对于网站速度的影响有多大？
如今,拥有快速的网站速度已成为网站成功的关键因素之一.当我们浏览网站时,最重要的是能够快速加载页面,否则我们很可能会失去耐心,离开网站.为了确保网站速度,有许多因素需要考虑,其中之一是服务器的带宽.那 ...
提高文件共享服务器速度,通过云服务器共享以优化网站速度并提高转换率
在当今具有时代意识的互联网时代,网站开放的速度至关重要.想象一下,如果您的网站页面在加载过程中始终延迟.不要低估这些秒的延迟,它往往会造成大量访客流失,这将对您的业务销售产生巨大影响. 今天,领网云小 ...

加快网站速度的最佳做法_(4)避免使用css表达式

加快网站速度的最佳做法_(4)避免使用css表达式相关推荐

最新文章

热门文章