|
|
代码设置不妥不仅延长网页加载时间,也严重影响蜘蛛程序对网页内容的抓取.通过对网页代码进行清减去掉臃肿杂乱的代码,减小网页文件大小,能够加快网页加载速度,让蜘蛛快速索引到重要内容.整个网页最好不要超过 30K,文字内容最好5K-10K 之间,Google 只对内容的前5000 个字进行索引.* J5 u6 R F' |8 A5 z
# c( t, @9 m5 x* _" D 网页减肥重点涉及以下几个要点:
6 B3 W! v- f+ J+ j9 i# U" z/ R, h/ i* R$ |
1.CSS 样式, q4 Q f. `% n' N
6 w& Z9 Y( D( x2 W& e9 K6 `
网页制作应通过 CSS(层叠样式表单)来统一定制字体风格.例如:0 @0 X) D8 s" A) Y8 {* N
1 Q/ x/ h( l2 S; t: P" N <b style="color:red;font-size:16px;">测试</b>
3 G; ?' ?6 X2 L ~6 L2 A; z1 H& }0 `# d5 E7 o# K5 A) S+ R* c
<div id="divmain" style="font-size:12px;">DIV</b>. [* |; m; r' q5 c# D
8 [8 P( s" S8 u) Y' t' C( _4 b <div style="color:red;"> 红色 <b style="color:green;">绿色</b> </div>0 K9 a. D1 u6 P' d5 c
9 `: s6 \, b/ p8 T
----------------------
. m) `6 e# r) z4 L" X. G0 q. B9 b* Y& F9 B# W1 }3 F1 Q5 n: I8 L
<style type="text/css">1 B' H: H* Y; s Y) C/ Z
6 l7 @' u. f4 U' `/ x4 g2 } b { color:red;font-size:16px; } /*通用对象*/8 |* G$ K! J. n. c6 m _. t
% g: A$ }7 u4 R) P% B3 p( R3 w' \
#divmain {font-size:12px;} /* ID 对象 */
! f! |5 N- a: ~! Y: q; P5 O' S$ \3 S/ F) C# L. X8 @
.red {color:red;}/* 定制类别 */. x: J2 I8 B' Z" y# z, x' E9 Y
7 I0 _; o$ ^) P8 s n9 e .red b {color:green;}/* 定制类别下的 通用对象*/# F O) C% c, [: o. S
7 [$ \9 {7 C5 w
</style>
5 y0 Q$ J7 O8 E' n
* M, u% u7 P- K- H( t, N; m% [ <b>测试</b>
& k( x# z8 s$ _# Z8 o2 B
* W! G1 h" F5 S- m: a, z <div id="divmain">DIV</b>8 B# |/ e1 w3 j- m
& L w) L: F+ _) a$ @ <div class="red"> 红色 <b>绿色</b> </div>
1 R4 [) i0 K: N: G; R9 \
h2 v" o" z! `( W/ B$ t: V% } CSS 减肥示例文件 把文字的字体、字号、颜色、背景色等统一起来,不用对每段文字单独进行格式定义,从而减少大量重复性标签.注意把所有css文件单独存放在命名为css的外部文件中., p7 b+ f7 g9 V$ y' T9 F
3 M0 @9 r0 ~4 k- A0 {3 C" j
语法:<link rel="stylesheet" type="text/css" href="/common/client.css">
( h* e, X' L* k. l( ~8 @- J. A3 g4 J9 r! N4 F3 c; X& u& G+ ^
作用的优先级:自身的style属性> 页面的内部style对象> 页面外部css文件.
* v. F. n+ B+ V' ]% w8 u# ]7 A2 C, A& E0 z' F
下载:css帮助
( [ [% B( T( v6 b4 y* O# j$ C7 O& o
; D3 T6 k1 E5 M# G+ X% Z 2.JavaScript :' |( r; M' y( B4 o
' Q( B' k2 ?0 y' {& b
1. 简化js 中的函数名称和变量." k& H. v9 g$ m
* s0 D* Y. q x2 j! c% |, ^+ k
例如:Google,里面的函数名称只有 1 个或者 2 个字符./ d2 ?( g, h) E8 e- n5 s x) u$ J
3 R2 E j+ G4 r* i 2. 将网页的公共部分转换为脚本并存于js 文件里.这样可以减少文件大小,加快下载速度,同* }1 ^8 ^, B! ?1 k( S8 {$ _
# A# Y$ e Y& f 时也方便管理.不过不能将导航等等优化的关键代码转换成js ,否则搜索引擎搜索不到.& D* u& X8 b2 F% p% j; e/ E
8 X% K$ o: Q4 ] 转换方式:2 j# b2 a; Q6 m- P8 U
) E5 d. K9 V( `0 J6 C3 {# M# ]
原来:<h1>天天收藏夹</h1>
) C6 c2 `+ p: d7 N- T7 M9 h( ^% g3 K& g
脚本:document.write("<h1>天天收藏夹</h1>");
* z; Y! h$ C% G
* M0 N5 {8 P0 @" W4 \6 h 例如:华军软件园 源代码,将标题、导航等等都放着js 文件里,将导航放在js 里面就不太好了.
6 q, M2 _' n7 _" |5 i+ D4 v$ S, O4 ~
3.使用 base 标签:
# P/ c- [6 A& n% z
* g% w0 D( F9 c8 p) G# A9 H Base 标签是一个全集控制的标签.6 Y; ]( N* h- c# Q' a. x: D
# U% I2 G c. j
比如:" q* L5 l0 o. ^# W8 Z: j
$ f5 Q6 e3 L# x* A' h1 j8 ^
<A HREF="http://www.7769999.com/html/nanxingke/ " target="_blank">厦门妇科医院</A>
# N" i5 q. ]' n3 [
8 K$ \0 {/ H: d. l/ { <A HREF="http://www.7769999.com/html/zaoxie/" target="_blank">厦门妇科医院</A>
7 I, `5 @. t. G& D- J4 h, Y0 K! ~4 `! `
其中 http://www.7769999.com 和target="_blank": 多次重复,增加无用的代码., V6 i& t9 i# F! ^7 h, |
7 y4 I e) ~9 G9 @. m# a
修改为:. m+ N, B9 |6 r
' y% w0 [) V' I9 f A* W <head>
" n: p8 G; m$ H5 i, C
1 W' w; d U. v& q4 o+ q# B8 U <base href="http://www.7769999.com/" target="_blank">
+ N$ }' X: c5 o& g) o0 b! j$ {! ]; f1 g/ J2 Y8 @+ M
</head>) T/ |' w. F8 l$ q6 h
4 ?" |* ]) j8 F% y6 D
<body>. j4 \+ l( T# G4 K. U' ~
, n& V# T2 y% x' w9 h <a href="/html/nanxingke/">厦门妇科医院</a>
2 G: R6 A" `4 t7 V0 r; P1 b6 F+ @, b( W: h2 M
<a href="/html/zaoxie/">厦门妇科医院</a>
/ |* c1 }# }/ I" r' [9 L, n" d/ F2 j; p- a
</body>; f7 w) w8 s9 y( C' Z
+ m& M2 n, G: u C9 l
4.慎用网页减肥工具% G/ m0 e" t4 y, K) A2 ~
7 k$ s$ k2 R3 V7 l6 U2 p/ d8 z) @: J; k/ a
通常的网页减肥工具,对 htm 减肥具有一定的破坏性,常常为了减肥将标签的 后半个标签删除,
) |! l' b& w7 b# p3 g+ @) a5 ?' V6 ~
造成网页的不完整.6 `. D. ^8 y! D8 K; T0 ]6 h. `
' _8 {6 U1 B% m7 C& O% e: D# F 处理前:<table><tr><td>第一行</td></tr><tr><td>第二行</td></tr></table>
& V) z3 w, ^6 V6 n& Q+ G6 k& x+ v9 @2 F' x+ E# W$ p
处理后:<table><tr><td>第一行<tr><td>第二行</table>
( {6 A; W( ^; r# O: W8 x
/ l! Q2 d' C7 ?! J! ]4 B4 j5 g 处理后 </td></tr> 被去掉了,使页面不完整.6 |+ b7 @# Z; w3 g" Z* k$ ]
# T. m- i$ Z# c
5.删除空格和回车
0 x1 j8 }- A7 J! }9 M/ u3 q/ Y1 C0 c: A1 e: |+ a
如果要更加苛刻的减肥,那最后一步就是删除空格了,还可以使文件大小下降很多.
1 V. U9 b) b$ b/ k! O1 r. B6 I# C3 c& J
不过删除空格后的页面由于没有阶梯排列,将很难读懂.5 ~; r B5 |% G( [/ A
2 t M0 O7 h8 w5 ]' H
例子:百度首页的代码就非常紧凑. |
|
