·ÖÎö£ºÈçºÎ½øÐÐÍøÕ¾ÐÔÄÜÓÅ»¯ - Î÷ºçÊÐÍø - Powered by Discuz!

Î÷ºçÊÐÍø

±êÌâ: ·ÖÎö£ºÈçºÎ½øÐÐÍøÕ¾ÐÔÄÜÓÅ»¯ [´òÓ¡±¾Ò³]

×÷Õß: liukai    ʱ¼ä: 2026-3-31 06:00
±êÌâ: ·ÖÎö£ºÈçºÎ½øÐÐÍøÕ¾ÐÔÄÜÓÅ»¯

¡¡¡¡½øÐÐÍøÕ¾ÐÔÄÜÓÅ»¯£¬Òª¾­¹ýÒÔϼ¸¸ö·½·¨£º1¡¢¼õÉÙhttpÇëÇ󣬺ÏÀíÉèÖà HTTP»º´æ£»2¡¢Ê¹ÓÃä¯ÀÀÆ÷»º´æ£»3¡¢ÆôÓÃѹËõ£»4¡¢CSS Sprites£»5¡¢LazyLoad Images£»6¡¢CSS·ÅÔÚÒ³Ãæ×îÉϲ¿£¬javascript·ÅÔÚÒ³Ãæ×îÏÂÃæ£»7¡¢Òì²½ÇëÇóCallback£»8¡¢¼õÉÙcookie´«Êä¡£¾ßÌåÄÚÈÝÎÒÃǽ«ÔÚÎÄÕÂÖÐÕ¹¿ª¡£https://m.tnc.com.cn/ask/472586.htmlµÄÏà¹Ø×ÊѶ¿ÉÒÔµ½ÎÒÃÇÍøÕ¾Á˽âһϣ¬´Óרҵ½Ç¶È³ö·¢ÎªÄú½â´ðÏà¹ØÎÊÌ⣬¸øÄúÓÅÖʵķþÎñ£¡

¡¡¡¡ÍøÕ¾µÄ·ÃÎÊÁ¿¼°Óû§µÄ³Ö¾ÃÐÔÆäʵÔÚÒ»¶¨³Ì¶ÈÉÏÈ¡¾öÓÚÆäÐÔÄÜ£¬Èç¹ûÒ»¸öÍøÕ¾ÏìÓ¦ºÄʱ¾Ã£¬¶¯»­¿¨¶Ù£¬Õ¼ÓôóÁ¿µÄcpuµÈ£¬ÍùÍù¾Í»áµ¼ÖÂÓû§Á÷ʧ¡£ÓÈÆäÊÇapp¼°Î¢ÐŶËÓ¦Ó㬿ÉÒÔÕâô˵£¬Èç¹ûÒ³Ãæ´ò¿ª¶¼Òª³¬¹ý4Ã룬ÕâÌåÑé¾ø¶Ô²î¡£×÷Ϊһ¸ö¿ª·¢Õߣ¬ÊDz»ÔÊÐí³öÏÖÕâÖÖÇé¿öµÄ£¬ÄÇô¸ÃÈçºÎÌá¸ßÒ³ÃæµÄÐÔÄÜÄØ£¿

¡¡¡¡´óÖµÄÍøÕ¾ÓÅ»¯ÐÔÄܲ½Öè²»Íâºõ¼õÉÙHTTPÇëÇó´ÎÊý£¬¼õÉÙDNS·ÃÎÊ£¬¼õÉÙ¶ÔDOMµÄ²Ù×÷£¬Ëõ¼õÇëÇóµÄÎļþ´óС/cookie´óСµÈµÈ£¬

