Web鎬ц兘浼樺寲緋誨垪錛?錛夛細濡備綍寤惰繜鍔犺澆JS

JavaScript鐨勫歡榪熷姞杞芥槸閭d簺鍦╳eb涓婏紝鑳借浣犳兂鎶撶媯鍦板幓瀵繪壘瑙e喅鏂規鐨勯棶棰樹箣涓€銆?/p>

寰堝浜鴻閭e氨鐢╠efer鎴?ldquo;async錛岀敋鑷蟲湁浜涗漢璇?ldquo;閭e氨灝嗕綘鐨刯avascript浠g爜鏀懼湪欏甸潰浠g爜搴曢儴銆?/p>

涓婅堪鏂規硶閮戒笉鑳借В鍐沖湪web欏甸潰瀹屽叏鍔犺澆鍚庯紝鍐嶅姞杞藉閮╦s鐨勯棶棰樸€備笂榪版柟娉曚篃浼氬伓灝旇浣犳敹鍒癎oogle欏甸潰閫熷害嫻嬭瘯宸ュ叿鐨?ldquo;寤惰繜鍔犺澆javascript璀﹀憡銆傛墍浠ヨ繖閲岀殑瑙e喅鏂規灝嗘槸鏉ヨ嚜Google甯姪欏甸潰鐨勬帹鑽愭柟妗堛€?/p>

濡備綍寤惰繜鍔犺澆JavaScript

涓嬮潰鏄疓oogle鎺ㄨ崘鐨勪唬鐮併€傝繖浜涗唬鐮佸簲琚斁緗湪</body>鏍囩鍓?鎺ヨ繎HTML鏂囦歡搴曢儴)銆傚彟澶栵紝鎴戝皢澶栭儴JS鏂囦歡鍚嶇獊鍑烘樉紺恒€?/p>

<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "defer.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>

榪欓噷鍋氫簡浠€涔堬紵

榪欐浠g爜鎰忔€濇槸絳夊埌鏁翠釜鏂囨。鍔犺澆瀹屽悗錛屽啀鍔犺澆澶栭儴鏂囦歡defer.js銆?/p>

鍏蜂綋璇存槑

1.澶嶅埗涓婇潰浠g爜

2.綺樿創浠g爜鍒癏TML鐨?lt;/body>鏍囩鍓?(闈犺繎HTML鏂囦歡搴曢儴)

3.淇敼defer.js涓轟綘鐨勫閮↗S鏂囦歡鍚?/p>

4.紜繚浣犳枃浠惰礬寰勬槸姝g‘鐨勩€備緥濡傦細濡傛灉浣犱粎杈撳靉defer.js錛岄偅涔?ldquo;defer.js鏂囦歡涓€瀹氫笌HTML鏂囦歡鍦ㄥ悓涓€鏂囦歡澶逛笅銆?/p>

榪欐浠g爜鑳界敤鍦ㄥ摢閲?鍜屽摢閲屼笉鑳界敤)

