鎴戜滑鐭ラ亾鐢ㄦ埛閮藉枩嬈㈡祻瑙堥�熷害蹇殑緗戠珯錛屼笉鍠滄鑺辮垂澶鐨勬椂闂寸瓑寰呯綉欏電殑鎵撳紑錛岀瓑寰呯殑鏃墮棿榪囬暱錛屼細璁╃敤鎴峰け鍘昏�愬績錛岀敋鑷崇儲韜佹椂浼氱洿鎺ュ叧闂綉欏碉紝榪欐牱灝變細澶卞幓涓�浜涙綔鍦ㄧ殑瀹㈡埛浜嗐�?/P>
鍏舵錛屼粠SEO鐨勮搴︽潵璇達紝鍏抽敭瀛楃殑鎺掑悕涓庣綉欏電殑鎵撳紑閫熷害涔熸湁鍏崇郴錛孏oogle鐨刉eb鎼滅儲鍥㈤槦鏇懼湪瀹樻柟鍗氬涓婂甯冿紝灝嗘妸緗戠珯鐨勯�熷害浣滀負PR錛圥ageRank錛夌畻娉曠殑涓�涓洜瀛愶紝鍦ㄦ墍鏈夊洜绱犻兘鐩哥瓑鐨勬儏鍐典笅錛岄�熷害蹇殑緗戠珯灝嗘帓鍦ㄩ�熷害鎱㈢殑緗戠珯鍓嶉潰銆傚悓鏃舵寚鍑哄緢澶氱綉绔欓兘娌℃湁鍒╃敤鏈�浣崇殑欏甸潰浼樺寲鎶�鏈紝欏甸潰鍔犺澆閫熷害閮藉瓨鍦ㄥ緢澶х己闄楓�傞偅涔堬紝鎴戜滑璇ュ浣曡ˉ鏁戝茍鎻愰珮緗戠珯欏甸潰鐨勫姞杞介�熷害鍛紵
1銆佸悎騫禞s鏂囦歡鍜孋SS
灝咼S浠ｇ爜鍜孋SS鏍峰紡鍒嗗埆鍚堝茍鍒頒竴涓叡浜殑鏂囦歡錛岃繖鏍蜂笉浠呰兘綆�鍖栦唬鐮侊紝鑰屼笖鍦ㄦ墽琛孞S鏂囦歡鐨勬椂鍊欙紝濡傛灉JS鏂囦歡姣旇緝澶氾紝灝遍渶瑕佽繘琛屽嬈♀�淕et鈥濊姹傦紝寤墮暱鍔犺澆閫熷害錛屽皢JS鏂囦歡鍚堝茍鍦ㄤ竴璧峰悗錛岃嚜鐒跺氨鍑忓皯浜咷et璇鋒眰嬈℃暟錛屾彁楂樹簡鍔犺澆閫熷害銆?/P>
鐢ㄦ埛鎵撳紑鐢╟ss璁捐鐨勭綉欏碉紝css涓�鑸涓嬭澆鐢ㄦ埛鏈湴璁＄畻鏈猴紝涓嶅儚html鍏冪礌琛ㄧ幇鏍囩錛屾瘡嬈＄綉绔欑殑緗戦〉閮借璋冪敤涓�嬈★紝浣跨敤css錛屽彧闇�瑕佷竴嬈″氨濂戒簡錛佸彟澶栵紝css鍦ㄦ煇浜涘湴鏂瑰彲浠ユ浛浠ｅ浘鐗囷紝榪欏氨鏄負浠�涔堢幇鍦ㄦ彁鍊iv+css鐨勫師鍥狅紒
2銆丼prites鍥劇墖鎶�鏈?/STRONG>
Spriting鏄竴縐嶇綉欏靛浘鐗囧簲鐢ㄥ鐞嗘柟寮忥紝瀹冩槸灝嗕竴涓〉闈㈡秹鍙婂埌鐨勬墍鏈夐浂鏄熷浘鐗囬兘鍖呭惈鍒頒竴寮犲ぇ鍥句腑鍘伙紝鐒跺悗鍒╃敤CSS鎶�鏈睍鐜板嚭鏉ャ�傝繖鏍蜂竴鏉ワ紝褰撹闂欏甸潰鏃訛紝杞藉叆鐨勫浘鐗囧氨涓嶄細鍍忎互鍓嶉偅鏍蜂竴騫呬竴騫呭湴鎱㈡參鏄劇ず鍑烘潵浜嗭紝鍙互鍑忓皯浜嗘暣涓綉欏電殑鍥劇墖澶у皬錛屽茍涓斿埄鐢–SSSprites鑳藉緢濂藉湴鍑忓皯緗戦〉鐨刪ttp璇鋒眰錛屼粠鑰屽ぇ澶х殑鎻愰珮欏甸潰鐨勬�ц兘銆?/P>
CSSSprites鍦ㄥ浗鍐呭緢澶氫漢鍙玞ss綺劇伒錛屽緢鏃╁氨鏈変簡錛屽湪寰堝澶у瀷緗戠珯閮芥湁鐢ㄥ埌錛岀壒鍒槸涓�浜涙墍鏈夐〉闈㈤兘瀛樺湪鐨勫浘鏍囩敤寰楁瘮杈冨錛屽緢濂界殑鎻愬崌鍔犺澆閫熷害銆?/P>
3銆佸帇緙╂枃鏈拰鍥劇墖
鍘嬬緝鎶�鏈gzip鍙互鏈夋晥鍑忓皯欏甸潰鍔犺澆鐨勬椂闂淬�傚寘鎷琀TML錛孹ML錛孞SON(JavaScript瀵硅薄絎﹀彿)錛孞avaScript鍜孋SS絳夛紝鍘嬬緝鐜囬兘鍙互鍦ㄥぇ灝?0%宸﹀彸銆?/P>
涓�鑸枃鏈帇緙╃敤寰楁瘮杈冨錛岄�氬父閮芥槸鐩存帴鍦ㄧ┖闂村紑鍚氨琛岋紝鑰屽浘鐗囩殑鍘嬬緝灝辨瘮杈冮殢鎰忥紝寰堝閮芥槸鐩存帴涓婁紶錛屽叾瀹炶繕鏈夊緢澶х殑鍘嬬緝絀洪棿銆?/P>
4銆佸歡榪熸樉紺哄彲瑙佸尯鍩熷鐨勫唴瀹?/STRONG>
涓轟簡紜繚鐢ㄦ埛鍙互鏇村揩鍦扮湅瑙佸彲瑙佸尯鍩熺殑緗戦〉鍙互寤惰繜鍔犺澆鎴栧睍鐜板彲瑙佸尯鍩熷鐨勫唴瀹癸紝涓轟簡閬垮厤欏甸潰鍙樺艦錛屽彲浠ヤ嬌鐢ㄥ崰浣嶇鏍囩鍒跺畾姝ｇ‘鐨勯珮搴﹀拰瀹藉害銆?/P>
姣斿錛歐P鐨刯QueryImage LazyLoad鎻掍歡灝卞彲浠ュ湪鐢ㄦ埛鍋滅暀鍦ㄧ涓�灞忕殑鏃跺�欙紝涓嶅姞杞戒換浣曠涓�灞忎互涓嬬殑鍥劇墖淇℃伅錛屽彧鏈夊綋鐢ㄦ埛鎶婇紶鏍囧線涓嬫粴鍔ㄧ殑鏃跺�欙紝榪欎簺鍥劇墖鎵嶅紑濮嬪姞杞姐�傝繖鏍峰緢鏄庢樉鎻愬崌鍙鍖哄煙鐨勫姞杞介�熷害錛屾彁楂樼敤鎴蜂綋楠屻�?/P>
5銆佺‘淇濆姛鑳藉浘鐗囦紭鍏堝姞杞?/STRONG>
緗戠珯涓昏鑰冭檻鍙敤鎬х殑閲嶈鎬э紝涓�涓姛鑳芥寜閽鎻愬墠鍔犺澆鍑烘潵錛岀敤鎴瘋繘鍏ヤ笅杞介〉錛屼竴涓彧闇�瑕?s鏃墮棿鐨勪笅杞借姳浜?s鍦ㄧ瓑寰呫�佸鎵句笅杞芥寜閽浘鐗囷紝璋佽兘蹇嶅彈錛?/P>榪樻湁涓棶棰橀渶瑕佹敞鎰忕殑鏄細涓�浜涗漢緇忓父蹇樿鍐欏浘鐗囩殑闀垮拰瀹戒簡錛岃繖浜涙爣璁版槸鍛婅瘔嫻忚鍣ㄦ墦寮�鍥劇墖涔嬪墠鐨勫昂瀵革紝濡傛灉鑳芥彁鍓嶈緗ソ鍥劇墖鐨刪eight鍜寃idth錛屾祻瑙堝櫒鍔犺澆緗戦〉鏃跺氨浼氫繚鐣欎竴鍧楀尯鍩燂紝鍔犲揩鏁翠釜緗戦〉鏄劇ず閫熷害銆?/SPAN>
6銆侀噸鏂板竷緗瓹all-to-Action鎸夐挳 鍏跺疄榪欎釜鍜屼笂闈竴鏉℃槸宸笉澶氱殑錛岄兘鏄粠鐢ㄦ埛浣撻獙閫熷害鐫�鎵嬶紝璺寵繃浜嗙綉欏電殑鏁翠綋鍔犺澆閫熷害銆傞�熷害娌″彉錛屽彧鏄涓�浜涜涓烘寜閽彁鍓嶏紝Call-to-Action鎸夐挳涓�鑸範鎯璁″湪欏甸潰搴曢儴錛岃繖鏍風殑涔犳儻瀵逛簬鐢ㄦ埛鏉ヨ騫朵笉鎬繪槸濂界殑錛岃喘涔扮敤鎴烽渶瑕佺瓑鍒版渶涓嬮潰鍔犺澆鍑烘潵鎵嶈兘鐐瑰嚮涓嬩竴姝ユ搷浣溿�?/P>
鍙互璋冩暣CTA鎸夐挳鐨勪綅緗垨浣跨敤婊戝姩鐨勫浘鐗囨寜閽紝寰堝澶у瀷璐墿緗戠珯鐨勫姞鍏ヨ喘鐗╄濺灝辨槸榪欑綾誨瀷銆?/P>
7銆佸浘鐗囨牸寮忎紭鍖?/STRONG> 涓嶆伆褰撶殑鍥懼儚鏍煎紡鏄竴縐嶆瀬涓哄父瑙佺殑鍑忔參鍔犺澆閫熷害鐨勭姜欖佺ジ棣栥�傛紜殑鍥劇墖鏍煎紡鍙互璁╁浘鐗囩緝灝忔暟鍊嶏紝濡傛灉淇濆瓨涓烘渶浣蟲牸寮忥紝鍙互鑺傜渷澶ч噺甯﹀錛屽噺灝戝鐞嗘椂闂存椂闂達紝澶уぇ鍔犲揩欏甸潰鍔犺澆閫熷害錛岃繖鏄竴縐嶅緢甯歌鐨勫仛娉曘�?/P>
8銆佷嬌鐢≒rogressive JPEGs Progressive JPEGs鍥劇墖鏄疛PEG鏍煎紡鐨勪竴涓壒孌婂彉縐嶏紝鍚嶄負鈥滈珮綰PEG鈥濄�傚湪鍒涘緩楂樼駭JPEG鏂囦歡鏃訛紝鏁版嵁鏄繖鏍峰畨鎺掔殑錛氬湪瑁呭叆鍥懼儚鏃訛紝寮�濮嬪彧鏄劇ず涓�涓ā緋婄殑鍥懼儚錛岄殢鐫�鏁版嵁鐨勮鍏ワ紝鍥懼儚閫愭鍙樺緱娓呮櫚錛屽畠鐩稿綋浜庝氦緇囩殑GIF鏍煎紡鐨勫浘鐗囥�?/P>
楂樼駭JPEG涓昏鏄�冭檻鍒頒嬌鐢ㄨ皟鍒惰В璋冨櫒鐨勬參閫熺綉緇滆�岃璁＄殑錛屾寔緇綉緇滅殑浣跨敤鑰呴�氬父涓嶄細浣撲細鍒板畠鍜屾甯窲PEG鏍煎紡鍥劇墖鐨勫尯鍒�傚浜庣綉閫熸瘮杈冩參鐨勭敤鎴鳳紝榪欐棤鐤戞湁寰堝ソ鐨勪綋楠屻�?/P>
9銆佺簿綆�浠ｇ爜 榪欎釜鍙互璇存槸鏈�鐩存帴鐨勪竴涓柟娉曪紝涔熸槸鐢ㄥ緱姣旇緝澶氱殑錛屽緗戦〉浠ｇ爜榪涜鐦﹁韓錛屽垹闄や笉蹇呰鐨勬矇鍐椾唬鐮侊紝姣斿涓嶅繀瑕佺殑絀烘牸銆佹崲琛岀銆佹敞閲婄瓑錛屽寘鎷琂S浠ｇ爜涓殑鏃犵敤浠ｇ爜涔熼渶瑕佹竻闄ゃ�?/P>
鍦ㄥ悓絳夌綉緇滅幆澧冧笅錛岄〉闈㈣秺灝忚嚜鐒朵笅杞芥椂闂磋秺蹇紝鎵�浠ュ湪鍚堢悊鑼冨洿鍐呭噺灝戦〉闈㈠ぇ灝忔槸鍙互浼樺寲涓嬭澆閫熷害鐨勩�傝�岄〉闈㈠ぇ灝忎富瑕佹槸鐢盚TML鐨勪唬鐮侀噺鏉ュ喅瀹氱殑錛堝綋鐒朵篃鍙兘鍖呮嫭涓�浜沜ss鎴栬�卝s鐨勪唬鐮侊紝涓嶈繃涓諱綋榪樻槸HTML浠ｇ爜錛夛紝瑕佹兂鍑忓皬欏甸潰鐨勫ぇ灝忥紝灝卞緱鏍規嵁W3C鐨勬爣鍑嗘潵浼樺寲HTML浠ｇ爜緇撴瀯錛屽幓闄や竴浜涘瀮鍦炬棤鎰忎箟鐨勪唬鐮併�?/P>
鍏朵腑瀵逛簬娉ㄩ噴浠ｇ爜鐨勬竻闄ゅ彲鑳芥湁浜涗漢瀛樺湪璇尯錛岀敋鑷蟲湁鐨勫湪閲岄潰鍫嗙爩鍏抽敭璇嶃�?/P>
10銆佸歡榪熷姞杞藉拰鎵ц闈炲繀瑕佽剼鏈?/STRONG> 緗戦〉涓湁寰堝鑴氭湰鏄湪欏甸潰瀹屽叏鍔犺澆瀹屽墠閮戒笉闇�瑕佹墽琛岀殑錛屽彲浠ュ歡榪熷姞杞藉拰鎵ц闈炲繀瑕佽剼鏈�傝繖浜涜剼鏈彲浠ュ湪onload浜嬩歡涔嬪悗鎵ц錛岄伩鍏嶅緗戦〉涓婇噸瑕佸唴瀹圭殑鍛堢幇閫犳垚褰卞搷銆傝繖浜涜剼鏈彲鑳芥槸浣犺嚜宸辯綉欏電殑鐢茶嫰錛屽線寰�鏇村鐨勬槸涓�浜涚涓夋柟鑴氭湰錛岃繖鏍風殑鏈夊緢澶氾紝姣斿錛氳瘎璁恒�佸箍鍛娿�佹櫤鑳芥帹鑽愩�佺櫨搴︿簯鍥俱�佸垎浜拰鐐瑰嚮嬈℃暟緇熻絳夌瓑錛岃繖浜涘畬鍏ㄥ彲浠ョ瓑涓諱綋鍐呭鍔犺澆瀹屽悗鍐嶆墽琛屻�?/P>
11銆佷嬌鐢ˋJAX 瀵逛簬緗戦〉鐨勬墦寮�錛屽叾瀹炴槸寰堝鏉傜殑榪囩▼銆備粠緗戦〉鐨勭敵璇鋒墦寮�錛屽埌web鏈嶅姟鍣ㄧ殑鍝嶅簲錛岀紪璇戠瓑鍔ㄤ綔錛岀劧鍚庡彂鍥炵粰嫻忚鍣紝鎵嶆樉紺烘垜浠潰鍓嶇殑鏂囧瓧鍜屽浘鐗囷紝澶氬獟浣撴枃浠剁瓑銆傛墍浠ユ垜瑕佸敖閲忓噺灝戝搷搴旀鏁幫紝鐜板湪ajax鍦ㄨ繖鏂歸潰灝辮繍鐢ㄧ殑涓嶉敊銆傚綋鐒訛紝涓�涓潤鎬侀〉闈㈠氨渚嬪浜嗭紝闈欐�侀〉闈㈠娉ㄦ剰鍥劇墖澶у皬鍜岀綉欏佃璁′笂灝辮浜嗐�?/P>
AJAX鍗斥�淎synchronous Javascript +XML鈥滐紝鏄寚涓�縐嶅垱寤轟氦浜掑紡緗戦〉搴旂敤鐨勭綉欏靛紑鍙戞妧鏈�傞�氳繃鍦ㄥ悗鍙頒笌鏈嶅姟鍣ㄨ繘琛屽皯閲忔暟鎹氦鎹紝AJAX鍙互浣跨綉欏靛疄鐜板紓姝ユ洿鏂般�?/P>
榪欐剰鍛崇潃鍙互鍦ㄤ笉閲嶆柊鍔犺澆鏁翠釜緗戦〉鐨勬儏鍐典笅錛屽緗戦〉鐨勬煇閮ㄥ垎榪涜鏇存柊銆備紶緇熺殑緗戦〉(涓嶄嬌鐢ˋJAX)濡傛灉闇�瑕佹洿鏂板唴瀹癸紝蹇呴』閲嶈澆鏁翠釜緗戦〉闈€�?/P>
12銆佽嚜鍔ㄥ寲鐨勯〉闈㈡�ц兘浼樺寲 鑷姩鍖栫殑欏甸潰鎬ц兘浼樺寲涔熷氨鏄�熷姪宸ュ叿浜嗭紝緗戠珯鎻愰�熷伐鍏鋒湁寰堝錛岀浉淇″ぇ瀹跺湪緗戜笂涔熺湅鍒頒簡寰堝錛屽叿浣撶殑鏁堟灉涔熷緢闅炬柇瀹氾紝鎵�浠ヨ繖閲屼篃灝變笉澶氳浜嗐�?/P>
鍖椾含緗戠珯寤鴻鐐硅瘎錛?/STRONG> 閲嶈緗戠珯鐨勭敤鎴蜂綋楠屽彲浠ヨ鏄簰鑱旂綉鍙戝睍鐢辨妧鏈負涓績鍒頒互鐢ㄦ埛涓轟腑蹇冪殑涓�縐嶈漿鍙橈紝涓繪祦鐨勬悳绱㈠紩鎿庨兘灝嗙綉绔欑殑鐢ㄦ埛浣撻獙浣滀負璇勪環緗戠珯鐨勯噸瑕佹爣鍑嗭紝姣曠珶鎼滅儲寮曟搸铚樿洓涔熷彧鏄綉绔欑殑涓�涓櫘閫氱敤鎴鳳紝瑕佹兂鍦ㄦ悳绱㈠紩鎿庤幏寰楀ソ鐨勮瘎浠鳳紝灝變笉寰椾笉閲嶈鐢ㄦ埛浣撻獙鐨勪紭鍖栵紝鑰岀綉绔欑殑鍔犺澆閫熷害鍒欐槸鐢ㄦ埛浣撻獙鐨勯瑕佹潯浠躲�?/P>