¡¡¡¡httpЭÒéÊÇÎÞ״̬µÄÓ¦ÓòãЭÒ飬Òâζ×Åÿ´ÎhttpÇëÇó¶¼ÐèÒª½¨Á¢Í¨ÐÅÁ´Â·¡¢½øÐÐÊý¾Ý´«Ê䣬¶øÔÚ·þÎñÆ÷¶Ë£¬Ã¿¸öhttp¶¼ÐèÒªÆô¶¯¶ÀÁ¢µÄÏß³ÌÈ¥´¦Àí¡£ÕâЩͨÐźͷþÎñµÄ¿ªÏú¶¼ºÜ°º¹ó£¬¼õÉÙhttpÇëÇóµÄÊýÄ¿¿ÉÓÐЧÌá¸ß·ÃÎÊÐÔÄÜ¡£

¡¡¡¡¼õÉÙhttpµÄÖ÷ÒªÊÖ¶ÎÊǺϲ¢CSS¡¢ºÏ²¢javascript¡¢ºÏ²¢Í¼Æ¬¡£½«ä¯ÀÀÆ÷Ò»´Î·ÃÎÊÐèÒªµÄjavascriptºÍCSSºÏ²¢³ÉÒ»¸öÎļþ£¬ÕâÑùä¯ÀÀÆ÷¾ÍÖ»ÐèÒªÒ»´ÎÇëÇó¡£Í¼Æ¬Ò²¿ÉÒԺϲ¢£¬¶àÕÅͼƬºÏ²¢³ÉÒ»ÕÅ£¬Èç¹ûÿÕÅͼƬ¶¼Óв»Í¬µÄ³¬Á´½Ó£¬¿Éͨ¹ýCSSÆ«ÒÆÏìÓ¦Êó±êµã»÷²Ù×÷£¬¹¹Ô첻ͬµÄURL¡£

¡¡¡¡»º´æµÄÁ¦Á¿ÊÇÇ¿´óµÄ£¬Ç¡µ±µÄ»º´æÉèÖÿÉÒÔ´ó´óµÄ¼õÉÙ HTTPÇëÇó¡£¼ÙÉèÄ³ÍøÕ¾Ê×Ò³£¬µ±ä¯ÀÀÆ÷ûÓлº´æµÄʱºò·ÃÎÊÒ»¹²»á·¢³ö 78¸öÇëÇ󣬹² 600¶à KÊý¾Ý£¬¶øµ±µÚ¶þ´Î·ÃÎʼ´ä¯ÀÀÆ÷ÒÑ»º´æÖ®ºó·ÃÎÊÔò½öÓÐ 10¸öÇëÇ󣬹² 20¶à KÊý¾Ý¡£ (ÕâÀïÐèҪ˵Ã÷µÄÊÇ£¬Èç¹ûÖ±½Ó F5Ë¢ÐÂÒ³ÃæµÄ»°Ð§¹ûÊDz»Ò»ÑùµÄ£¬ÕâÖÖÇé¿öÏÂÇëÇóÊý»¹ÊÇÒ»Ñù£¬²»¹ý±»»º´æ×ÊÔ´µÄÇëÇó·þÎñÆ÷ÊÇ 304ÏìÓ¦£¬Ö»ÓÐ HeaderûÓÐBody£¬¿ÉÒÔ½ÚÊ¡´ø¿í )

¡¡¡¡ÔõÑù²ÅËãºÏÀíÉèÖã¿Ô­ÔòºÜ¼òµ¥£¬ÄÜ»º´æÔ½¶àÔ½ºÃ£¬ÄÜ»º´æÔ½¾ÃÔ½ºÃ¡£ÀýÈ磬ºÜÉٱ仯µÄͼƬ×ÊÔ´¿ÉÒÔÖ±½Óͨ¹ý HTTP HeaderÖеÄExpiresÉèÖÃÒ»¸öºÜ³¤µÄ¹ýÆÚÍ· ;±ä»¯²»Æµ·±¶øÓÖ¿ÉÄÜ»á±äµÄ×ÊÔ´¿ÉÒÔʹÓà Last-ModifedÀ´×öÇëÇóÑéÖ¤¡£¾¡¿ÉÄܵÄÈÃ×ÊÔ´Äܹ»ÔÚ»º´æÖдýµÃ¸ü¾Ã¡£¹ØÓÚ HTTP»º´æµÄ¾ßÌåÉèÖúÍÔ­Àí´Ë´¦¾Í²»ÔÙÏêÊöÁË¡£

