成都网站建设

拥有10年以上经验丰富的网站制作团队,具备科学的建站流程和快速的客户服务体系(诺贝尔妈妈网gzyhdz)

成都网站建设专家

整合营销专家

最短时间、最快速度、最简操作、最低投入提高品牌展示率

成都整合营销专家

网站优化推广

搜索引擎优化,百度自然排名第一,真正实现点击不收费!

成都网站优化推广

主机域名

冠辰中国独家采用独立IP,减少IP被封机率;利于优化排名

独立IP主机
您当前位置:成都网站建设 >> 新闻频道 >> 成都网站建设 >> 浏览文章

CSS和JavaScript的7个性能提升技巧


时间:2013年05月18日 点击量:

你有没有想过因为一个缓慢的网站你失去了多少客户? 我不是只是说这与有关文件大小有关,因为我们是依靠浏览器的能力,以了解我们的代码,当然,我们也需要思考并处理时间。

这就是为什么有时加入切入口在你的代码中要好得多,因为它(成都网络制作)节省了您宝贵秒的时间,真正的浏览器或IE浏览器尝试并自动处理您的代码。

让我们来看看几个关于如何提高的技巧:

1。 不要重复

您应该使用级联和避免重复代码。 以上只是使用普通类,继承你可以好好利用的,例如,所以应该离开那里,可以设置在父物业。 你也可以使用相同的属性集多个元素(用逗号分隔多个选择器,你懂的)。

此外,在你的JS对象,功能和插件,所以好好利用你不需要重复代码。

2。 代码由右至左
不像我们,浏览器将处理jQuery和CSS选择器,由右至左。 你可能会认为,这不会影响你的代码,但事实是,它改变了一切。 像这样的一个选择是真的,真的不好:

 $(“body #container div a”)
我们认为我们正在写的是:“嘿,浏览器,找到”身体“标签,然后在里面,它的发现在#container。 在那里,你会发现一个'DIV'和'元素'一对夫妇,让我们选择那些“。 但实际上,浏览器会读取整个页面寻找'一'标签,然后它发现它会检查它是否有一个div作为母公司为每个标签,然后检查的div#容器ID有一个元素,然后
检查如果有一个body标签下方。

 

从 亚历克斯Anistratov 图片

 

这不仅仅是太乱了。 在JS中,我们有一些优雅的解决方案,如发现功能,使您的代码实际上将被理解为你想。 像这样的东西将是一件好事:

 $(“#container”).find(“div”).find(“a”)
当你写CSS,不要有太多太多的选择,但让尽可能具体,所以尽量寻找最近的类或ID,你可以找到。

3。让ID变快

只要代码中有可能使用的ID,他们更快,无论是在CSS或JS。 使用JS时,你有可能使用的替代品,而不是jQuery的选择标签,像document.body的,甚至整个DOM树传递一个数组(如果你已经知道元素的确切位置)。

4。 保持的选择得简短

请记住,在你的选择有时一个额外的项目只会搞砸了你的代码。 举例来说,如果你有一个“UL李”选择,可以在网站代码中简单的使用一些“UL”,你会被罚款。

最好的JS尖是“不使用”。 大多数时候,你根本就不需要它和使用将花费你很多更在性能,开发时间,浏览器兼容性和维护。

你可以代替很多CSS动画的动画,你也可以使用一个库像yepnope或Modernizr的有条件地加载浏览器无法跟上你迷死回退。

6。 您不需要申报瓦尔,但你应该

很多人简单地跳过了var声明步骤。 这是好的,但您将创建一个全局变量,可以打破其他功能和浏览器来恢复它时,它会搜索从地方到全球范围内的很多。

即使你将使用一个全球范围内的无功,你可以重新定义它在本地,节省一些有利的时间。 例如,代替这样的:

 var e1= document.getElementById('ID1'), e2= document.getElementB

文章由四川冠辰成都网站建设http://www.scgckj.com/4102.html编辑整理,转载请注明出处
联系我们
  • 业务咨询:18782121200
  • 业务咨询:18080432432
  • 服务热线:028-86088588
  • 服务热线:028-62322623-0
  • 免费热线:400-000-2367
  • 传 真:028-62322623-823
网站首页| 关于我们| 热门关键词| 付款方式| 资质证书| 联系我们
版权所有 Copyright © 2002-2013 四川冠辰科技开发有限公司www.scgckj.com 保留所有权利 蜀ICP备11012605号
地址:四川省成都市营门口路439号幸福丽景B座306室 冠辰科技资质证书
服务热线:400-000-2367 028-86088588 总机:028-62322623-0 传真:028-62322623-823