关注前端开发
关注用户体验

通过优化CSS代码 减小对系统资源的占用

通过优化CSS代码,减小对系统资源的占用。自己整理出几个能减少系统资源占用的CSS写法,要优化网站的页面加载速度,这些注意点不能忽视!

一、尽量不要使用*通配符。

这是以前我自己一直忽视的问题,觉得使用通配符很方便,但没考虑的这是很占用系统资源的,因为这通配符就是将CSS中的所有标签都初始化了,不过用的不 用的,过时的先进的,一视同仁,这样,大大的占用资源。在大前端中,也对此知识点有所说明。所以尽量不要贪图方便而使用通配符,应该有选择的 初始化标签的样式。

二、尽量不要使用过小的图片做背景平铺。

原因是,假如用1px * 1px的图片平铺出一个 300px * 300px的区域,就需要300 * 300 = 60000 次,是非常占用资源的。

三、无边框。

很多人经常会这样些的:border:0;其实这只是定义了边框的宽度为0,但边框样式、颜色等还是会被浏览器解析的,所以也是占用了不少的资源,尤其 是有些没注意上文提到的第一问题,将所有的标签初始化都定义了border:0; 推荐的写法是:border:none;

这是整理出来的几个比较容易犯错的地方,也欢迎大家一起来大前端讨论!

未经允许不得转载:大前端 » 通过优化CSS代码 减小对系统资源的占用
分享到:更多 ()

评论 10

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #10

    受教了,原来认为图片是越小越好,一语惊醒梦中人哪,哈哈。

    Ipxxiao3年前 (2013-12-27)回复
  2. #9

    Css Sprites图片整合应用也算个

    前蘸烟芜5年前 (2012-12-13)回复
  3. #8

    学习

    我爱猪6年前 (2011-01-24)回复
  4. #7

    how to use

    Free AVG7年前 (2010-11-14)回复
  5. #6

    i want it

  6. #5

    文章写的不错,特来顶一下!!!

    论坛广场7年前 (2010-11-02)回复
  7. #4

    感谢楼主分享的好文章!!!

    荣成之窗7年前 (2010-11-02)回复
  8. #3

    恩,不错!来了留个小脚丫,呵呵

    emul7年前 (2010-10-25)回复
  9. #2

    人才啊

    匿名7年前 (2010-10-12)回复
  10. #1

    平时很少关注这方面,学习了 [:11]

    web前端寒风7年前 (2010-10-09)回复

themebetter 国内更好的WordPress主题服务商

立即前往