¡¡¡¡¶ÔÒ»¸öÍøÕ¾¶øÑÔ£¬CSS¡¢javascript¡¢logo¡¢Í¼±êÕâЩ¾²Ì¬×ÊÔ´Îļþ¸üÐÂµÄÆµÂʶ¼±È½ÏµÍ£¬¶øÕâЩÎļþÓÖ¼¸ºõÊÇÿ´ÎhttpÇëÇó¶¼ÐèÒªµÄ£¬Èç¹û½«ÕâЩÎļþ»º´æÔÚä¯ÀÀÆ÷ÖУ¬¿ÉÒÔ¼«ºÃµÄ¸ÄÉÆÐÔÄÜ¡£Í¨¹ýÉèÖÃhttpÍ·ÖеÄcache-controlºÍexpiresµÄÊôÐÔ£¬¿ÉÉ趨ä¯ÀÀÆ÷»º´æ£¬»º´æÊ±¼ä¿ÉÒÔÊÇÊýÌ죬ÉõÖÁÊǼ¸¸öÔ¡£

¡¡¡¡ÔÚijЩʱºò£¬¾²Ì¬×ÊÔ´Îļþ±ä»¯ÐèÒª¼°Ê±Ó¦Óõ½¿Í»§¶Ëä¯ÀÀÆ÷£¬ÕâÖÖÇé¿ö£¬¿Éͨ¹ý¸Ä±äÎļþÃûʵÏÖ£¬¼´¸üÐÂjavascriptÎļþ²¢²»ÊǸüÐÂjavascriptÎļþÄÚÈÝ£¬¶øÊÇÉú³ÉÒ»¸öеÄJSÎļþ²¢¸üÐÂHTMLÎļþÖеÄÒýÓá£

¡¡¡¡Ê¹ÓÃä¯ÀÀÆ÷»º´æ²ßÂÔµÄÍøÕ¾ÔÚ¸üо²Ì¬×ÊԴʱ£¬Ó¦²ÉÓÃÖðÁ¿¸üÐµķ½·¨£¬±ÈÈçÐèÒª¸üÐÂ10¸öͼ±êÎļþ£¬²»Ò˰Ñ10¸öÎļþÒ»´ÎÈ«²¿¸üУ¬¶øÊÇÓ¦¸ÃÒ»¸öÎļþÒ»¸öÎļþÖ𲽸üУ¬²¢ÓÐÒ»¶¨µÄ¼ä¸ôʱ¼ä£¬ÒÔÃâÓû§ä¯ÀÀÆ÷ºöÈ»´óÁ¿»º´æÊ§Ð§£¬¼¯Öиüлº´æ£¬Ôì³É·þÎñÆ÷¸ºÔØÖèÔö¡¢ÍøÂç¶ÂÈûµÄÇé¿ö¡£

¡¡¡¡ÔÚ·þÎñÆ÷¶Ë¶ÔÎļþ½øÐÐѹËõ£¬ÔÚä¯ÀÀÆ÷¶Ë¶ÔÎļþ½âѹËõ£¬¿ÉÓÐЧ¼õÉÙͨÐÅ´«ÊäµÄÊý¾ÝÁ¿¡£Èç¹û¿ÉÒԵϰ£¬¾¡¿ÉÄܵĽ«ÍⲿµÄ½Å±¾¡¢Ñùʽ½øÐкϲ¢£¬¶à¸öºÏΪһ¸ö¡£Îı¾ÎļþµÄѹËõЧÂʿɴﵽ80%ÒÔÉÏ£¬Òò´ËHTML¡¢CSS¡¢javascriptÎļþÆôÓÃGZipѹËõ¿É´ïµ½½ÏºÃµÄЧ¹û¡£µ«ÊÇѹËõ¶Ô·þÎñÆ÷ºÍä¯ÀÀÆ÷²úÉúÒ»¶¨µÄѹÁ¦£¬ÔÚͨÐÅ´ø¿íÁ¼ºÃ£¬¶ø·þÎñÆ÷×ÊÔ´²»×ãµÄÇé¿öÏÂҪȨºâ¿¼ÂÇ¡£

