Ò»¡¢ÊÖÒÕµü´úÍÆ¶¯ÇáÁ¿»¯×ªÐÍ
È«ÇòÍøÕ¾Æ½¾ùÌå»ý´Ó2018ÄêµÄ2.2MB¼¤ÔöÖÁ2023ÄêµÄ4.7MB£¬µ«Óû§ÆÚ´ýʱ³¤ÈÝÈ̶ÈÈ´Ëõ¶ÌÖÁ3Ãë¡£ÕâÖÖì¶Ü´ßÉúÁËÇáÁ¿¼¶ÍøÕ¾½¨ÉèµÄÊÖÒÕˢС£Í¨¹ýÄ£¿é»¯¿ª·¢¿ò¼Ü£¨ÈçVuePress£©Ó뾲̬վµãÌìÉúÆ÷£¨SSG£©µÄÉî¶ÈÕûºÏ£¬¿ª·¢ÕßÄܹ¹½¨³ö½¹µã´úÂëÁ¿ïÔÌ58%µÄÏÖ´úÍøÕ¾¼Ü¹¹¡£ÒÔ±±¾©Ä³½ÌÓýƽ̨ΪÀý£¬Í¨¹ý¾«¼òCSSÑùʽ±íºÍʵÑéͼƬÑÓ³Ù¼ÓÔØ£¨Lazy Loading£©£¬Ê×Ò³¼ÓÔØÊ±¼ä´Ó5.4ÃëѹËõÖÁ1.8Ãë£¬Ìø³öÂÊϽµ24¸ö°Ù·Öµã¡£
¶þ¡¢Óû§ÌåÑéÇý¶¯µÄÉè¼ÆÕÜѧ
µ±Google½«½¹µãÍøÒ³Ö¸±ê£¨Core Web Vitals£©ÄÉÈëÅÅÃûËã·¨£¬ÇáÁ¿¼¶ÍøÕ¾½¨ÉèµÄÉÌÒµ¼ÛÖµ»ñµÃÁ¿»¯ÌåÏÖ¡£Òƶ¯ÓÅÏÈ£¨Mobile-First£©ÔÔòÖ¸µ¼ÏµÄÏìӦʽÉè¼Æ£¬ÒªÇóÿ¸öÔªËØ¶¼±ØÐèͨ¹ý¡¸ÐëÒªÐÔ²âÊÔ¡¹¡£Ä³µçÉÌÆ½Ì¨µÄʵ¼ùÊý¾ÝÏÔʾ£ºÉ¨³ý5¸ö·ÇÐëҪ׷×پ籾ºó£¬Òƶ¯¶Ëת»¯ÂÊÌáÉý18%¡£ÕâÑéÖ¤ÁËÈÏÖªÉñ¾Ñ§ÔÀí¡ª¡ªÓû§×¢ÖØÁ¦µÄ»Æ½ð7Ãë¹æÔò£¬ÔÚ¼«¼ò½çÃæÖиüÒײ¶»ñÒªº¦ÐÅÏ¢¡£
Èý¡¢ÊÖÒÕÕ»µÄÖǻ۾«¼òÕ½ÂÔ
ÔõÑùƽºâ¹¦Ð§ÍêÕûÐÔÓë´úÂ뾫¼ò¶È£¿½ñÊÀ¿ª·¢Õß½ÓÄÉ·Ö²ã¼ÓÔØ£¨Progressive Hydration£©ºÍTree ShakingÊÖÒÕ£¬¶¯Ì¬É¨³ýδʹÓõÄJavaScript´úÂ롣ij½ðÈÚ»ú¹¹¹ÙÍøÉý¼¶°¸ÀýÏÔʾ£ºÍ¨¹ýWebpackÓÅ»¯½«JSÌå»ýËõ¼õ62%£¬Í¬Ê±±£´æËùÓн¹µã¹¦Ð§¡£¸üÖµµÃ¹Ø×¢µÄÊÇ£¬ÇáÁ¿»¯¼Ü¹¹Ê¹ÍøÕ¾ÔÚÈõÍøÇéÐΣ¨2GÍøÂ磩ϵĿÉÓÃÐÔÌáÉýÖÁ84%£¬ÕâÔÚÒÆ¶¯Ö§¸¶³¡¾°ÖоßÓÐÕ½ÂÔÒâÒå¡£
ËÄ¡¢SEOÓÅÊÆµÄÊÖÒÕÐÔÆÊ½â
ËÑË÷ÒýÇæÖ©Ö루Spider£©¶ÔÇáÁ¿¼¶ÍøÕ¾ÌåÏÖ³öÏÔ×ŵÄץȡƫºÃ¡£Ñ¹ËõºóµÄHTML5ÎĵµÄÜÈÃÅÀ³æÔÚÏàͬʱ¼äÄÚÆÊÎö¸ü¶àÒ³Ãæ£¬½ø¶øÌáÉýË÷ÒýЧÂÊ¡£Ä³ÐÂÎÅÃÅ»§µÄ±ÈÕÕ²âÊÔÅú×¢£ºÆôÓÃBrotliѹËõËã·¨ºó£¬ÎÄÕÂÒ³ÊÕ¼ËÙÂʼÓËÙ37%¡£¸üÖµµÃ×¢ÖØµÄÊÇ£¬¾«¼òµÄDOM½á¹¹£¨Îĵµ¹¤¾ßÄ£×Ó£©Ê¹Òªº¦ÄÚÈÝʶ±ð׼ȷÂÊÌá¸ß29%£¬Õâ¶Ô³¤Î²Òªº¦´ÊµÄÅÅÃûÌáÉý¾ßÓгËÊýЧӦ¡£
Îå¡¢¿ÉÒ»Á¬¼Ü¹¹µÄδÀ´Ñݽø
±ßÑØÅÌË㣨Edge Computing£©ÓëÇáÁ¿¼¶ÍøÕ¾µÄÈÚºÏÕý¿ªÆôÐÂά¶È¡£CDN£¨ÄÚÈÝ·Ö·¢ÍøÂ磩½ÚµãÖ±½ÓäÖȾ¾²Ì¬Ò³ÃæµÄģʽ£¬½«Ê××Ö½Úʱ¼ä£¨TTFB£©Ñ¹ËõÖÁ300ºÁÃëÄÚ¡£Ä³¿ç¹úÆóÒµµÄʵ¼ùÓ¡Ö¤£ºÈ«Çò»á¼ûÑÓ³Ù²î±ð´Ó1.4Ãë½µÖÁ220ºÁÃë¡£ÕâÖּܹ¹µÄ»·±£Ð§ÒæÍ¬Ñù¾ªÈË¡ª¡ªÐ§ÀÍÆ÷ÄܺĽµµÍÒâζ×Åÿ¸öÒ³ÃæÇëÇó¿ÉïÔÌ0.02g̼ÅÅ·Å£¬µ±³ËÒÔÍòÍò¼¶»á¼ûÁ¿Ê±£¬ÂÌÉ«ÅÌËãµÄ¼ÛÖµ½«±»Ö¸Êý¼¶·Å´ó¡£
ÔÚÐÅÏ¢¹ýÔØµÄÊý×ÖÉÁÖÖУ¬ÇáÁ¿¼¶ÍøÕ¾½¨ÉèÒѾ³ÉΪÉÌÒµ¾ºÕùµÄ»ù´¡ÉèÊ©¼¶ÓÅÊÆ¡£±±¾©ÌìÇç´´ÒÕµÄ×îа¸Àý¿âÏÔʾ£¬½ÓÄɼòÔ¼¼Ü¹¹µÄÆóÒµ¹ÙÍø£¬ÆäÓû§Áô´æÖ¸±êÆÕ±éºá¿çÐÐÒµ¾ùÖµ42%¡£ÕâÕ¹ÏÖÁËÒ»¸öÉî²ã¼ÍÂÉ£ºµ±ÊÖÒÕÑݽø»Ø¹éÓû§ÊµÖÊÐèÇó£¬É¾·±¾Í¼òµÄÀú³Ì×Ô¼º¾ÍÊǼÛÖµ´´Á¢µÄ¼ÓËÙÆ÷¡£Î´À´ÎåÄê£¬ÍøÕ¾½¨É轫×ñÕÕ¡¸ÄÜÁ¿Ãܶȡ¹¹æÔò¡ª¡ªÓøü¾«¼òµÄ´úÂë³ÐÔØ¸ü¾«×¼µÄÉÌÒµÒâͼ£¬ÔÚЧÄÜÓëÌåÑéµÄƽºâµãÉÏ´´Á¢Ò»Á¬ÔöÌí¡£
Ò»¡¢¹¥¼áÐж¯µÓÚ¨¼õÅÅ»ù´¡
×Ô2013ÄêÆô¶¯Ê×ÂÖÇå½à¿ÕÆøÐж¯ÍýÏëÒÔÀ´£¬±±¾©ÊÐÀÛ¼ÆÊµÑé200ÓàÏîÖÎÀí²½·¥£¬ÎªPM2.5Ũ¶ÈÒ»Á¬Ï½µµÓÚ¨ÖÆ¶È»ù´¡¡£Ê®Äê¼äͨ¹ý"ú¸ÄÆø"¹¤³ÌïÔÌȼú¹øÂ¯2.3Íǫ̀£¬ïÔÌɢúÓÃÁ¿½üÍòÍò¶Ö£¬´Ùʹú̿ÏûºÄÕ¼±È´Ó22%½µÖÁ1.5%¡£ÖµµÃ×¢ÖØµÄÊÇ£¬½ñÄêµÄÑï³¾ÔÚÏß¼à²âϵͳÒÑÍê³É¶Ô1800¸ö¹¤µØÈ«ÁýÕÖ£¬ÊµÏÖTSP£¨×ÜÐü¸¡¿ÅÁ£ÎŨ¶Èʵʱ¼à¿Ø¡£ÕâÖÖ¶àά¶ÈµÄ¹Ü¿ØÏµÍ³£¬Ê¹µÃ¼¾½ÚÐÔÎÛȾ·åÖµ½Ï2013ÄêÏ÷¼õ61%¡£ÕâЩ²½·¥ÔõÑùת»¯Îª¿ÉÁ¿»¯µÄÇéÐÎÐ§Òæ£¿Òªº¦¾ÍÔÚÓÚÎÛȾԴµÄϵͳ»¯ÖÎÀí¡£
¶þ¡¢ÄÜÔ´¸ïÃüÖØ¹¹ÅŷŽṹ
ÄÜÔ´½á¹¹µÄÇ㸲ÐÔµ÷½â×é³É±±¾©´óÆøÖÎÀíµÄ½¹µãÖ§³Ö¡£×èֹĿ½ñ£¬×ÔÈ»Æø·¢µçÕ¼±ÈÒÑ´ï38.5%£¬ÐÂÄÜÔ´×°»úÈÝÁ¿Í»ÆÆ700ÍòǧÍß¡£ÔÚ½»Í¨ÁìÓò£¬µç¶¯»¯Àú³ÌͬÑùѸÃÍ£¬È«ÊÐÀÛ¼ÆÍƹãÐÂÄÜÔ´Æû³µ66.7ÍòÁ¾£¬¹«½»ÏµÍ³ÖÜȫʵÏÖÐÂÄÜÔ´Ìæ»»¡£ÕâÖ±½Ó´Ù³ÉµªÑõ»¯ÎNOx£©ÅÅ·ÅÁ¿½Ï2015ÄêïÔÌ40%£¬¶øNOxÕýÊÇPM2.5¶þ´ÎÌìÉúµÄÖ÷ҪǰÌåÎï¡£Õë¶Ô¶¬¼¾²ÉůÅÅ·ÅÄÑÌ⣬±±¾©Á¢Ò콨ÉèµÄ"ÈȵçÁª²ú+È¼Æøµ÷·å"ģʽ£¬Ê¹¹©Å¯¼¾PM2.5Ũ¶È½µ·ù´ï6.4%¡£
Èý¡¢Ï¸Äå¹Ü¿Ø»¯½âÒÆ¶¯Ô´ÄÑÌâ
ÎÞа³µÎÛȾÖÎÀí·½Ãæ£¬±±¾©Êй¹½¨Æð"ÈË·À+¼¼·À"¹Ü¿ØÍøÂç¡£ÔÚÎå»·ÄÚõè¾¶ÉèÖõĺÚÑÌ×¥ÅÄϵͳ£¬Ã¿Äê¿Éʶ±ð³¬±ê³µÁ¾2ÍòÓàÁ¾¡£×îÐÂÆôÓõÄÎÞа³µÅÅ·ÅʵÑéÊҾ߱¸¹úÆß±ê×¼²âÊÔÄÜÁ¦£¬Íƶ¯ÖØÐͲñÓͳµ¿ÅÁ£Îï²¶¼¯Æ÷£¨DPF£©×°ÖÃÂʵִï100%¡£Æ¾Ö¤Ô´ÆÊÎöЧ¹û£¬Òƶ¯Ô´¶ÔPM2.5Т˳ÂÊÒÑ´Ó31%½µÖÁ25%£¬ÌØÊâÊÇ·Çõè¾¶»úе¼Ó×°µÄÎ²Æø¾»»¯×±Öã¬Ê¹ÎÛȾÎïÅÅ·ÅÁ¿½µµÍ80%ÒÔÉÏ¡£
ËÄ¡¢ÇøÓòÁª·ÀÍ»ÆÆÐÐÕþÇø»®±ÚÀÝ
´óÆøÎÛȾ·ÀÖξßÓÐÏÔÖøµÄÇøÓò´«ÊäÌØÕ÷£¬¾©½ò¼½¼°Öܱß"2+26"¶¼»áÁª·ÀÁª¿Ø»úÖÆÐ§¹ûÏÔ×Å¡£±±¾©Óë±£¶¨¡¢ÀÈ·»½¨ÉèµÄ¿ÕÆøÖÊÁ¿Ì¸ÅÐÆ½Ì¨£¬ÊµÏÖÖØÎÛȾԤ¾¯Í¬²½ÂÊ´ï95%ÒÔÉÏ¡£ÔÚ¹¤ÒµÐ×÷·½Ã棬ÈýµØÀÛ¼Æ×ªÒƸߺÄÄÜÆóÒµ1200Óà¼Ò£¬ÇøÓòÐÔVOCs£¨»Ó·¢ÐÔÓлúÎÁªºÏÖÎÀíÏîÄ¿ïÔÌÅÅ·Å5.6Íò¶Ö¡£¼à²âÊý¾ÝÏÔʾ£¬ÇøÓò´«Êä¶Ô±±¾©PM2.5µÄТ˳ÂÊÓÉ2013ÄêµÄ32%ϽµÖÁÄ¿½ñµÄ22%£¬Õâ±³ºóÊÇͳһ»·±£±ê×¼µÄÇ¿Ô¼Êø×÷Óá£
Îå¡¢¿Æ¼¼¸³ÄÜʵÏÖ¾«×¼ÖÎÀí
±±¾©Êй¹½¨µÄ"ÌìåÐÒ£"Ò»Ì廯¼à²âÍøÂ磬ÈÚºÏÎÀÐÇÒ£¸Ð¡¢×ߺ½¼à²âºÍµØÃæÎ¢Õ¾£¬ÐγÉ3¹«ÀïÍø¸ñ»¯¼à²âÄÜÁ¦¡£´óÆøÎÛȾԴÆÊÎöϵͳÿ¼¾¶ÈÌìÉú¶¯Ì¬Çåµ¥£¬Ö§³ÖÖ´·¨ÊµÁ¦¾«×¼Ëø¶¨ÖصãÎÛȾԴ¡£ÌìÏÂÊ׸öÖØÐͳµÔÚÏß¼à¿ØÆ½Ì¨£¬ÊµÏÖ¶Ô12ÍòÁ¾ÓªÔ˳µÁ¾ÅÅ·ÅÊý¾ÝµÄʵʱ»Ø´«¡£ÔڿƼ¼ÊֶμӳÖÏ£¬³¬±êÅÅ·ÅÐÐΪµÄ·¢Ã÷ЧÂÊÌáÉý3±¶£¬ÇéÐÎî¿ÏµÕýÔÚ´Ó"È˺£Õ½Êõ"Ïò"ÖÇ»ÛÖÎÀí"תÐÍ¡£
ǰʮ¸öÔ±±¾©PM2.5ƽ¾ùŨ¶È3.1%µÄ½µ·ù£¬ÊÇÊ®ÄêÖÎÎÛ¹¥¼áµÄÁ¿±ä»ýÀÛ¡£´ÓÄÜÔ´¸ïÃüµ½Ï¸Äå¹Ü¿Ø£¬´Óµ¥µãÍ»ÆÆµ½ÇøÓòÐͬ£¬ÕâÌ××éºÏÈÕýÔÚÖØËܾ©½ò¼½¿ÕÆøÖÊÁ¿ÖÎÀí·¶Ê½¡£Õ¹ÍûδÀ´£¬Ëæ×żõÎÛ½µÌ¼ÐͬÔöЧÉîÈëÍÆ½ø£¬Ê×¶¼¿ÕÆøÖÊÁ¿¸ÄÉÆ½«ÓÀ´´ÓÁ¿±äµ½ÖʱäµÄб¼ÌÚ¡£ÕⳡÖÎÀíʵ¼ùÅú×¢£¬Ö»Óмá³Ö¾«×¼ÖÎÎÛ¡¢¿ÆÑ§ÖÎÎÛ¡¢ÒÀ·¨ÖÎÎÛ£¬²Å»ªÊµÏÖÇéÐα£»¤Óë¸ßÖÊÁ¿Éú³¤µÄË«ÖØÍ»ÆÆ¡£