l0gic
DG писал:
Не тормозит, а ускоряет.
Скачать два файла по N байт - быстрее, чем один размером 2*N.
Правда это проявляется при достаточно больших объёмах. Вот такой парадокс
Согласен, кроме того "хороший" сервер будет читать css не с харда, а из оперативки. Ну и плюс многие браузеры научились кешировать стили, но смотрим ниже
Google:
Код:
<!doctype html><head><title>fdsgdf - Поиск в Google</title><style>body{background:#fff;color:#000;margin:3px 8px}#gbar{float:left;height:22px}.gbh,.gbd{border-top:1px solid #c9d7f1;font-size:1px}.gbh{height:0;position:absolute;top:24px;width:100%}#gbs,.gbm{background:#fff;left:0;position:absolute;text-align:left;visibility:hidden;z-index:1000}.gbm{border:1px solid;border-color:#c9d7f1 #36c #36c #a2bae7;z-index:1001}#guser{padding-bottom:7px !important;text-align:right}#gbar,#guser{font-size:13px;padding-top:1px !important}.gb1,.gb3,.gb3i,.gb3f{zoom:1;margin-right:.5em}.gb2,.gb2i,.gb2f{display:block;padding:.2em .5em}a.gb1,a.gb2,a.gb3,a.gb4{color:#00c !important}.gb2,.gb2i,.gb2f,.gb3,.gb3i,.gb3f{text-decoration:none}a.gb2:hover{background:#36c;color:#fff !important}a.gb1,a.gb2,a.gb3,.link{color:#20c!important}.ts{border-collapse:collapse}.ts td{padding:0}.ti,.bl,form,#res h3{display:inline}.ti{display:inline-table}.fl:link,.gl,.gl a:link{color:#77c}a:link,.w,#prs a:visited,#prs a:active,.q:active,.q:visited{color:#20c}.mblink:visited,a:visited{color:#551a8b}a:active{color:red}.cur{color:#a90a08;font-weight:bold}.b{font-weight:bold}.j{width:42em;font-size:82%}.s{max-width:42em}.sl{font-size:82%}#gb{text-align:right;padding:1px 0 7px;margin:0}.hd{position:absolute;width:1px;height:1px;top:-1000em;overflow:hidden}.f,.m,.c h2,#mbEnd h2{color:#676767}.a,cite,.cite,.cite:link{color:green;font-style:normal}#mbEnd{float:right}h1,ol{margin:0;padding:0}li.g,body,html,.std,.c h2,#mbEnd h2,h1{font-size:small;font-family:arial,sans-serif}.c h2,#mbEnd h2,h1{font-weight:normal}#ssb,.clr{clear:both;margin:0 8px}#nav a,#nav a:visited,.blk a{color:#000}#nav a{display:block}#nav .b a,#nav .b a:visited{color:#20c}#nav .i{color:#a90a08;font-weight:bold}.csb,.ss,#logo span,#rptglbl{background:url(/images/nav_logo7.png) no-repeat;overflow:hidden}.csb,.ss{background-position:0 0;height:26px;display:block}.ss{background-position:0 -88px;position:absolute;left:0;top:0}.cps{height:18px;overflow:hidden;width:114px}.mbi{width:13px;height:13px;background-position:-91px -74px;position:relative;top:2px;margin-right:3px}#nav td{padding:0;text-align:center}#logo{display:block;overflow:hidden;position:relative;width:103px;height:37px;margin:11px 0 7px}#logo img{border:none;position:absolute;left:-0px;top:-26px}.w10,.w11,.w20,.w21,.w24,.wci,.wpb,.w4,.w5,.w40,.w41,.w44,.w50,.w51,.w54,li.w0 .w5,li.w1 .w5{background:url(/images/nav_logo7.png) no-repeat;border:0;cursor:pointer;display:none;margin-right:3px;padding:0;height:14px;vertical-align:bottom;width:14px}.w10,.w11,.w20,.w21,.w24{height:16px;margin-left:8px;width:16px}.w10{background-position:-104px -42px}.w11{background-position:-134px -27px;cursor:default;display:inline}.w20{background-position:-104px -57px}.w21{background-position:-104px -27px}.w24{background-position:-134px -44px;cursor:default;display:inline}.wci,.w4,.w5,.w40,.w41,.w44,.w50,.w51,.w54,li.w0 .w5,li.w1 .w5{display:inline;height:14px;width:14px}.w14,.w44,.w54{display:none}.wci{background-position:-119px -87px;height:14px;width:16px}.wpb{background-position:-91px -74px;display:inline;height:13px;vertical-align:-2px;width:13px}.w4,.w40,.w41,.w44{background-position:-104px -42px}.w5,.w50,li.w0 .w5,.w54{background-position:-104px -57px}.w51,li.w1 .w5{background-position:-104px -27px}.wcd{margin-top:2px;max-width:42em}.link{color:#00c;text-decoration:underline;cursor:pointer}.link:active{color:red}#logo span,.ch{cursor:pointer}.lst{font-family:arial,sans-serif;font-size:17px;vertical-align:middle}.lsb{font-family:arial,sans-serif;font-size:15px;height:1.85em;vertical-align:middle}h3,.med{font-size:medium;font-weight:normal;padding:0;margin:0}.e{margin:.75em 0}.bc a{color:green;text-decoration:none}.bc a:hover{text-decoration:underline}.slk td{padding-left:40px;padding-top:5px;vertical-align:top}.slk div{padding-left:10px;text-indent:-10px}.fc{margin-top:.5em;padding-left:3em}#mbEnd cite{display:block;text-align:left}#mbEnd p{margin:-.5em 0 0 .5em;text-align:center}#bsf,#ssb,.blk{border-top:1px solid #6b90da;background:#f0f7f9}#bsf{border-bottom:1px solid #6b90da}#flp{margin:7px 0}#ssb div{float:left;padding:4px 0 0;padding-left:7px;padding-right:.5em}#prs a,#prs b{margin-right:.6em}#ssb p{text-align:right;white-space:nowrap;margin:.1em 0;padding:.2em}#ssb{margin:0 8px 11px;padding:.1em}#cnt{max-width:80em;clear:both}#mbEnd{background:#fff;padding:0;border-left:11px solid #fff;border-spacing:0;white-space:nowrap}#res{padding-right:1em;margin:0 16px}.c{background:#fff8dd;margin:0 8px}.c li{padding:0 3px 0 8px;margin:0}.c .tam,.c .tal{padding-top:12px}#mbEnd li{margin:1em 0;padding:0}.xsm{font-size:x-small}.sm{margin:0 0 0 40px;padding:0}ol li{list-style:none}.sm li{margin:0}.gl,#bsf a,.nobr{white-space:nowrap}#mbEnd .med{white-space:normal}.sl,.r{display:inline;font-weight:normal;margin:0}.r{font-size:medium}h4.r{font-size:small}.mr{margin-top:-.5em}.ri_cb{left:0;margin:6px;position:absolute;top:0;z-index:1}.ri_sp{display:-moz-inline-box;display:inline-block;text-align:center;vertical-align:top;margin-bottom:6px}.ri_sp img{vertical-align:bottom}.g{margin:1em 0}.mbl{margin:1em 0 0}em{font-weight:bold;font-style:normal}.tbi div, #tbp{background:url(/images/nav_logo7.png) no-repeat;overflow:hidden;width:13px;height:13px;}#ssb #tbp{background-position:-91px -74px;padding:0;margin-top:1px;margin-left:0.75em;}.tbpo,.tbpc{margin-left:3px;margin-right:1em;text-decoration:underline;white-space:nowrap;}.tbpc,.tbo .tbpo {display:inline}.tbo .tbpc,.tbpo{display:none}#prs *{float:left}#prs a, #prs b{margin-right:.3em}#ssb a{outline:none}.std dfn{padding-left:.2em;padding-right:.5em}dfn{font-style:normal;font-weight:bold;padding-left:1px;position:relative;top:-.12em}#tbd{display:none;margin-left:-11.3em}.tbo #tads,.tbo #pp,.tbo #tadsb{margin-left:14.7em}.tbo #res{margin-left:12.75em;}.tbo #tbd{width:11.3em;padding:0;left:11px;background:#fff;border-right:1px solid #c9d7f1;position:absolute;margin-top:11px;display:block;margin-left:0}.tbo #mbEnd{width:26%}</style>
Яша:
Код:
<title>sdgfsdfs —Яндекс:нашлось 7 страниц</title>
<style type="text/css">
.we{font-size:110%}
.wf{font-weight:bold}
.wg{color:#f00}
.fz{margin:0 0 2em 0}
.ga:link,.ga:visited{color:#666}
.gb{margin:.6em 0 0 0;color:#555}
.gc{font-size:90%}
.gd{float:left;margin:.5em 0}
.ge{display:block;padding:0 0 0 12px;background:url(//img.yandex.net/i/search/z-video__preview-l.gif) repeat-y 0 0}
.gf{display:block;padding:0 12px 0 0;border-bottom:1px solid #fff;background:url(//img.yandex.net/i/search/z-video__preview-r.gif) repeat-y 100% 0}
.gg{display:block;border:1px solid #fff;border-width:1px 0 1px 0;background:none repeat-y 50% 50%}
.gh,.gi{display:block;margin:16px 0;padding:5px 0 0;background:url(//img.yandex.net/i/search/z-video__preview-tb.gif) repeat-x 0 0}
.gi{margin:0;padding:0 1px 5px;background-position:0 100%}
.gj{display:block}
.gk{font-size:80%;padding:0 12px 1px 12px;text-align:right}
.gl{float:left}
.gm{line-height:11px;color:#666}
.gn{vertical-align:top;margin:1px 0 0 0}
</style>
Bing:
Код:
<script type="text/javascript">//<![CDATA[
si_ST=new Date
//]]></script><script type="text/javascript">//<![CDATA[
_G={ST:(si_ST?si_ST:new Date),Mkt:"ru-RU",RTL:false,Ver:"5_09_0_455002",IG:"6dd46e807bbd488c95705aecb7c624af",EventID:"50BC92E4E5EB42EB9CB634F607CFCA84",P:"SERP",CID:"A8A63DE9B61E4749BE068AEE80E39EF5",PCId:"1",cUrl:"http:\/\/c.bing.com\/c.gif?DI=15074",gpUrl:"\/fd\/ls\/GLinkPing.aspx?"};_G.lsUrl="/fd/ls/l?IG="+_G.IG+"&CID="+_G.CID+"&PM=Y";curUrl="http:\/\/www.bing.com\/search";function si_T(a){if(document.images)(new Image).src=_G.gpUrl+'IG='+_G.IG+'&CID='+_G.CID+'&PM=Y'+a;return true;};_w=window;_d=document;sb_de=_d.documentElement;sb_ie=!!_w.ActiveXObject;sb_i6=sb_ie&&!_w.XMLHttpRequest;function _ge(a){return _d.getElementById(a)}sb_st=_w.setTimeout;sb_ct=_w.clearTimeout;sb_gt=function(){return (new Date).getTime()};function si_PP(d,e){if(!_G.PPS){var c="'",b=["PC","FC","BC","BS","H","C1","C2","BP"];for(var a=0;a<b.length;a++)c+=",'"+b[a]+"':"+(_G[b[a]+"T"]?_G[b[a]+"T"]-_G.ST:-1);(new Image).src=_G.lsUrl+"&Type=Event.CPT&DATA={'pp':{'S':'"+e+c+",'CT':"+(d-_G.ST)+",'IL':"+_d.images.length+"}}"+(_G.P?"&P="+_G.P:"");_G.PPS=1;sj_evt.fire("onPP")}}_w.onbeforeunload=function(){si_PP(new Date,"A")};sj_evt=new function(){var a={};function b(b){return a[b]||(a[b]=[])}this.fire=function(e){var d=[].slice.apply(arguments).slice(1),a=b(e);a.e=d;for(var c=0;c<a.length;c++)sb_st(sj_wf(a[c],d),a[c].d?a[c].d:0)};this.bind=function(f,a,d,e){var c=b(f);a.d=e;c.push(a);if(d&&c.e)a(c.e)};this.unbind=function(e,d){for(var c=0,b=a[e];b&&c<b.length;c++)if(b[c]==d){b.splice(c,1);break}}};
//]]></script><style type="text/css">body{background:#fff url(/fd/s/a/j.png) repeat-x 0 -83px;font:small/normal Arial,Helvetica,Sans-Serif;margin:0;padding:0;min-width:980px}a{color:#03c;text-decoration:none}a:visited{color:#639}a:hover,h3 a{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:#525051;font-size:small;font-weight:200;margin:0;padding:0}h1{font-size:93%;color:#898994}.sb_ph h1{text-transform:uppercase}h2,h3{font-size:125%}h1 a{color:#f60}h2{margin:0 0 .62em}h2,h2 a,h2 a:visited{color:#f76120}h2 span{margin-left:.47em;font-size:small;color:#525051}h2 span span,h2 cite{margin:0 .47em 0 0}h2 span a,h2 span a:hover{color:#03c}img{border:0}cite,.sb_cite{color:#568e1a;font-style:normal;word-wrap:break-word}strong{font-weight:700}.sb_count{color:#898994;font-size:93%}.sb_meta,.sb_meta a,.sb_meta a:visited{color:#a1a1a1;margin:0}.sb_alert{color:#d90026}.sb_alert a{font-style:italic}#sw_hdr,#sw_content,#sw_main,#sw_foot{width:100%;float:left}#sw_content{position:static;z-index:3;min-height:344px}#sw_canvas{padding:0 0 0 15px}#sw_main{width:100%;margin:0 0 0 -15px;padding:0 0 1.54em 15px}.sb_results,.sb_results ul,.sb_results li,.sb_results li li{list-style-type:none;margin:0;padding:0}.sb_results li{padding:0 0 1.38em}.sb_results p{margin:0;line-height:1.3em;word-wrap:break-word}.sb_results .sb_meta li,.sb_results .sb_meta cite,.sp_pss li{display:inline;line-height:1.3em}.sb_pag{padding:0;margin:0;width:100%;float:left}.sb_pag ul,.sb_pag li{list-style:none;margin:0;padding:0}.sb_pag li{float:left}.sb_pag h4{display:none}.sb_pag a,.sb_pag span{display:block;border:1px solid #d4d4d4;padding:.3em .7em;margin:0 .38em 0 0;text-align:center}.sb_pag a,.sb_pag a:visited{color:#f76120}a.sb_pagP,a.sb_pagN,span.sb_pagSp{padding:.38em .5em;border:none;color:#03c}a.sb_pagP:visited,a.sb_pagN:visited{color:#639}.sb_pag a:hover,a.sb_pagS{text-decoration:none;background:#fbefdb;border:1px solid #ffa615}a.sb_pagP{margin-right:.7em;padding-left:0}a:hover.sb_pagP,a:hover.sb_pagN{text-decoration:underline;background-color:transparent;border:none}#sw_hdr{position:relative;z-index:1001;_float:none;min-height:100px;_height:100px;min-width:980px}#sw_tbbg{background:#525051 url(/fd/s/a/j.png) repeat-x 0 -83px;margin-bottom:-1.85em;height:1.85em}#sw_ltxt{color:#03C;font-size:170%;left:40px;position:absolute;top:44px}#sw_im{position:absolute;height:100px;width:450px;filter:alpha(opacity=0);opacity:0;top:0;left:0}#sw_imL{margin:36px 0 0 20px;_overflow:hidden;width:125px;height:45px}.sw_imLd #sw_imL{background:url(/fd/s/a/j1.png) 0 -45px}#sw_imL.sc_idk{background-position:0 0}#sw_imL2,#sw_pLLogo2{display:none;_display:block;height:300px;width:125px;margin:-45px 0 0 -1px}.sw_imLd #sw_imL2{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fd/s/a/j1.png', sizingMethod='crop')}#sw_pLLogo{margin:36px 0 0 20px;background:url(/fd/s/a/j.png) 0 -38px no-repeat;_overflow:hidden;width:125px;height:45px;position:absolute;top:0;left:0}#sw_imL.sc_idk #sw_imL2{margin-top:0}#sw_im #sw_imL{_background:none}#sw_bta,#sw_fbta{font-size:12px;font:arial regular;color:#006dd4;display:block;margin-top:38px;_margin-top:-193px}#sw_bta{position:absolute;_margin-top:36px;left:20px;top:38px}#sw_fbta{margin:-7px 0 0 20px}#sw_fbta.sw_drk{color:#fff}a.sw_logo{display:block;height:45px;width:125px;margin:-30px 10px 0 0;float:left}#sb_form a.sw_logo{margin-right:40px}.sw_logoT{color:#000;cursor:pointer;display:block;font-size:13px;position:absolute;top:-9em;z-index:-1}.sw_box a:hover{text-decoration:none}#sw_hdr #sb_form,#sw_hdr .sw_box{padding:47px 0 0 20px;margin:0}#sw_hdr .sw_bd{margin-top:-2.43em}.sb_form_align{margin-left:175px;padding:5px 0 0}.sw_tb #sch_scopes{margin:0 0 0 8px;_margin-left: 4px;padding:0 0 0 .31em}.sc_active{font-weight:bold}#sw_hdr .sw_tb #sch_scopes li a{margin:0 1em 0 .67em}#sw_hdr .sc_hl1 li a{padding:0 0 0 18px;border-left:solid 1px #ccc;margin-top:-1px}#sw_hdr #sch_scopes li a{padding:0;border:0;margin-top:0}#sw_hdr .sw_cb{position:absolute;top:2.58em;right:1.35em;color:#5073b9;font-size:93%}.sw_tb{padding:.35em 0;font-size:93%;color:#fff;line-height:130%;width:100%;min-height:14px}.sw_tb ul{display:block;margin:0;padding:0;list-style:none}.sw_tb ul.sc_hl1{float:left}.sw_tb ul.sw_right{float:right;_display:inline;margin-right:.5em;white-space:nowrap}.sw_tb ul.sw_right .mktTgl{margin:0 .5em -.2em 0}.sw_tb li{display:inline;line-height:normal;padding:0;margin:0;zoom:1}#sw_hdr .sw_tb a{color:#fff;_padding-left:1px;zoom:1}.sw_tb a,.sw_tb span{margin:0 .5em}.sw_tb a span,.sw_tb span a{margin:0}.sw_tbb{height:1px;font-size:1px;background:#d1d7da;opacity:.5;filter:alpha(opacity=50);width:100%;clear:both}.sw_u{font-weight:bold}.sw_right li span{margin:0 .85em 0 .85em}.sw_b input{float:left;*float:none;border:0;margin:0 0 -.8em;color:#333;font-size:100%;padding:.2em .64em 0 .44em;width:24.0333em;height:1.4em;line-height:1.2em}.sw_bd{position:relative;float:left}.sw_bd2 .sw_b{float:left}input.sw_q_nrw{width:14.9333em}.sw_b .sw_qbtn{background:#f9761d url(/fd/s/a/j.png);cursor:pointer;height:24px;width:24px;padding:24px 0 0;margin:0 0 -12px;overflow:hidden}#sb_form_q2{width:15.5em}.sw_b{font-size:115.9%;*font-size:113%;float:left;*float:none;border:1px #acbabd solid;background:#fff;padding:.2em .2em 1em;*padding:.13em .2em .93em;margin:0 1px 0 0;white-space:nowrap}#sw_as{left:-1px;position:relative;clear:both;display:none;font-size:small}#sw_filt{*margin-top:1px;font-size:85%}#sw_filt input{margin-left:-3px;_margin:0 0 -1px -8px;zoom:1}#sw_filt label{color:#525051;zoom:1;margin-right:10px}#sw_filt a{color:#03c}</style><script type="text/javascript">//<![CDATA[
function sj_wf(a){var b=arguments;return function(){a.apply(null,[].slice.apply(b).slice(1))}};function sj_be(c,a,b,d){if(sb_ie)c.attachEvent("on"+a,b);else c.addEventListener(a,b,d)}function sj_ue(c,a,b,d){if(sb_ie)c.detachEvent("on"+a,b);else c.removeEventListener(a,b,d)};function sj_anim(k){var a=this,j,d,h,g,c,e,i,b,f;a.init=function(m,g,k,l,h){j=m;c=g;e=k;i=l;f=h;if(!b)b=c;if(!d)a.start()};a.start=function(){h=sb_gt();g=Math.abs(e-c-b)/i*25;d=setInterval(a.next,25)};a.stop=function(){clearInterval(d);d=0};a.next=function(){var d=sb_gt()-h;b=c+(e-c)*d/g;if(d>=g){a.stop();b=e;if(f)f()}k(j,b)}};function sj_so(b,a){b.style.filter=a>=100?"":"alpha(opacity="+a+")";b.style.opacity=a/100};function sj_fader(){return new sj_anim(function(b,a){sj_so(b,a)})};(function(){var a=0,c=sj_evt,b=[];if(_w.si_PP)b.push("onPP");for(;a<b.length;a++)c.bind(b[a],d,1);if(!a)d();function d(){if(--a<1)c.fire("onP1")}})();function lb(){var d=sj_evt,e="onSbBusy",b;d.bind(e,c,1);function c(a){b=a[0];d.unbind(e,c)}for(var a=1;a<4;++a){var g="sb_form"+(a>1?a:""),f=_ge(g);if(f&&!(b&&_ge(g+"_q")==b))f.reset()}if(_w.si_sendCReq)sb_st(si_sendCReq,800);if(_w.lbc)lbc()}(function(){var a=sj_evt,c="onSbBusy",b=null;a.bind(c,function(){sb_ct(b);b=sb_st(sj_wf(a.fire,"onSbIdle"),1100)});sj_be(_d,"keydown",function(){a.fire(c,_d.activeElement)})})();sj_evt.bind("onHTML",function(){var a=_ge("sb_form");if(a)sj_be(a,"submit",function(){sj_evt.fire("onSearch")})});function init(){};
//]]></script><style type="text/css">#content{margin:0 0 0 -15px;padding:0 264px 0 0;max-width:666px}#results_area{float:left;width:100%;padding-bottom:10px}#results_container{padding:0 15px}#sidebar{float:left;margin:0 -264px 0 19px;padding:0 15px 0 0;width:230px;word-wrap:break-word}.sc_hl1,.sc_hl1 li{display:inline;margin:0;padding:0}.sb_vdl{width:100%;margin-top:.4em}#results:after,.sb_vdl:after{clear:both;content:'.';display:block;height:0;visibility:hidden}.sb_vdl ul{max-width:38%;_width:38%;margin:0 1.51em 0 3.11em;_margin:0 2.55em 0 1.18em;padding:0;float:left}.sb_vdl li{text-indent:-.77em;_text-indent:0;a:0}.sc_bullet{margin:0 .47em 0 0}.sb_ph{margin:0 0 .93em;text-align:right;color:#898994}.sb_ph h1{float:left}.sb_ph .sc_hl1,.sb_ph .sc_bullet{margin:0 0 0 .47em;font-size:93%}.sb_ph a{color:#898994;text-decoration:underline}</style>
<title>sdgfsdfs - Bing</title>
В тотальное распиздяйство с резиновыми каналами у этих компаний, я не верю.
Понятно и то что лозунг "каждый сэкономленный байт -- наш вклад в дело мира" уже давно не актуален, но не до такой же степени!
Вот такой парадокс