¡¡¡¡ºÏ²¢ CSSͼƬ£¬¼õÉÙÇëÇóÊýµÄÓÖÒ»¸öºÃ°ì·¨¡£

¡¡¡¡ÕâÌõ²ßÂÔʵ¼ÊÉϲ¢²»Ò»¶¨ÄܼõÉÙ HTTPÇëÇóÊý£¬µ«ÊÇÈ´ÄÜÔÚijЩÌõ¼þÏ»òÕßÒ³Ãæ¸Õ¼ÓÔØÊ±¼õÉÙ HTTPÇëÇóÊý¡£¶ÔÓÚͼƬ¶øÑÔ£¬ÔÚÒ³Ãæ¸Õ¼ÓÔØµÄʱºò¿ÉÒÔÖ»¼ÓÔØµÚÒ»ÆÁ£¬µ±Óû§¼ÌÐøÍùºó¹öÆÁµÄʱºò²Å¼ÓÔØºóÐøµÄͼƬ¡£ÕâÑùÒ»À´£¬¼ÙÈçÓû§Ö»¶ÔµÚÒ»ÆÁµÄÄÚÈݸÐÐËȤʱ£¬ÄÇÊ£ÓàµÄͼƬÇëÇó¾Í¶¼½ÚÊ¡ÁË¡£

¡¡¡¡ä¯ÀÀÆ÷»áÔÚÏÂÔØÍê³ÉÈ«²¿CSSÖ®ºó²Å¶ÔÕû¸öÒ³Ãæ½øÐÐäÖȾ£¬Òò´Ë×îºÃµÄ×ö·¨Êǽ«CSS·ÅÔÚÒ³Ãæ×îÉÏÃæ£¬ÈÃä¯ÀÀÆ÷¾¡¿ìÏÂÔØCSS¡£Èç¹û½« CSS·ÅÔÚÆäËûµØ·½±ÈÈç BODYÖУ¬Ôòä¯ÀÀÆ÷ÓпÉÄÜ»¹Î´ÏÂÔØºÍ½âÎöµ½ CSS¾ÍÒѾ­¿ªÊ¼äÖÈ¾Ò³ÃæÁË£¬Õâ¾Íµ¼ÖÂÒ³ÃæÓÉÎÞ CSS×´Ì¬Ìø×ªµ½ CSS״̬£¬Óû§ÌåÑé±È½ÏÔã¸â£¬ËùÒÔ¿ÉÒÔ¿¼Âǽ«CSS·ÅÔÚHEADÖС£

¡¡¡¡JavascriptÔòÏà·´£¬ä¯ÀÀÆ÷ÔÚ¼ÓÔØjavascriptºóÁ¢¼´Ö´ÐУ¬ÓпÉÄÜ»á×èÈûÕû¸öÒ³Ãæ£¬Ôì³ÉÒ³ÃæÏÔʾ»ºÂý£¬Òò´Ëjavascript×îºÃ·ÅÔÚÒ³Ãæ×îÏÂÃæ¡£µ«Èç¹ûÒ³Ãæ½âÎöʱ¾ÍÐèÒªÓõ½javascript£¬Õâʱ·Åµ½µ×²¿¾Í²»ºÏÊÊÁË¡£

