对“打造自己的reset.css”文中观点的不同看法

作者:张经纬 来源:张经纬的博客 时间:2009-03-08 18:05:00 

在小飞的博客上看到他写了一篇关于reset.css的文章,文章中关于css的部分分析的非常不错,但对于文中关于强调把CSS分别配置,对每一个项目都放置一个reset.css这一类观点,我有不同的看法。

诚然,将reset的东西只写进reset.css里,将layer的东西只写进layer.css里,将represent的东西只写进represent.css在思想是没有错的,但是他并没有考虑到一点,那就是成本。

yahoo搞了一个YUI,可是你在Yahoo的主页上能看到YUI的吗?没有,访问一下google,看看他所有的页面里面有reset这样的东西吗?没有。为什么?成本。

Eric作为个人,可以搞reset.css,YUI作为推动,可以搞reset.css,但是一个网站的架构,是否都应该一股脑的用reset.css?这是根据公司的实际情况来做看的。

让我们以Yahoo为例,我们假定当前我们访问的服务器最大支持2500次并发/秒(不考虑squid,memcache这些东西),当用户访问首页的时候,一共多少个并发?

就目前的情况,一共是26次请求,耗时2.56秒。记做A。

ok,假设yahoo增加了一个reset.css,请求数增加到27次,耗时2.57秒。记做B。

A每秒请求服务器 26 / 2.56 = 10.15 次/秒

B每秒请求服务器 27 / 2.57 = 10.50 次/秒

在A的情况下,1万元的服务器每秒最大支持 2500/10.15 = 246.30 人;
在B的情况下,1万元的服务器每秒最大支持 2500/10.50 = 238.09 人;

换句话说,B运营成本相对于A增加了 (246.30-238.09)/ 246.30 × 10000 = 333.32 元。

仅仅是增加了这样一个文件,我就要多支出333.33元,这样划算吗?

如果按照文中的想法,还要将其他的样式都分门别类的独立出去,那么成本的增长将会是多么可怕的“弧度”

所以“每每有新项目,第一步就是应当使用一个reset.css来重置样式。”,“建议把.clearfix放入layout.css,而把h1、h2之类的定义放进typography.css”还是应该有所选择的去做。

标签:css,yui,架构,服务器
0
投稿

猜你喜欢

  • GIt在pyCharm的详细使用教程记录

    2021-11-21 02:21:05
  • 深入理解Golang的单元测试和性能测试

    2024-05-05 09:27:42
  • 对Keras中predict()方法和predict_classes()方法的区别说明

    2022-11-05 09:13:32
  • 使用vuex缓存数据并优化自己的vuex-cache

    2024-04-30 10:46:33
  • vue全局自定义指令-元素拖拽的实现代码

    2024-04-30 08:46:16
  • Python如何设置指定窗口为前台活动窗口

    2022-01-22 02:20:02
  • JavaScript数学对象Math操作数字的方法

    2024-04-10 10:54:34
  • 简述 Python 的类和对象

    2023-05-17 12:44:23
  • JS代码随机生成姓名、手机号、身份证号、银行卡号

    2024-04-18 09:35:36
  • python的re模块使用方法详解

    2022-08-10 16:18:20
  • MySQL利用profile分析慢sql详解(group left join效率高于子查询)

    2024-01-18 02:16:18
  • Vue结合Video.js播放m3u8视频流的方法示例

    2023-07-02 16:55:40
  • python实现逆序输出一个数字的示例讲解

    2021-05-01 07:22:25
  • Oracle Portal及其门户网站开发概述

    2010-07-20 13:30:00
  • Django项目中动态设置静态文件路径的全过程

    2021-07-12 00:52:24
  • Python3+Appium安装使用教程

    2023-08-22 13:38:32
  • perl批量查询ip归属地的方法代码

    2023-08-11 22:53:54
  • 详解Python+Pyecharts实现漏斗图的绘制

    2022-07-07 10:22:42
  • 用Python写一个无界面的2048小游戏

    2022-02-12 11:18:23
  • Java正则表达式之Pattern类实例详解

    2023-11-07 10:13:33
  • asp之家 网络编程 m.aspxhome.com