[ÏÂƪ]ÍøÕ¾ÐÔÄÜÓÅ»¯-¼Ó¿ìÄúµÄÍøÕ¾µÄ×î¼Ñʵ¼ù¡¾×ª¡¿
ÉÏһƪ / ÏÂһƪ 2012-11-26 16:46:31 / ¸öÈË·ÖÀࣺÐÔÄÜ
14¡¢ÅäÖÃETag
Entity tags£¨ETags£©£¨ÊµÌå±êÇ©£©ÊÇweb·þÎñÆ÷ºÍä¯ÀÀÆ÷ÓÃÓÚÅжÏä¯ÀÀÆ÷»º´æÖеÄÄÚÈݺͷþÎñÆ÷ÖеÄÔʼÄÚÈÝÊÇ·ñÆ¥ÅäµÄÒ»ÖÖ»úÖÆ£¨¡°ÊµÌ塱¾ÍÊÇËù˵µÄ¡°ÄÚ ÈÝ¡±£¬°üÀ¨Í¼Æ¬¡¢½Å±¾¡¢Ñùʽ±íµÈ£©¡£Ôö¼ÓETagΪʵÌåµÄÑéÖ¤ÌṩÁËÒ»¸ö±ÈʹÓá°last-modified date£¨Éϴαà¼Ê±¼ä£©¡±¸ü¼ÓÁé»îµÄ»úÖÆ¡£EtagÊÇÒ»¸öʶ±ðÄÚÈÝ°æ±¾ºÅµÄΨһ×Ö·û´®¡£Î¨Ò»µÄ¸ñʽÏÞÖƾÍÊÇËü±ØÐë°üº¬ÔÚË«ÒýºÅÄÚ¡£Ôʼ·þÎñÆ÷ͨ¹ýº¬ÓÐ ETagÎļþÍ·µÄÏìÓ¦Ö¸¶¨Ò³ÃæÄÚÈݵÄETag¡£
HTTP/1.1 200 OK
Last-Modified: Tue, 12 Dec 2006 03:03:59 GMT
ETag: "10c24bc-4ab-457e1c1f"
Content-Length: 12195
ÉÔºó£¬Èç¹ûä¯ÀÀÆ÷ÒªÑéÖ¤Ò»¸öÎļþ£¬Ëü»áʹÓÃIf-None-MatchÎļþÍ·À´°ÑETag´«»Ø¸øÔʼ·þÎñÆ÷¡£ÔÚÕâ¸öÀý×ÓÖУ¬Èç¹ûETagÆ¥Å䣬¾Í»á·µ»ØÒ» ¸ö304״̬Â룬Õâ¾Í½ÚÊ¡ÁË12195×Ö½ÚµÄÏìÓ¦¡£ GET /i/yahoo.gif HTTP/1.1
Host: us.yimg.com
If-Modified-Since: Tue, 12 Dec 2006 03:03:59 GMT
If-None-Match: "10c24bc-4ab-457e1c1f"
HTTP/1.1 304 Not Modified
ETagµÄÎÊÌâÔÚÓÚ£¬ËüÊǸù¾Ý¿ÉÒÔ±æ±ðÍøÕ¾ËùÔڵķþÎñÆ÷µÄ¾ßÓÐΨһÐÔµÄÊôÐÔÀ´Éú³ÉµÄ¡£µ±ä¯ÀÀÆ÷´Óһ̨·þÎñÆ÷ÉÏ»ñµÃÒ³ÃæÄÚÈݺóµ½ÁíÍâһ̨·þÎñÆ÷ÉϽøÐÐÑé֤ʱ ETag¾Í»á²»Æ¥Å䣬ÕâÖÖÇé¿ö¶ÔÓÚʹÓ÷þÎñÆ÷×éºÍ´¦ÀíÇëÇóµÄÍøÕ¾À´ËµÊǷdz£³£¼ûµÄ¡£Ä¬ÈÏÇé¿öÏ£¬ApacheºÍIIS¶¼»á°ÑÊý¾ÝǶÈëETagÖУ¬Õâ»áÏÔÖø ¼õÉÙ¶à·þÎñÆ÷¼äµÄÎļþÑéÖ¤³åÍ»¡£
Apache 1.3ºÍ2.xÖеÄETag¸ñʽΪinode-size-timestamp¡£¼´Ê¹Ä³¸öÎļþÔÚ²»Í¬µÄ·þÎñÆ÷ÉϻᴦÓÚÏàͬµÄĿ¼Ï£¬Îļþ´óС¡¢È¨ÏÞ¡¢Ê±¼ä´ÁµÈ¶¼ÍêÈ«Ïàͬ£¬µ«ÊÇÔÚ²»Í¬·þÎñÆ÷ÉÏËûÃǵÄÄÚÂëÒ²ÊDz»Í¬µÄ¡£
IIS 5.0ºÍIIS 6.0´¦ÀíETagµÄ»úÖÆÏàËÆ¡£IISÖеÄETag¸ñʽΪFiletimestamp:ChangeNumber¡£ÓÃChangeNumberÀ´¸ú×Ù IISÅäÖõĸı䡣ÍøÕ¾ËùÓõIJ»Í¬IIS·þÎñÆ÷¼äChangeNumberÒ²²»Ïàͬ¡£ ²»Í¬µÄ·þÎñÆ÷ÉϵÄApacheºÍIIS¼´Ê¹¶ÔÓÚÍêÈ«ÏàͬµÄÄÚÈݲúÉúµÄETagÔÚÒ²²»Ïàͬ£¬Óû§²¢²»»á½ÓÊÕµ½Ò»¸öС¶ø¿ìµÄ304ÏìÓ¦£»Ïà·´ËûÃÇ»á½ÓÊÕÒ»¸öÕý ³£µÄ200ÏìÓ¦²¢ÏÂÔØÈ«²¿ÄÚÈÝ¡£Èç¹ûÄãµÄÍøÕ¾Ö»·ÅÔÚһ̨·þÎñÆ÷ÉÏ£¬¾Í²»»á´æÔÚÕâ¸öÎÊÌâ¡£µ«ÊÇÈç¹ûÄãµÄÍøÕ¾ÊǼÜÉèÔÚ¶à¸ö·þÎñÆ÷ÉÏ£¬²¢ÇÒʹÓÃApacheºÍ IIS²úÉúĬÈϵÄETagÅäÖã¬ÄãµÄÓû§»ñµÃÒ³Ãæ¾Í»áÏà¶ÔÂýÒ»µã£¬·þÎñÆ÷»á´«Êä¸ü¶àµÄÄÚÈÝ£¬Õ¼Óøü¶àµÄ´ø¿í£¬´úÀíÒ²²»»áÓÐЧµØ»º´æÄãµÄÍøÕ¾ÄÚÈÝ¡£¼´Ê¹ÄãµÄ ÄÚÈÝÓµÓÐExpiresÎļþÍ·£¬ÎÞÂÛÓû§Ê²Ã´Ê±ºòµã»÷¡°Ë¢Ð¡±»òÕß¡°ÖØÔØ¡±°´Å¥¶¼»á·¢ËÍÏàÓ¦µÄGETÇëÇó¡£
Èç¹ûÄãûÓÐʹÓÃETagÌṩµÄÁé»îµÄÑé֤ģʽ£¬ÄÇô¸É´à°ÑËùÓеÄETag¶¼È¥µô»á¸üºÃ¡£Last-ModifiedÎļþÍ·ÑéÖ¤ÊÇ»ùÓÚÄÚÈݵÄʱ¼ä´ÁµÄ¡£È¥µô ETagÎļþÍ·»á¼õÉÙÏìÓ¦ºÍÏ´ÎÇëÇóÖÐÎļþµÄ´óС¡£Î¢ÈíµÄÕâƪ֧³ÖÎĸ彲ÊöÁËÈçºÎÈ¥µôETag¡£ÔÚApacheÖУ¬Ö»ÐèÒªÔÚÅäÖÃÎļþÖмòµ¥Ìí¼ÓÏÂÃæÒ»Ðдú Âë¾Í¿ÉÒÔÁË£º
FileETag none
15¡¢¾¡ÔçË¢ÐÂÊä³ö»º³å
µ±Óû§ÇëÇóÒ»¸öÒ³Ãæʱ£¬ÎÞÂÛÈçºÎ¶¼»á»¨·Ñ200µ½500ºÁÃëÓÃÓÚºǫ́×éÖ¯HTMLÎļþ¡£ÔÚÕâÆڼ䣬ä¯ÀÀÆ÷»áÒ»Ö±¿ÕÏеȴýÊý¾Ý·µ»Ø¡£ÔÚPHPÖУ¬Äã¿ÉÒÔʹÓà flush()·½·¨£¬ËüÔÊÐíÄã°ÑÒѾ±àÒëµÄºÃµÄ²¿·ÖHTMLÏìÓ¦ÎļþÏÈ·¢Ë͸øä¯ÀÀÆ÷£¬Õâʱä¯ÀÀÆ÷¾Í»á¿ÉÒÔÏÂÔØÎļþÖеÄÄÚÈÝ£¨½Å±¾µÈ£©¶øºǫ́ͬʱ´¦ÀíÊ£ÓàµÄ HTMLÒ³Ãæ¡£ÕâÑù×öµÄЧ¹û»áÔÚºǫ́·³ÄÕ»òÕßǰ̨½Ï¿ÕÏÐʱ¸ü¼ÓÃ÷ÏÔ¡£
Êä³ö»º³åÓ¦ÓÃ×îºÃµÄÒ»¸öµØ·½¾ÍÊǽô¸úÔÚ<head />Ö®ºó£¬ÒòΪHTMLµÄÍ·²¿·ÖÈÝÒ×Éú³É¶øÇÒÍ·²¿ÍùÍù°üº¬CSSºÍJavaScriptÎļþ£¬ÕâÑùä¯ÀÀÆ÷¾Í¿ÉÒÔÔÚºǫ́±àÒëÊ£ÓàHTMLµÄͬʱ²¢ÐÐÏÂÔØËüÃÇ¡£ Àý×Ó£º
... <!-- css, js -->
</head>
<?php flush(); ?>
<body>
... <!-- content -->
ΪÁËÖ¤Ã÷ʹÓÃÕâÏî¼¼ÊõµÄºÃ´¦£¬Yahoo!ËÑË÷ÂÊÏÈÑо¿²¢Íê³ÉÁËÓû§²âÊÔ¡£
16¡¢Ê¹ÓÃGETÀ´Íê³ÉAJAXÇëÇó
Yahoo!MailÍŶӷ¢ÏÖ£¬µ±Ê¹ÓÃXMLHttpRequestʱ£¬ä¯ÀÀÆ÷ÖеÄPOST·½·¨ÊÇÒ»¸ö¡°Á½²½×ß¡±µÄ¹ý³Ì£ºÊ×ÏÈ·¢ËÍÎļþÍ·£¬È»ºó²Å·¢ËÍÊý ¾Ý¡£Òò´ËʹÓÃGET×îΪǡµ±£¬ÒòΪËüÖ»Ðè·¢ËÍÒ»¸öTCP°ü£¨³ý·ÇÄãÓкܶàcookie£©¡£IEÖÐURLµÄ×î´ó³¤¶ÈΪ2K£¬Òò´ËÈç¹ûÄãÒª·¢ËÍÒ»¸ö³¬¹ý2KµÄ Êý¾Ýʱ¾Í²»ÄÜʹÓÃGETÁË¡£
Ò»¸öÓÐȤµÄ²»Í¬¾ÍÊÇPOST²¢²»ÏñGETÄÇÑùʵ¼Ê·¢ËÍÊý¾Ý¡£¸ù¾ÝHTTP¹æ·¶£¬GETÒâζ×Å¡°»ñÈ¡¡±Êý¾Ý£¬Òò´Ëµ±Äã½ö½ö»ñÈ¡Êý¾ÝʱʹÓÃGET¸ü¼ÓÓÐÒâÒ壨´ÓÓïÒâÉϽ²Ò²ÊÇÈç´Ë£©£¬Ïà·´£¬·¢ËͲ¢ÔÚ·þÎñ¶Ë±£´æÊý¾ÝʱʹÓÃPOST¡£
17¡¢°ÑÑùʽ±íÖÃÓÚ¶¥²¿
ÔÚÑо¿Yahoo!µÄÐÔÄܱíÏÖʱ£¬ÎÒÃÇ·¢ÏÖ°ÑÑùʽ±í·Åµ½ÎĵµµÄ<head />ÄÚ²¿Ëƺõ»á¼Ó¿ìÒ³ÃæµÄÏÂÔØËٶȡ£ÕâÊÇÒòΪ°ÑÑùʽ±í·Åµ½<head />ÄÚ»áʹҳÃæÓв½ÖèµÄ¼ÓÔØÏÔʾ¡£
×¢ÖØÐÔÄܵÄÇ°¶Ë·þÎñÆ÷ÍùÍùÏ£ÍûÒ³ÃæÓÐÖÈÐòµØ¼ÓÔØ¡£Í¬Ê±£¬ÎÒÃÇҲϣÍûä¯ÀÀÆ÷°ÑÒѾ½ÓÊÕµ½ÄÚÈݾ¡¿ÉÄÜÏÔʾ³öÀ´¡£Õâ¶ÔÓÚÓµÓн϶àÄÚÈݵÄÒ³ÃæºÍÍøËÙ½ÏÂýµÄÓû§À´Ëµ ÌرðÖØÒª¡£ÏòÓû§·µ»Ø¿ÉÊÓ»¯µÄ·´À¡£¬±ÈÈç½ø³ÌÖ¸Õ룬ÒѾÓÐÁ˽ϺõÄÑо¿²¢ÐγÉÁËÕýʽÎĵµ¡£ÔÚÎÒÃǵÄÑо¿ÖÐHTMLÒ³Ãæ¾ÍÊǽø³ÌÖ¸Õë¡£µ±ä¯ÀÀÆ÷ÓÐÐòµØ¼ÓÔØÎÄ ¼þÍ·¡¢µ¼º½À¸¡¢¶¥²¿µÄlogoµÈ¶ÔÓڵȴýÒ³Ãæ¼ÓÔصÄÓû§À´Ëµ¶¼¿ÉÒÔ×÷Ϊ¿ÉÊÓ»¯µÄ·´À¡¡£Õâ´ÓÕûÌåÉϸÄÉÆÁËÓû§ÌåÑé¡£
°ÑÑùʽ±í·ÅÔÚÎĵµµ×²¿µÄÎÊÌâÊÇÔÚ°üÀ¨Internet ExplorerÔÚÄڵĺܶàä¯ÀÀÆ÷ÖÐÕâ»áÖÐÖ¹ÄÚÈݵÄÓÐÐò³ÊÏÖ¡£ä¯ÀÀÆ÷ÖÐÖ¹³ÊÏÖÊÇΪÁ˱ÜÃâÑùʽ¸Ä±äÒýÆðµÄÒ³ÃæÔªËØÖػ档Óû§²»µÃ²»Ãæ¶ÔÒ»¸ö¿Õ°×Ò³Ãæ¡£
HTML¹æ·¶Çå³þÖ¸³öÑùʽ±íÒª·Å°üº¬ÔÚÒ³ÃæµÄ<head />ÇøÓòÄÚ£º¡°ºÍ<a />²»Í¬£¬<link />Ö»ÄܳöÏÖÔÚÎĵµµÄ<head />ÇøÓòÄÚ£¬¾¡¹ÜËü¿ÉÒÔ¶à´ÎʹÓÃËü¡±¡£ÎÞÂÛÊÇÒýÆð°×ÆÁ»¹ÊdzöÏÖûÓÐÑùʽ»¯µÄÄÚÈݶ¼²»ÖµµÃÈ¥³¢ÊÔ¡£×îºÃµÄ·½°¸¾ÍÊÇ°´ÕÕHTML¹æ·¶ÔÚÎÄ µµ<head />ÄÚ¼ÓÔØÄãµÄÑùʽ±í¡£
18¡¢±ÜÃâʹÓÃCSS±í´ïʽ£¨Expression£©
CSS±í´ïʽÊǶ¯Ì¬ÉèÖÃCSSÊôÐÔµÄÇ¿´ó£¨µ«Î£ÏÕ£©·½·¨¡£Internet Explorer´ÓµÚ5¸ö°æ±¾¿ªÊ¼Ö§³ÖCSS±í´ïʽ¡£ÏÂÃæµÄÀý×ÓÖУ¬Ê¹ÓÃCSS±í´ïʽ¿ÉÒÔʵÏÖ¸ôÒ»¸öСʱÇл»Ò»´Î±³¾°ÑÕÉ«£º
background-color: expression( (new Date()).getHours()%2 ? "#B8D4FF" : "#F08A00" );
ÈçÉÏËùʾ£¬expressionÖÐʹÓÃÁËJavaScript±í´ïʽ¡£CSSÊôÐÔ¸ù¾ÝJavaScript±í´ïʽµÄ¼ÆËã½á¹ûÀ´ÉèÖá£expression·½·¨ÔÚÆäËüä¯ÀÀÆ÷Öв»Æð×÷Óã¬Òò´ËÔÚ¿çä¯ÀÀÆ÷µÄÉè¼ÆÖе¥¶ÀÕë¶ÔInternet ExplorerÉèÖÃʱ»á±È½ÏÓÐÓá£
±í´ïʽµÄÎÊÌâ¾ÍÔÚÓÚËüµÄ¼ÆËãƵÂÊÒª±ÈÎÒÃÇÏëÏóµÄ¶à¡£²»½ö½öÊÇÔÚÒ³ÃæÏÔʾºÍËõ·Åʱ£¬¾ÍÊÇÔÚÒ³Ãæ¹ö¶¯¡¢ÄËÖÁÒƶ¯Êó±êʱ¶¼»áÒªÖØмÆËãÒ»´Î¡£¸øCSS±í´ïʽÔö¼ÓÒ»¸ö¼ÆÊýÆ÷¿ÉÒÔ¸ú×Ù±í´ïʽµÄ¼ÆËãƵÂÊ¡£ÔÚÒ³ÃæÖÐËæ±ãÒƶ¯Êó±ê¶¼¿ÉÒÔÇáËÉ´ïµ½10000´ÎÒÔÉϵļÆËãÁ¿¡£
Ò»¸ö¼õÉÙCSS±í´ïʽ¼ÆËã´ÎÊýµÄ·½·¨¾ÍÊÇʹÓÃÒ»´ÎÐԵıí´ïʽ£¬ËüÔÚµÚÒ»´ÎÔËÐÐʱ½«½á¹û¸³¸øÖ¸¶¨µÄÑùʽÊôÐÔ£¬²¢ÓÃÕâ¸öÊôÐÔÀ´´úÌæCSS±í´ïʽ¡£Èç¹ûÑùʽÊôÐÔ ±ØÐëÔÚÒ³ÃæÖÜÆÚÄÚ¶¯Ì¬µØ¸Ä±ä£¬Ê¹ÓÃʼþ¾ä±úÀ´´úÌæCSS±í´ïʽÊÇÒ»¸ö¿ÉÐа취¡£Èç¹û±ØÐëʹÓÃCSS±í´ïʽ£¬Ò»¶¨Òª¼ÇסËüÃÇÒª¼ÆËã³ÉǧÉÏÍò´Î²¢ÇÒ¿ÉÄÜ»á¶ÔÄã Ò³ÃæµÄÐÔÄܲúÉúÓ°Ïì¡£
19¡¢Ê¹ÓÃÍⲿJavaScriptºÍCSS
ºÜ¶àÐÔÄܹæÔò¶¼ÊǹØÓÚÈçºÎ´¦ÀíÍⲿÎļþµÄ¡£µ«ÊÇ£¬ÔÚÄã²ÉÈ¡ÕâЩ´ëÊ©Ç°Äã¿ÉÄÜ»áÎʵ½Ò»¸ö¸ü»ù±¾µÄÎÊÌ⣺JavaScriptºÍCSSÊÇÓ¦¸Ã·ÅÔÚÍⲿÎļþÖÐÄØ»¹ÊÇ°ÑËüÃÇ·ÅÔÚÒ³Ãæ±¾ÉíÖ®ÄÚÄØ£¿
ÔÚʵ¼ÊÓ¦ÓÃÖÐʹÓÃÍⲿÎļþ¿ÉÒÔÌá¸ßÒ³ÃæËٶȣ¬ÒòΪJavaScriptºÍCSSÎļþ¶¼ÄÜÔÚä¯ÀÀÆ÷ÖвúÉú»º´æ¡£ÄÚÖÃÔÚHTMLÎĵµÖеÄJavaScript ºÍCSSÔò»áÔÚÿ´ÎÇëÇóÖÐËæHTMLÎĵµÖØÐÂÏÂÔØ¡£ÕâËäÈ»¼õÉÙÁËHTTPÇëÇóµÄ´ÎÊý£¬È´Ôö¼ÓÁËHTMLÎĵµµÄ´óС¡£´ÓÁíÒ»·½ÃæÀ´Ëµ£¬Èç¹ûÍⲿÎļþÖÐµÄ JavaScriptºÍCSS±»ä¯ÀÀÆ÷»º´æ£¬ÔÚûÓÐÔö¼ÓHTTPÇëÇó´ÎÊýµÄͬʱ¿ÉÒÔ¼õÉÙHTMLÎĵµµÄ´óС¡£
¹Ø¼üÎÊÌâÊÇ£¬ÍⲿJavaScriptºÍCSSÎļþ»º´æµÄƵÂʺÍÇëÇóHTMLÎĵµµÄ´ÎÊýÓйء£ËäÈ»ÓÐÒ»¶¨µÄÄѶȣ¬µ«ÊÇÈÔÈ»ÓÐһЩָ±ê¿ÉÒÔÒ»²âÁ¿Ëü¡£Èç¹ûÒ» ¸ö»á»°ÖÐÓû§»áä¯ÀÀÄãÍøÕ¾ÖеĶà¸öÒ³Ã棬²¢ÇÒÕâЩҳÃæÖлáÖظ´Ê¹ÓÃÏàͬµÄ½Å±¾ºÍÑùʽ±í£¬»º´æÍⲿÎļþ¾Í»á´øÀ´¸ü´óµÄÒæ´¦¡£
Ðí¶àÍøվûÓй¦Äܽ¨Á¢ÕâЩָ±ê¡£¶ÔÓÚÕâЩÍøÕ¾À´Ëµ£¬×îºÃµÄ¼á¾ö·½·¨¾ÍÊÇ°ÑJavaScriptºÍCSS×÷ΪÍⲿÎļþÒýÓᣱȽÏÊʺÏʹÓÃÄÚÖôúÂëµÄÀýÍâ¾ÍÊÇ ÍøÕ¾µÄÖ÷Ò³£¬ÈçYahoo!Ö÷Ò³ºÍMy Yahoo!¡£Ö÷Ò³ÔÚÒ»´Î»á»°ÖÐÓµÓнÏÉÙ£¨¿ÉÄÜÖ»ÓÐÒ»´Î£©µÄä¯ÀÀÁ¿£¬Äã¿ÉÒÔ·¢ÏÖÄÚÖÃJavaScriptºÍCSS¶ÔÓÚÖÕ¶ËÓû§À´Ëµ»á¼Ó¿ìÏìӦʱ ¼ä¡£
¶ÔÓÚÓµÓнϴóä¯ÀÀÁ¿µÄÊ×Ò³À´Ëµ£¬ÓÐÒ»ÖÖ¼¼Êõ¿ÉÒÔƽºâÄÚÖôúÂë´øÀ´µÄHTTPÇëÇó¼õÉÙÓëͨ¹ýʹÓÃÍⲿÎļþ½øÐлº´æ´øÀ´µÄºÃ´¦¡£ÆäÖÐÒ»¸ö¾ÍÊÇÔÚÊ×Ò³ÖÐÄÚÖà JavaScriptºÍCSS£¬µ«ÊÇÔÚÒ³ÃæÏÂÔØÍê³Éºó¶¯Ì¬ÏÂÔØÍⲿÎļþ£¬ÔÚ×ÓÒ³ÃæÖÐʹÓõ½ÕâЩÎļþʱ£¬ËüÃÇÒѾ»º´æµ½ä¯ÀÀÆ÷ÁË¡£
20¡¢Ï÷¼õJavaScriptºÍCSS
¾«¼òÊÇÖ¸´ÓÈ¥³ý´úÂë²»±ØÒªµÄ×Ö·û¼õÉÙÎļþ´óС´Ó¶ø½ÚÊ¡ÏÂÔØʱ¼ä¡£Ïû¼õ´úÂëʱ£¬ËùÓеÄ×¢ÊÍ¡¢²»ÐèÒªµÄ¿Õ°××Ö·û£¨¿Õ¸ñ¡¢»»ÐС¢tabËõ½ø£©µÈ¶¼ÒªÈ¥µô¡£ÔÚ JavaScriptÖУ¬ÓÉÓÚÐèÒªÏÂÔصÄÎļþÌå»ý±äСÁË´Ó¶ø½ÚÊ¡ÁËÏìӦʱ¼ä¡£¾«¼òJavaScriptÖÐÄ¿Ç°Óõ½µÄ×î¹ã·ºµÄÁ½¸ö¹¤¾ßÊÇJSMinºÍYUI Compressor¡£YUI Compressor»¹¿ÉÓÃÓÚ¾«¼òCSS¡£
»ìÏýÊÇÁíÍâÒ»ÖÖ¿ÉÓÃÓÚÔ´´úÂëÓÅ»¯µÄ·½·¨¡£ÕâÖÖ·½·¨Òª±È¾«¼ò¸´ÔÓһЩ²¢ÇÒÔÚ»ìÏýµÄ¹ý³Ì¸üÒײúÉúÎÊÌâ¡£ÔÚ¶ÔÃÀ¹úÇ°10´óÍøÕ¾µÄµ÷²éÖз¢ÏÖ£¬¾«¼òÒ²¿ÉÒÔËõСÔÀ´ ´úÂëÌå»ýµÄ21%£¬¶ø»ìÏý¿ÉÒÔ´ïµ½25%¡£¾¡¹Ü»ìÏý·¨¿ÉÒÔ¸üºÃµØËõ¼õ´úÂ룬µ«ÊǶÔÓÚJavaScriptÀ´Ëµ¾«¼òµÄ·çÏÕ¸üС¡£
³ýÏû¼õÍⲿµÄ½Å±¾ºÍÑùʽ±íÎļþÍ⣬<script>ºÍ<style>´úÂë¿éÒ²¿ÉÒÔ²¢ÇÒÓ¦¸Ã½øÐÐÏû¼õ¡£¼´Ê¹ÄãÓÃGzipѹËõ¹ý½Å±¾ ºÍÑùʽ±í£¬¾«¼òÕâЩÎļþÈÔÈ»¿ÉÒÔ½ÚÊ¡5%ÒÔÉϵĿռ䡣ÓÉÓÚJavaScriptºÍCSSµÄ¹¦ÄܺÍÌå»ýµÄÔö¼Ó£¬Ïû¼õ´úÂ뽫»á»ñµÃÒæ´¦¡£
21¡¢ÓÃ<link>´úÌæ@import
Ç°ÃæµÄ×î¼ÑʵÏÖÖÐÌáµ½CSSÓ¦¸Ã·ÅÖÃÔÚ¶¥¶ËÒÔÀûÓÚÓÐÐò¼ÓÔسÊÏÖ¡£
ÔÚIEÖУ¬Ò³Ãæµ×²¿@importºÍʹÓÃ<link>×÷ÓÃÊÇÒ»ÑùµÄ£¬Òò´Ë×îºÃ²»ÒªÊ¹ÓÃËü¡£
22¡¢±ÜÃâʹÓÃÂ˾µ
IE¶ÀÓÐÊôÐÔAlphaImageLoaderÓÃÓÚÐÞÕý7.0ÒÔÏ°汾ÖÐÏÔʾPNGͼƬµÄ°ë͸Ã÷Ч¹û¡£Õâ¸öÂ˾µµÄÎÊÌâÔÚÓÚä¯ÀÀÆ÷¼ÓÔØͼƬʱËü»áÖÕÖ¹ÄÚÈÝµÄ ³ÊÏÖ²¢ÇÒ¶³½áä¯ÀÀÆ÷¡£ÔÚÿһ¸öÔªËØ£¨²»½ö½öÊÇͼƬ£©Ëü¶¼»áÔËËãÒ»´Î£¬Ôö¼ÓÁËÄڴ濪֧£¬Òò´ËËüµÄÎÊÌâÊǶ෽ÃæµÄ¡£
ÍêÈ«±ÜÃâʹÓÃAlphaImageLoaderµÄ×îºÃ·½·¨¾ÍÊÇʹÓÃPNG8¸ñʽÀ´´úÌ棬ÕâÖÖ¸ñʽÄÜÔÚIEÖкܺõع¤×÷¡£Èç¹ûÄãȷʵÐèҪʹÓÃAlphaImageLoader£¬ÇëʹÓÃÏ»®Ïß_filterÓÖʹ֮¶ÔIE7ÒÔÉÏ°æ±¾µÄÓû§ÎÞЧ¡£
23¡¢°Ñ½Å±¾ÖÃÓÚÒ³Ãæµ×²¿
½Å±¾´øÀ´µÄÎÊÌâ¾ÍÊÇËü×èÖ¹ÁËÒ³ÃæµÄƽÐÐÏÂÔØ¡£HTTP/1.1 ¹æ·¶½¨Ò飬ä¯ÀÀÆ÷ÿ¸öÖ÷»úÃûµÄ²¢ÐÐÏÂÔØÄÚÈݲ»³¬¹ýÁ½¸ö¡£Èç¹ûÄãµÄͼƬ·ÅÔÚ¶à¸öÖ÷»úÃûÉÏ£¬Äã¿ÉÒÔÔÚÿ¸ö²¢ÐÐÏÂÔØÖÐͬʱÏÂÔØ2¸öÒÔÉϵÄÎļþ¡£µ«Êǵ±ÏÂÔؽű¾ ʱ£¬ä¯ÀÀÆ÷¾Í²»»áͬʱÏÂÔØÆäËüÎļþÁË£¬¼´±ãÊÇÖ÷»úÃû²»Ïàͬ¡£
ÔÚijЩÇé¿öÏ°ѽű¾ÒƵ½Ò³Ãæµ×²¿¿ÉÄܲ»Ì«ÈÝÒס£±ÈÈç˵£¬Èç¹û½Å±¾ÖÐʹÓÃÁËdocument.writeÀ´²åÈëÒ³ÃæÄÚÈÝ£¬Ëü¾Í²»Äܱ»ÍùÏÂÒƶ¯ÁË¡£ÕâÀï¿ÉÄÜ»¹»áÓÐ×÷ÓÃÓòµÄÎÊÌâ¡£ºÜ¶àÇé¿öÏ£¬¶¼»áÓöµ½Õâ·½ÃæµÄÎÊÌâ¡£
Ò»¸ö¾³£Óõ½µÄÌæ´ú·½·¨¾ÍÊÇʹÓÃÑӳٽű¾¡£DEFERÊôÐÔ±íÃ÷½Å±¾ÖÐûÓаüº¬document.write£¬Ëü¸æËßä¯ÀÀÆ÷¼ÌÐøÏÔʾ¡£²»ÐÒµÄ ÊÇ£¬Firefox²¢²»Ö§³ÖDEFERÊôÐÔ¡£ÔÚInternet ExplorerÖУ¬½Å±¾¿ÉÄܻᱻÑÓ³Ùµ«Ð§¹ûÒ²²»»áÏñÎÒÃÇËùÆÚÍûµÄÄÇÑù¡£Èç¹û½Å±¾¿ÉÒÔ±»ÑÓ³Ù£¬ÄÇôËü¾Í¿ÉÒÔÒƵ½Ò³ÃæµÄµ×²¿¡£Õâ»áÈÃÄãµÄÒ³Ãæ¼ÓÔصĿìÒ»µã¡£
24¡¢ÌÞ³ýÖظ´½Å±¾
ÔÚͬһ¸öÒ³ÃæÖÐÖظ´ÒýÓÃJavaScriptÎļþ»áÓ°ÏìÒ³ÃæµÄÐÔÄÜ¡£Äã¿ÉÄÜ»áÈÏΪÕâÖÖÇé¿ö²¢²»¶à¼û¡£¶ÔÓÚÃÀ¹úÇ°10´óÍøÕ¾µÄµ÷²éÏÔʾÆäÖÐÓÐÁ½¼Ò´æÔÚÖظ´Òý Óýű¾µÄÇé¿ö¡£ÓÐÁ½ÖÖÖ÷ÒªÒòËص¼ÖÂÒ»¸ö½Å±¾±»Öظ´ÒýÓõÄÆæ¹ÖÏÖÏó·¢Éú£ºÍŶӹæÄ£ºÍ½Å±¾ÊýÁ¿¡£Èç¹ûÕæµÄ´æÔÚÕâÖÖÇé¿ö£¬Öظ´½Å±¾»áÒýÆð²»±ØÒªµÄHTTPÇëÇóºÍ ÎÞÓõÄJavaScriptÔËË㣬Õâ½µµÍÁËÍøÕ¾ÐÔÄÜ¡£
ÔÚInternet ExplorerÖлá²úÉú²»±ØÒªµÄHTTPÇëÇ󣬶øÔÚFirefoxÈ´²»»á¡£ÔÚInternet ExplorerÖУ¬Èç¹ûÒ»¸ö½Å±¾±»ÒýÓÃÁ½´Î¶øÇÒËüÓÖ²»¿É»º´æ£¬Ëü¾Í»áÔÚÒ³Ãæ¼ÓÔعý³ÌÖвúÉúÁ½´ÎHTTPÇëÇó¡£¼´Ê±½Å±¾¿ÉÒÔ»º´æ£¬µ±Óû§ÖØÔØÒ³ÃæʱҲ»á²ú Éú¶îÍâµÄHTTPÇëÇó¡£
³ýÔö¼Ó¶îÍâµÄHTTPÇëÇóÍ⣬¶à´ÎÔËËã½Å±¾Ò²»áÀË·Ñʱ¼ä¡£ÔÚInternet ExplorerºÍFirefoxÖв»¹Ü½Å±¾ÊÇ·ñ¿É»º´æ£¬ËüÃǶ¼´æÔÚÖظ´ÔËËãJavaScriptµÄÎÊÌâ¡£
Ò»¸ö±ÜÃ⿶û·¢ÉúµÄÁ½´ÎÒýÓÃͬһ½Å±¾µÄ·½·¨ÊÇÔÚÄ£°åÖÐʹÓýű¾¹ÜÀíÄ£¿éÒýÓýű¾¡£ÔÚHTMLÒ³ÃæÖÐʹÓÃ<script />±êÇ©ÒýÓýű¾µÄ×î³£¼û·½·¨¾ÍÊÇ£º
<script type="text/javascript" src="menu_1.0.17.js"></script>
ÔÚPHPÖпÉÒÔͨ¹ý´´½¨ÃûΪinsertScriptµÄ·½·¨À´Ìæ´ú£º
<?php insertScript("menu.js") ?>
ΪÁË·ÀÖ¹¶à´ÎÖظ´ÒýÓýű¾£¬Õâ¸ö·½·¨Öл¹Ó¦¸ÃʹÓÃÆäËü»úÖÆÀ´´¦Àí½Å±¾£¬Èç¼ì²éËùÊôĿ¼ºÍΪ½Å±¾ÎļþÃûÖÐÔö¼Ó°æ±¾ºÅÒÔÓÃÓÚExpireÎļþÍ·µÈ¡£
25¡¢¼õÉÙDOM·ÃÎÊ
ʹÓÃJavaScript·ÃÎÊDOMÔªËرȽÏÂý£¬Òò´ËΪÁË»ñµÃ¸ü¶àµÄÓ¦¸ÃÒ³Ã棬Ӧ¸Ã×öµ½£º
»º´æÒѾ·ÃÎʹýµÄÓйØÔªËØ
ÏßϸüÐÂÍê½ÚµãÖ®ºóÔÙ½«ËüÃÇÌí¼Óµ½ÎĵµÊ÷ÖÐ
±ÜÃâʹÓÃJavaScriptÀ´ÐÞ¸ÄÒ³Ãæ²¼¾Ö
Óйش˷½ÃæµÄ¸ü¶àÐÅÏ¢Çë²é¿´Julien LecomteÔÚYUIרÌâÖеÄÎÄÕ¡°¸ßÐÔÄÜAjaxÓ¦¸Ã³ÌÐò¡±¡£
26¡¢¿ª·¢ÖÇÄÜʼþ´¦Àí³ÌÐò
ÓÐʱºòÎÒÃÇ»á¸Ð¾õµ½Ò³Ãæ·´Ó¦³Ù¶Û£¬ÕâÊÇÒòΪDOMÊ÷ÔªËØÖи½¼ÓÁ˹ý¶àµÄʼþ¾ä±ú²¢ÇÒЩʼþ¾ä²¡±»Æµ·±µØ´¥·¢¡£Õâ¾ÍÊÇΪʲô˵ʹÓÃevent delegation£¨Ê¼þ´úÀí£©ÊÇÒ»Öֺ÷½·¨ÁË¡£Èç¹ûÄãÔÚÒ»¸ödivÖÐÓÐ10¸ö°´Å¥£¬ÄãÖ»ÐèÒªÔÚdivÉϸ½¼ÓÒ»´Îʼþ¾ä±ú¾Í¿ÉÒÔÁË£¬¶ø²»ÓÃȥΪÿһ¸ö°´ Å¥Ôö¼ÓÒ»¸ö¾ä±ú¡£Ê¼þðÅÝʱÄã¿ÉÒÔ²¶×½µ½Ê¼þ²¢ÅжϳöÊÇÄĸöʼþ·¢³öµÄ¡£
ÄãͬÑùÒ²²»ÓÃΪÁ˲Ù×÷DOMÊ÷¶øµÈ´ýonloadʼþµÄ·¢Éú¡£ÄãÐèÒª×öµÄ¾ÍÊǵȴýÊ÷½á¹¹ÖÐÄãÒª·ÃÎʵÄÔªËسöÏÖ¡£ÄãÒ²²»ÓõȴýËùÓÐͼÏñ¶¼¼ÓÔØÍê±Ï¡£
Äã¿ÉÄÜ»áÏ£ÍûÓÃDOMContentLoadedʼþÀ´´úÌæonload£¬µ«ÊÇÔÚËùÓÐä¯ÀÀÆ÷¶¼Ö§³ÖËü֮ǰÄã¿ÉʹÓÃYUI ʼþÓ¦ÓóÌÐòÖеÄonAvailable·½·¨¡£
27¡¢¼õСCookieÌå»ý
HTTP coockie¿ÉÒÔÓÃÓÚȨÏÞÑéÖ¤ºÍ¸öÐÔ»¯Éí·ÝµÈ¶àÖÖÓÃ;¡£coockieÄÚµÄÓйØÐÅÏ¢ÊÇͨ¹ýHTTPÎļþÍ·À´ÔÚweb·þÎñÆ÷ºÍä¯ÀÀÆ÷Ö®¼ä½øÐн»Á÷µÄ¡£Òò´Ë±£³Öcoockie¾¡¿ÉÄܵÄСÒÔ¼õÉÙÓû§µÄÏìӦʱ¼äÊ®·ÖÖØÒª¡£
Óйظü¶àÐÅÏ¢¿ÉÒԲ鿴Tenni TheurerºÍPatty ChiµÄÎÄÕ¡°When the Cookie Crumbles¡±¡£ÕâÃÇÑо¿ÖÐÖ÷Òª°üÀ¨£º
È¥³ý²»±ØÒªµÄcoockie
ʹcoockieÌå»ý¾¡Á¿Ð¡ÒÔ¼õÉÙ¶ÔÓû§ÏìÓ¦µÄÓ°Ïì
×¢ÒâÔÚÊÊÓ¦¼¶±ðµÄÓòÃûÉÏÉèÖÃcoockieÒÔ±ãʹ×ÓÓòÃû²»ÊÜÓ°Ïì
ÉèÖúÏÀíµÄ¹ýÆÚʱ¼ä¡£½ÏÔçµØExpireʱ¼äºÍ²»Òª¹ýÔçÈ¥Çå³ýcoockie£¬¶¼»á¸ÄÉÆÓû§µÄÏìӦʱ¼ä¡£
28¡¢¶ÔÓÚÒ³ÃæÄÚÈÝʹÓÃÎÞcoockieÓòÃû
µ±ä¯ÀÀÆ÷ÔÚÇëÇóÖÐͬʱÇëÇóÒ»Õž²Ì¬µÄͼƬºÍ·¢ËÍcoockieʱ£¬·þÎñÆ÷¶ÔÓÚÕâЩcoockie²»»á×öÈκεØʹÓá£Òò´ËËûÃÇÖ»ÊÇÒòΪijЩ¸ºÃæÒòËضø´´½¨µÄ ÍøÂç´«Êä¡£ËùÓÐÄãÓ¦¸ÃÈ·¶¨¶ÔÓÚ¾²Ì¬ÄÚÈݵÄÇëÇóÊÇÎÞcoockieµÄÇëÇó¡£´´½¨Ò»¸ö×ÓÓòÃû²¢ÓÃËûÀ´´æ·ÅËùÓо²Ì¬ÄÚÈÝ¡£
Èç¹ûÄãµÄÓòÃûÊÇwww.example.org£¬Äã¿ÉÒÔÔÚstatic.example.orgÉÏ´æÔÚ¾²Ì¬ÄÚÈÝ¡£µ«ÊÇ£¬Èç¹ûÄã²»ÊÇÔÚwww.example.orgÉÏ ¶øÊÇÔÚ¶¥¼¶ÓòÃûexample.orgÉèÖÃÁËcoockie£¬ÄÇôËùÓжÔÓÚstatic.example.orgµÄÇëÇ󶼰üº¬coockie¡£ÔÚÕâÖÖÇé¿ö Ï£¬Äã¿ÉÒÔÔÙÖØйºÂòÒ»¸öеÄÓòÃûÀ´´æÔÚ¾²Ì¬ÄÚÈÝ£¬²¢ÇÒÒª±£³ÖÕâ¸öÓòÃûÊÇÎÞcoockieµÄ¡£Yahoo!ʹÓõÄÊÇymig.com£¬YouTubeʹÓà µÄÊÇytimg.com£¬AmazonʹÓõÄÊÇimages-anazon.comµÈµÈ¡£
ʹÓÃÎÞcoockieÓòÃû´æÔÚ¾²Ì¬ÄÚÈݵÄÁíÍâÒ»¸öºÃ´¦¾ÍÊÇһЩ´úÀí£¨·þÎñÆ÷£©¿ÉÄÜ»á¾Ü¾ø¶ÔcoockieµÄÄÚÈÝÇëÇó½øÐлº´æ¡£Ò»¸öÏà¹ØµÄ½¨Òé¾ÍÊÇ£¬Èç¹ûÄãÏëÈ·¶¨Ó¦¸ÃʹÓÃexample.org»¹ÊÇwww.example.org×÷ ΪÄãµÄÒ»Ö÷Ò³£¬ÄãÒª¿¼Âǵ½coockie´øÀ´µÄÓ°Ïì¡£ºöÂÔµôwww»áʹÄã³ýÁË°ÑcoockieÉèÖõ½*.example.org£¨*ÊÇ·ºÓòÃû½âÎö£¬´ú±íÁË ËùÓÐ×ÓÓòÃûÒëÕßdudo×¢£©ÍâûÓÐÆäËüÑ¡Ôñ£¬Òò´Ë³öÓÚÐÔÄÜ·½ÃæµÄ¿¼ÂÇ×îºÃÊÇʹÓôøÓÐwwwµÄ×ÓÓòÃû²¢ÇÒÔÚËüÉÏÃæÉèÖÃcoockie¡£
29¡¢ÓÅ»¯Í¼Ïñ
Éè¼ÆÈËÔ±Íê³É¶ÔÒ³ÃæµÄÉè¼ÆÖ®ºó£¬²»Òª¼±ÓÚ½«ËüÃÇÉÏ´«µ½web·þÎñÆ÷£¬ÕâÀﻹÐèÒª×ö¼¸¼þÊ£º
Äã¿ÉÒÔ¼ì²éÒ»ÏÂÄãµÄGIFͼƬÖÐͼÏñÑÕÉ«µÄÊýÁ¿ÊÇ·ñºÍµ÷É«°å¹æ¸ñÒ»Ö¡£ ʹÓÃimagemagickÖÐÏÂÃæµÄÃüÁîÐкÜÈÝÒ×¼ì²é£º
identify -verbose image.gif
Èç¹ûÄã·¢ÏÖͼƬÖÐÖ»Óõ½ÁË4ÖÖÑÕÉ«£¬¶øÔÚµ÷É«°åµÄÖÐÏÔʾµÄ256É«µÄÑÕÉ«²Û£¬ÄÇôÕâÕÅͼƬ¾Í»¹ÓÐѹËõµÄ¿Õ¼ä¡£
³¢ ÊÔ°ÑGIF¸ñʽת»»³ÉPNG¸ñʽ£¬¿´¿´ÊÇ·ñ½ÚÊ¡¿Õ¼ä¡£´ó¶àÊýÇé¿öÏÂÊÇ¿ÉÒÔѹËõµÄ¡£ÓÉÓÚä¯ÀÀÆ÷Ö§³ÖÓÐÏÞ£¬Éè¼ÆÕßÃÇÍùÍù²»Ì«ÀÖÒâʹÓÃPNG¸ñʽµÄͼƬ£¬²»¹ýÕâ ¶¼ÊǹýÈ¥µÄÊÂÇéÁË¡£ÏÖÔÚÖ»ÓÐÒ»¸öÎÊÌâ¾ÍÊÇÔÚÕæ²ÊPNG¸ñʽÖеÄalphaͨµÀ°ë͸Ã÷ÎÊÌ⣬²»¹ýͬÑùµÄ£¬GIFÒ²²»ÊÇÕæ²Ê¸ñʽҲ²»Ö§³Ö°ë͸Ã÷¡£Òò´ËGIFÄÜ ×öµ½µÄ£¬PNG£¨PNG8£©Í¬ÑùÒ²ÄÜ×öµ½£¨³ýÁ˶¯»£©¡£ÏÂÃæÕâÌõ¼òµ¥µÄÃüÁî¿ÉÒÔ°²È«µØ°ÑGIF¸ñʽת»»ÎªPNG¸ñʽ£º
convert image.gif image.png
¡°ÎÒÃÇҪ˵µÄÊÇ£º¸øPNGÒ»¸öÊ©Õ¹ÉíÊֵĻú»á°É£¡¡±
ÔÚËùÓеÄPNGͼƬÉÏÔËÐÐpngcrush£¨»òÕßÆäËüPNGÓÅ»¯¹¤¾ß£©¡£ÀýÈ磺
pngcrush image.png -rem alla -reduce -brute result.png
ÔÚËùÓеÄJPEGͼƬÉÏÔËÐÐjpegtran¡£Õâ¸ö¹¤¾ß¿ÉÒÔ¶ÔͼƬÖеijöÏֵľâ³ÝµÈ×öÎÞËð²Ù×÷£¬Í¬Ê±Ëü»¹¿ÉÒÔÓÃÓÚÓÅ»¯ºÍÇå³ýͼƬÖеÄ×¢ÊÍÒÔ¼°ÆäËüÎÞÓÃÐÅÏ¢£¨ÈçEXIFÐÅÏ¢£©£º
jpegtran -copy none -optimize -perfect src.jpg dest.jpg
30¡¢ÓÅ»¯CSS Spirite
ÔÚSpiriteÖÐˮƽÅÅÁÐÄãµÄͼƬ£¬´¹Ö±ÅÅÁлáÉÔÉÔÔö¼ÓÎļþ´óС£»
SpiriteÖаÑÑÕÉ«½Ï½üµÄ×éºÏÔÚÒ»Æð¿ÉÒÔ½µµÍÑÕÉ«Êý£¬ÀíÏë×´¿öÊǵÍÓÚ256É«ÒÔ±ãÊÊÓÃPNG8¸ñʽ£»
±ãÓÚÒƶ¯£¬²»ÒªÔÚSpiriteµÄͼÏñÖмäÁôÓнϴó¿Õ϶¡£ÕâËäÈ»²»´ó»áÔö¼ÓÎļþ´óСµ«¶ÔÓÚÓû§´úÀíÀ´ËµËüÐèÒª¸üÉÙµÄÄÚ´æÀ´°ÑͼƬ½âѹΪÏñËصØͼ¡£100x100µÄͼƬΪ1ÍòÏñËØ£¬¶ø1000x1000¾ÍÊÇ100ÍòÏñËØ¡£
31¡¢²»ÒªÔÚHTMLÖÐËõ·ÅͼÏñ
²»ÒªÎªÁËÔÚHTMLÖÐÉèÖó¤¿í¶øʹÓñÈʵ¼ÊÐèÒª´óµÄͼƬ¡£Èç¹ûÄãÐèÒª£º
<img width="100" height="100" src="mycat.jpg" alt="My Cat" />
ÄÇôÄãµÄͼƬ£¨mycat.jpg£©¾ÍÓ¦¸ÃÊÇ100x100ÏñËضø²»ÊÇ°ÑÒ»¸ö500x500ÏñËصÄͼƬËõСʹÓá£
32¡¢favicon.icoҪС¶øÇÒ¿É»º´æ
favicon.icoÊÇλÓÚ·þÎñÆ÷¸ùĿ¼ÏµÄÒ»¸öͼƬÎļþ¡£ËüÊDZض¨´æÔڵģ¬ÒòΪ¼´Ê¹Äã²»¹ØÐÄËüÊÇ·ñÓÐÓã¬ä¯ÀÀÆ÷Ò²»á¶ÔËü·¢³öÇëÇó£¬Òò´Ë×îºÃ²»Òª·µ»ØÒ» ¸ö404 Not FoundµÄÏìÓ¦¡£ÓÉÓÚÊÇÔÚͬһ̨·þÎñÆ÷ÉÏ£¬Ëüÿ±»ÇëÇóÒ»´Îcoockie¾Í»á±»·¢ËÍÒ»´Î¡£Õâ¸öͼƬÎļþ»¹»áÓ°ÏìÏÂÔØ˳Ðò£¬ÀýÈçÔÚIEÖе±ÄãÔÚ onloadÖÐÇëÇó¶îÍâµÄÎļþʱ£¬favicon»áÔÚÕâЩ¶îÍâÄÚÈݱ»¼ÓÔØÇ°ÏÂÔØ¡£
Òò´Ë£¬ÎªÁ˼õÉÙfavicon.ico´øÀ´µÄ±×¶Ë£¬Òª×öµ½£º
Îļþ¾¡Á¿µØС£¬×îºÃСÓÚ1K
ÔÚÊʵ±µÄʱºò£¨Ò²¾ÍÊÇÄã²»Òª´òËãÔÙ»»favicon.icoµÄʱºò£¬ÒòΪ¸ü»»ÐÂÎļþʱ²»ÄܶÔËü½øÐÐÖØÃüÃû£©ÎªËüÉèÖÃExpiresÎļþÍ·¡£Äã¿ÉÒԺܰ²È«µØ°ÑExpiresÎļþÍ·ÉèÖÃΪδÀ´µÄ¼¸¸öÔ¡£Äã¿ÉÒÔͨ¹ýºË¶Ôµ±Ç°favicon.icoµÄÉϴαà¼Ê±¼äÀ´×÷³öÅжϡ£
Imagemagick¿ÉÒÔ°ïÄã´´½¨Ð¡ÇɵÄfavicon¡£
33¡¢±£³Öµ¥¸öÄÚÈÝСÓÚ25K
ÕâÌõÏÞÖÆÖ÷ÒªÊÇÒòΪiPhone²»ÄÜ»º´æ´óÓÚ25KµÄÎļþ¡£×¢ÒâÕâÀïÖ¸µÄÊǽâѹËõºóµÄ´óС¡£ÓÉÓÚµ¥´¿gizpѹËõ¿ÉÄÜ´ï²»ÒªÇó£¬Òò´Ë¾«¼òÎļþ¾ÍÏÔµÃÊ®·ÖÖØÒª¡£
²é¿´¸ü¶àÐÅÏ¢£¬Çë²ÎÔÄWayne SheaºÍTenni TheurerµÄÎļþ¡°Performance Research, Part 5: iPhone Cacheability - Making it Stick¡±¡£
34¡¢´ò°ü×é¼þ³É¸´ºÏÎı¾
°ÑÒ³ÃæÄÚÈÝ´ò°ü³É¸´ºÏÎı¾¾ÍÈçͬ´øÓж฽¼þµÄEmail£¬ËüÄܹ»Ê¹ÄãÔÚÒ»¸öHTTPÇëÇóÖÐÈ¡µÃ¶à¸ö×é¼þ£¨ÇмǣºHTTPÇëÇóÊǺÜÉݳ޵ģ©¡£µ±ÄãʹÓÃÕâÌõ¹æÔòʱ£¬Ê×ÏÈҪȷ¶¨Óû§´úÀíÊÇ·ñÖ§³Ö£¨iPhone¾Í²»Ö§³Ö£©¡£
35¡¢Avoid empty src or href ±ÜÃâ¿ÕµÄͼƬµÄsrc»òÕßherf
±êÇ©£º·þÎñÆ÷
Óë¿Õ×Ö·û´®µÄͼƬµÄ srcÊôÐÔ·¢Éú³¬¹ýÔ¤ÆÚ ¡£ËüÓÐÁ½ÖÖÐÎʽ³öÏÖ£º
Ö±½ÓµÄHTML
<img src="">
JavaScriptµÄ
VAR IMG =еÄImage£¨£©;
img.src =¡°¡±;
ÕâÁ½ÖÖÐÎʽÒýÆðÏàͬµÄЧ¹û£ºä¯ÀÀÆ÷·¢³
Ïà¹ØÔĶÁ:
- ̸̸¹ØÓÚÄÚ´æµÄһЩÐĵÃÌå»á¡¾×ªqa.taobao¡¿ (ϵͳÏûÏ¢, 2012-4-02)
- °²×°ÍêQQ±ØÐëҪɾ³ýµôµÄ¼¸¸ö¿Ö²ÀÎļþ (allenzgw, 2012-8-13)
- ÈçºÎÓÃJMeter×öÐÔÄܲâÊÔ£¿ (ÂãÄÐ, 2012-8-21)
- ͨ¹ý»º´æ¶ÔÏ󷾶µÄ·½Ê½Ìá¸ßRFTµÄ¶ÔÏóʶ±ðЧÂÊ (dreamever, 2012-10-15)
- 2012 10 22 (jing17, 2012-10-22)
- [ÉÏƪ]ÍøÕ¾ÐÔÄÜÓÅ»¯-¼Ó¿ìÄúµÄÍøÕ¾µÄ×î¼Ñʵ¼ù¡¾×ª¡¿ (297322716, 2012-11-05)