¡¡¡¡Lazy Load Javascript£¨Ö»ÓÐÔÚÐèÒª¼ÓÔØµÄʱºò¼ÓÔØ£¬ÔÚÒ»°ãÇé¿öϲ¢²»¼ÓÔØÐÅÏ¢ÄÚÈÝ¡££©Ëæ×Å Javascript¿ò¼ÜµÄÁ÷ÐУ¬Ô½À´Ô½¶àµÄÕ¾µãҲʹÓÃÆðÁË¿ò¼Ü¡£²»¹ý£¬Ò»¸ö¿ò¼ÜÍùÍù°üÀ¨Á˺ܶàµÄ¹¦ÄÜʵÏÖ£¬ÕâЩ¹¦Äܲ¢²»ÊÇÿһ¸öÒ³Ãæ¶¼ÐèÒªµÄ£¬Èç¹ûÏÂÔØÁ˲»ÐèÒªµÄ½Å±¾ÔòËãµÃÉÏÊÇÒ»ÖÖ×ÊÔ´ÀË·Ñ -¼ÈÀË·ÑÁË´ø¿íÓÖÀË·ÑÁËÖ´Ðл¨·ÑµÄʱ¼ä¡£Ä¿Ç°µÄ×ö·¨´ó¸ÅÓÐÁ½ÖÖ£¬Ò»ÖÖÊÇΪÄÇЩÁ÷Á¿Ìرð´óµÄÒ³Ãæ×¨ÃŶ¨ÖÆÒ»¸öרÓÃµÄ mini°æ¿ò¼Ü£¬ÁíÒ»ÖÖÔòÊÇ Lazy Load¡£

¡¡¡¡ÔÚÄ³Ð©Ò³ÃæÖпÉÄÜ´æÔÚÕâÑùÒ»ÖÖÐèÇó£¬ÐèҪʹÓà script±êÇ©À´Òì²½µÄÇëÇóÊý¾Ý¡£ÀàËÆ£º

¡¡¡¡/Callback º¯Êý/

¡¡¡¡function myCallback(info){

¡¡¡¡//do something here

¡¡¡¡}

¡¡¡¡HTML:

¡¡¡¡Callback·µ»ØµÄÄÚÈÝ :

¡¡¡¡myCallback('Hello world!');

¡¡¡¡ÏñÒÔÉÏÕâÖÖ·½Ê½Ö±½ÓÔÚÒ³ÃæÉÏд

¡¡¡¡<script>

¡¡¡¡¶ÔÒ³ÃæµÄÐÔÄÜÒ²ÊÇÓÐÓ°ÏìµÄ£¬¼´Ôö¼ÓÁËÒ³ÃæÊ״μÓÔØµÄ¸ºµ££¬ÍƳÙÁË DOMLoadedºÍwindow.onload ʼþµÄ´¥·¢Ê±»ú¡£Èç¹ûʱЧÐÔÔÊÐíµÄ»°£¬¿ÉÒÔ¿¼ÂÇÔÚ DOMLoadedʼþ´¥·¢µÄʱºò¼ÓÔØ£¬»òÕßʹÓà setTimeout·½Ê½À´Áé»îµÄ¿ØÖƼÓÔØµÄʱ»ú¡£

¡¡¡¡Ò»·½Ã棬cookie°üº¬ÔÚÿ´ÎÇëÇóºÍÏìÓ¦ÖУ¬Ì«´óµÄcookie»áÑÏÖØÓ°ÏìÊý¾Ý´«Ê䣬Òò´ËÄÄЩÊý¾ÝÐèҪдÈëcookieÐèÒªÉ÷ÖØ¿¼ÂÇ£¬¾¡Á¿¼õÉÙcookieÖд«ÊäµÄÊý¾ÝÁ¿¡£ÁíÒ»·½Ã棬¶ÔÓÚijЩ¾²Ì¬×ÊÔ´µÄ·ÃÎÊ£¬ÈçCSS¡¢scriptµÈ£¬·¢ËÍcookieûÓÐÒâÒ壬¿ÉÒÔ¿¼ÂǾ²Ì¬×ÊԴʹÓöÀÁ¢ÓòÃû·ÃÎÊ£¬±ÜÃâÇëÇó¾²Ì¬×ÊԴʱ·¢ËÍcookie£¬¼õÉÙcookie´«Êä´ÎÊý¡£

¡¡¡¡×îºó£¬ÍƼöÎÒÃǵĹÜÀí¹¤¾ß¸ø´ó¼Ò




»¶Ó­¹âÁÙ Î÷ºçÊÐÍø (http://bbs.xihong021.cn/) Powered by Discuz! X3