34源码优化.pptVIP

哪些页面不适合div 精简代码: 　　大家都说DIV的布局精简代码，但是用DIV替代TABLE所节约的代码又被CSS(样式)所占用，而这些样式大多用于控制DIV的排版布局。那你会说了，CSS可以放在外部重用啊，要想得到这个问题的答案请往下看。 　　 哪些页面不适合div 　　重用性与下载量: 　　统一使用一个.css的样式表文件，可以实现修改一次，全站修改的效果，这样使得维护的成本更低。但是请大家换一个角度想，如果所有页面在加载时都要访问一个文件，那这个文件每天的下载量，特别时在搜狐、新浪的网站平台上将达到几亿次，这就需要后面有很多台前端web服务器在做支撑，那后台的成本无形中也提高了很多。如果后台支撑没有做好，那么页面就会出现花屏，之前所作的工作也是白费。很多人会问，这样的几率太小了。我们所作的工作就是为了避免这一两次意外的发生，如果意外发生了，对于门户后果将是不堪设想的。 　　 哪些页面不适合div 　　HTTP通讯: 　　统一的样式表文件采用外部调用的形式，这样每次加载单个页面都会多一次对服务器的http请求服务器都会增加一次响应，这样对前端web服务器会是很大的消耗。而原来很长时间都是将css和js写在页面前端(大家可以看看sohu和sina的页面，大多都是采用这样的形式)，而不是作为外部调用的形式，也是为了尽量避免给服务器增加消耗。 　 哪些页面不适合div 　　页面缓存: 　　每次用户访问的页面，都会在浏览器缓存中保存一定时间，以保证用户下次再访问该页面时能够大大提高页面显示速度。而每次修改都会使页面重新下载，对于每个外部导入的样式文件也是如此，如果CSS文件修改，那么访问网站的每一个页面都会重新下载，而以往的将样式写在页面中的方式，只是修改的页面需要重新下载。 　　 哪些页面不适合div 　　兼容性: 　　对于CSS(样式表)并不是所有浏览器的所有版本都支持的很好，比如IE5以前的浏览器对于CSS的支持就不是很好。而现在使用IE5以前版本浏览器的用户不在少数，这样就使得在页面制作的过程中需要针对不同浏览器版本进行测试，以保证兼容性，无形中也增加很多工作量(至少我接触的开发人员制作div页面比table页面的标准时间要长一些)。 　　 哪些页面不适合div 　　横切与延展性: 　　横切——传统的布局方式为了使页面下载的更快，把页面自上而下分成若干个块，但是往往采用DIV进行布局的页面都会出现这样的情况，由于每块中间栏或者其他栏内容条数不固定导致两边栏目没有同时自适应，而出现留白。 相比之下传统的table方式更容易规避这样情况的发生。 CSS代码精简工具介绍 CleanCSS 是一个免费的CSS 精简压缩工具，通过这个在线工具，可以将你的CSS文件压缩、优化成更精简，这将大大提高你的网站的载入速度。进入CleanCSS后, 你可以输入要压缩的CSS代码或是该CSS文件的所在URL地址, 然后选择代码布局和相应的精简压缩选项, 最后点击生成即可. more CSS压缩与优化工具 是一个中文版的CSS代码精简工具. 进入CSS压缩与优化工具之后，选择简体或繁体中文选项，然后其他的操作就比较简单了。您可以将CSS代码贴入文本框或者输入您网站或博客的CSS文件地址，如果您不懂CSS相关 知识，那么选择默认设置即可；而懂得CSS相关的朋友则可以进行其他相关设置。除此之外，如果您希望导出经过“减肥”的CSS文件，则需要选择最后一个“ 导出优化后的CSS ”选项。via chada CSS精简思路 1,css的定义名，尽可能的不超过4个字母： 其实4个字母已经可以满足各种名称的千变万化了。这个是我在9rules和一些设计师讨论得出的结论，我们一直在致力于最高效执行的css编写方式，首个字母可以代表一类比较明了的意思，下面的注释/*xxx*/纯粹为了解释，真的写网页的时候千万不要这么废话哦，比如： 一个背景颜色color定义，我常常写为 .cw{background:#fff} /*白色white背景，这个相信最常用，我常常独立写出来，需要时就用*/ .chu1{background:#333}/*灰色hui背景，按照DW的色谱从深到浅按1~n数字排列，作为中国人hui这个拼音自己好懂*/ .chu3{background:#666} 我在所有的单独颜色css定义都使用c打头，就是为了方便统一查看，这类定义经常可以使用在class=w100 cw这样的灵活组合编写方式中，其实这类定义我都喜欢在css表里写在一个区里，比如 /*颜色*/ .cw{background:#fff} .chu1{background:#333} .chu3{background:#66