å¾é«å ´ä¸ºä½ 解çã
ç½ç«æå¼éåº¦æ ¢ï¼å¯ä»¥éè¿ç½ç«å éææ¯æ¥ä¼åã
ç½ç«å éææ¯å ·ä½æä½æ¹æ³å¦ä¸ï¼
ä¸ãè¿æ¥è¿ç¨ï¼
æ ¸å¿æ示ï¼åå°è¯·æ±æ¬¡æ°ãå¦å并JSãCSSæ件ãå并CSSèæ¯å¾ççã
äºãä¸è½½é¡µé¢ï¼éç¹ï¼ï¼
æ ¸å¿æ示ï¼å缩ä¸ä¼åãå¦å缩JSãCSSãå¾çãå¯ç¨åç¼©ä¼ è¾GZIPã
ä¸ã渲æ页é¢
æ ¸å¿æ示ï¼å£°æååçç¼ç ãå¦ç¼ç 声æãå¾ç尺寸声æãCSSãJSä½ç½®ã
ä¼åç½ç«å¾çè¦ç¹æ»ç»ï¼
è²å½©ä¸°å¯ãæ°ç ç
§çéæ©JPGï¼è²å½©å°ã大é¢ç§¯è²å使ç¨GIFæè
PNGï¼éå¨ç»ä½¿ç¨PNG-8ï¼
å 为PNG-8ä¸GIFå¨ææä¸æ ·çæ åµä¸ï¼PNG-8è¦å°ï¼å¨ç»ä½¿ç¨GIFã
ç¨ç«é¿å·¥å
·æ£æ¥ä¸ä¸ç½é¡µçGZIPå缩
æ£æ¥å£°æå符éï¼
代ç æ´å¥½ç解ï¼ç½ç«å éå®æææ¯:使ç¨CSS+DIVå¸å±
好å¤ï¼1ã代ç ç®æ´ãå 载快ï¼
éç¨CSS+DIVéæç页é¢å®¹éè¦æ¯TABLEç¼ç ç页é¢æ件容éå°çå¤ï¼ä»£ç æ´å ç®æ´ï¼åè ä¸è¬æ¯åè ç1/2大å°ã
2ãè¾¹å 载边渲æï¼æ¾ç¤ºå¿«ï¼
å è½½TABLEéå
¨é¨å
容æè¿è¡æ¾ç¤ºDIVæ¯è¾¹å 载边æ¾ç¤ºã
3ã表ç°åå
容ç¸å离ï¼
â æé«æç´¢å¼æ对ç½é¡µçç´¢å¼æçã
â¡ç»´æ¤æ¹ä¾¿ï¼æ¢æ¢CSSï¼ååæ ·åã
以ä¸æ¯æ为以å¾å®¢æ·ä¼åçæåæ¡ä¾ç»éªæ»ç»ï¼é常å®ç¨ï¼å¸æè½å¸®ä½ 解å³å®è´¨æ§çé®é¢ã