榪欐浠g爜鐩村埌鏂囨。鍔犺澆瀹屾墠浼氬姞杞芥寚瀹氱殑澶栭儴JS鏂囦歡銆傚洜姝わ紝涓嶅簲璇ユ妸閭d簺欏甸潰姝e父鍔犺澆闇€瑕佷緷璧栫殑javascript浠g爜鏀懼湪榪欓噷銆傝€屽簲璇ュ皢JavaScript浠g爜鍒嗘垚涓ょ粍銆備竴緇勬槸鍥犻〉闈㈤渶瑕佽€岀珛鍗沖姞杞界殑javascript浠g爜錛屽彟澶栦竴緇勬槸鍦ㄩ〉闈㈠姞杞藉悗榪涜鎿嶄綔鐨刯avascript浠g爜(渚嬪娣誨姞click浜嬩歡鎴栧叾浠栦笢瑗?銆傝繖浜溳渶絳夊埌欏甸潰鍔犺澆鍚庡啀鎵ц鐨凧avaScript浠g爜錛屽簲鏀懼湪涓€涓閮ㄦ枃浠訛紝鐒跺悗鍐嶅紩榪涙潵銆?/p>

渚嬪錛屽湪榪欓〉闈㈡垜浣跨敤涓婅堪鏂囦歡榪涜寤惰繜鍔犺澆-Google analytics錛?a href=”/?vgref=1198751″>Viglink (鎴戞€庝箞璧氶挶)錛屽拰鏄劇ず鍦ㄥ簳閮ㄧ殑Google+寰界珷(鎴戠殑紺句氦濯掍綋)銆傝繖瀵逛簬鎴戞潵璇達紝娌℃湁鐞嗙敱鍦ㄥ垵濮嬮〉闈㈠姞杞芥椂鍔犺澆榪欎簺鏂囦歡錛屽洜涓哄垵濮嬮樁孌甸兘娌″繀瑕佸姞杞戒笂榪版棤鍏崇揣瑕佺殑鍐呭銆備篃璁稿湪浣犵殑欏甸潰涓篃鏈夊悓鏍鋒€ц川鐨勬枃浠躲€傞偅浣犻毦閬撴兂璁╃敤鎴峰湪鐪嬪埌緗戦〉鍐呭涔嬪墠錛岃繕瑕佺瓑寰呰繖浜涙枃浠跺姞杞藉悧錛?/p>

涓轟粈涔堜笉浣跨敤鍏跺畠鏂規硶鍛紵

鐩存帴鎻掑靉浠g爜銆佸皢鑴氭湰鏀劇疆鍦ㄥ簳閮ㄥ拰浣跨敤defer鎴?ldquo;async錛岃繖鍑犵鏂規硶閮戒笉鑳借揪鍒板厛鍔犺澆欏甸潰鍚庡姞杞絁S鐨勭洰鐨勶紝鑰屼笖瀹冧滑鑲畾涓嶈兘鍦ㄥ悇涓祻瑙堝櫒涓婅〃鐜頒竴鑷淬€?/p>

瀹冧負浠€涔堥噸瑕侊紵

瀹冪殑閲嶈鎬ф槸鐢變簬Google灝嗛〉闈㈤€熷害浣滀負鎺掑悕鍥犵礌涔嬩竴鑰屼笖鐢ㄦ埛涔熷笇鏈涜兘蹇€熷姞杞介〉闈€傚彟澶栧浜庣Щ鍔ㄦ悳绱㈠紩鎿庝紭鍖栦篃鏄潪甯擱噸瑕佺殑銆侴oogle鏍規嵁欏甸潰鏈€鍒濆姞杞?/strong>鏃墮棿鏉ヨ 閲忛〉闈㈤€熷害銆傝繖鎰忓懗鐫€浣犲繀欏誨敖鍙兘蹇湴寰楀埌欏甸潰鐨刲oad浜嬩歡銆傞〉闈㈡渶鍒濆姞杞芥椂闂存槸Google鐢ㄦ潵璇勪環浣犵殑web欏甸潰璐ㄩ噺(鑰屼笖鍒繕璁扮敤鎴峰湪絳夊緟欏甸潰鐨勫姞杞?銆侴oogle縐瀬鎺ㄨ繘鍜屾帹鑽愬皢涓婅堪鐨勬棤鍏崇揣瑕佺殑鍐呭鎸夐噸瑕佹€ф帓鍒楋紝璁╂墍鏈夎祫婧?js,css,images絳?鑴辯鍏抽敭鐨勬覆鏌撹礬寰勶紝鑰屼笖榪欐牱鍋氭槸鍊煎緱鍘誨姫鍔涚殑銆傚鏋滆繖鏍瘋兘鍙栨偊鐢ㄦ埛錛屼笖璁〨oogle寮€蹇冿紝浣犲緢搴旇榪欐牱鍋氥€?/p>

鐢ㄦ硶紺轟緥

鎴戝凡鍒涘緩涓€涓〉闈紝鍦ㄨ繖涓〉闈綘鍙湅鍒拌繖孌典唬鐮佺殑浣跨敤銆?/p>

璁╀綘嫻嬭瘯鐨勭ず渚嬫枃浠?/strong>

濂界殑錛屼負浜嗚鏄庯紝鎴戝凡鍒朵綔鍑犱釜紺轟緥欏甸潰璁╀綘榪涜嫻嬭瘯銆傛瘡涓〉闈㈤兘鍋氬悓涓€鏍風殑浜嬫儏銆傝繖鏄竴涓櫘閫氱殑HTML欏甸潰錛屽惈鏈変竴涓瓑寰?縐掔劧鍚庤緭鍑?ldquo;hello world鐨刯avascript鑴氭湰銆備綘鍙互嫻嬭瘯榪欎簺鏂囦歡錛岀劧鍚庝綘浼氱湅鍒板彧鏈変竴縐嶆柟娉曪紝瀹冪殑鍔犺澆鏃墮棿鏄笉鍖呮嫭2縐掔殑絳夊緟鏃墮棿銆?/p>

  • 鐩存帴鎻掑靉鑴氭湰鐨勯〉闈?–鐐瑰嚮榪欓噷
  • 甯︽湁浣跨敤defer澶栭儴鑴氭湰鐨勯〉闈?– 鐐瑰嚮榪欓噷
  • 浣跨敤涓婅堪鎺ㄨ崘浠g爜鐨勯〉闈?– 鐐瑰嚮榪欓噷

鍏抽敭鐐?/strong>

鍘嬪€掍竴鍒囩殑棣栬浠誨姟搴旇鏄敖鍙兘蹇湴浜や粯鍐呭緇欑敤鎴楓€傝€屾垜浠竴鐩存病鎯崇潃濡備綍瀵瑰緟鎴戜滑鐨刯avascript浠g爜銆備絾鐢ㄦ埛涓嶅簲璇ヤ負涓€浜涙棤鍏崇揣瑕佺殑鑴氭湰錛岃€岃榪湴涓哄唴瀹矽€屼綔鍑虹瓑寰呫€傛棤璁轟綘鐨勯〉鑴氬閰鳳紝閮芥病鐞嗙敱璁╀竴涓彲鑳戒粠涓嶆粴鍔ㄥ埌欏佃剼鐨勭敤鎴鳳紝鍘誨姞杞介偅浜涜欏佃剼鍙橀叿鐨刯avascript鏂囦歡銆?/p>

寤朵幾闃呰錛?/h3>

  • Web鎬ц兘浼樺寲緋誨垪錛?錛夛細Web鎬ц兘浼樺寲鍒嗘瀽
  • Web鎬ц兘浼樺寲緋誨垪錛?錛夛細鍓栨瀽欏甸潰緇樺埗鏃墮棿
  • Web鎬ц兘浼樺寲錛歐hat錛焀hy錛烪ow錛?/a>

娉細鐩稿叧緗戠珯寤鴻鎶€宸ч槄璇昏縐繪鍒?a href=”/web/” target=”_blank”>寤虹珯鏁欑▼棰戦亾銆?/p>

>> 鏌ョ湅鏇村鐩鎬技鏂囩珷