preload銆乸refetch銆乸reconnect 鏄綉椤垫€ц兘浼樺寲鐨勫父鐢ㄦ墜娈碉紝瀹冧滑鍙互棰勫姞杞借祫婧愩€侀瑙ｆ瀽 DNS銆佸缓绔嬭繛鎺ワ紝浠庤€屾彁鍗囩綉椤电殑鍔犺浇閫熷害鍜岀敤鎴蜂綋楠屻€?/p>

1. preload锛歱reload 鍙互鐢ㄦ潵鎸囧畾鍦ㄥ綋鍓嶉〉闈㈠姞杞藉畬鎴愬悗绔嬪嵆璇锋眰鎸囧畾鐨勮祫婧愩€傚畠鐨勪富瑕佸簲鐢ㄥ満鏅槸鍦ㄩ〉闈腑寮曞叆涓€浜涘繀瑕佺殑璧勬簮锛屽鍏抽敭 CSS銆佸瓧浣撶瓑銆傞€氳繃 preload锛岃繖浜涜祫婧愬彲浠ュ湪娴忚鍣ㄥ姞杞介〉闈㈢殑鍚屾椂骞惰涓嬭浇锛屼粠鑰岀缉鐭〉闈㈠姞杞芥椂闂淬€俻reload 鐨勪娇鐢ㄦ柟寮忓涓嬶細

<link rel="preload" href="style.css" as="style">

2. prefetch锛歱refetch 鐢ㄤ簬鎸囧畾鍦ㄥ綋鍓嶉〉闈㈠姞杞藉畬鎴愬悗棰勫姞杞芥寚瀹氱殑璧勬簮銆傚畠鐨勪富瑕佸簲鐢ㄥ満鏅槸棰勫姞杞戒笅涓€涓〉闈㈢殑璧勬簮锛屼互鎻愬墠鑾峰彇鎵€闇€鐨勮祫婧愶紝浠庤€屽姞閫熶笅涓€涓〉闈㈢殑鍔犺浇閫熷害銆俻refetch 鐨勪娇鐢ㄦ柟寮忓涓嬶細

<link rel="prefetch" href="next-page.js">

3. preconnect锛歱reconnect 鍙互鍦ㄥ綋鍓嶉〉闈㈠姞杞藉畬鎴愬悗棰勫厛寤虹珛杩炴帴鍒版寚瀹氬煙鍚嶇殑鏈嶅姟鍣ㄣ€傚畠鐨勪富瑕佸簲鐢ㄥ満鏅槸褰撶綉绔欓渶瑕佽繛鎺ュ埌鍏朵粬鍩熷悕鐨勬湇鍔″櫒鏃讹紝鍙互浣跨敤 preconnect 鎻愬墠寤虹珛杩炴帴锛屼粠鑰屽噺灏戝缓绔嬭繛鎺ョ殑鏃堕棿寤惰繜銆俻reconnect 鐨勪娇鐢ㄦ柟寮忓涓嬶細

<link rel="preconnect" href="https://example.com">

闇€瑕佹敞鎰忕殑鏄紝preload銆乸refetch 鍜?preconnect 閮藉彲浠ヤ娇鐢ㄥ湪 <link> 鍏冪礌涓婏紝鑰屼笖瀹冧滑閮芥湁涓€涓?as 灞炴€э紝鐢ㄤ簬鎸囧畾璧勬簮鐨勭被鍨嬨€傝繖涓睘鎬у彲浠ュ府鍔╂祻瑙堝櫒鏇村ソ鍦板鐞嗚繖浜涜祫婧愶紝浠ユ彁鍗囩綉椤垫€ц兘銆?/p>

鎬荤殑鏉ヨ锛宲reload 鏄敤鏉ラ鍔犺浇褰撳墠椤甸潰鎵€闇€鐨勫叧閿祫婧愶紝prefetch 鏄敤鏉ラ鍔犺浇涓嬩竴涓〉闈㈢殑璧勬簮锛宲reconnect 鏄敤鏉ラ杩炴帴鏈嶅姟鍣ㄧ殑璧勬簮銆傚畠浠湪涓嶅悓鐨勫満鏅笅浣跨敤锛屽彲浠ユ彁鍗囩綉椤电殑鍔犺浇閫熷害鍜岀敤鎴蜂綋楠屻€?/p>