鎬ц兘浼樺寲涔?preload銆乸refetch銆乸reconnect 鐨勫尯鍒笌浣跨敤
preload銆乸refetch銆乸reconnect 鏄綉椤垫€ц兘浼樺寲鐨勫父鐢ㄦ墜娈碉紝瀹冧滑鍙互棰勫姞杞借祫婧愩€侀瑙f瀽 DNS銆佸缓绔嬭繛鎺ワ紝浠庤€屾彁鍗囩綉椤电殑鍔犺浇閫熷害鍜岀敤鎴蜂綋楠屻€?/p>
- preload锛歱reload 鍙互鐢ㄦ潵鎸囧畾鍦ㄥ綋鍓嶉〉闈㈠姞杞藉畬鎴愬悗绔嬪嵆璇锋眰鎸囧畾鐨勮祫婧愩€傚畠鐨勪富瑕佸簲鐢ㄥ満鏅槸鍦ㄩ〉闈腑寮曞叆涓€浜涘繀瑕佺殑璧勬簮锛屽鍏抽敭 CSS銆佸瓧浣撶瓑銆傞€氳繃 preload锛岃繖浜涜祫婧愬彲浠ュ湪娴忚鍣ㄥ姞杞介〉闈㈢殑鍚屾椂骞惰涓嬭浇锛屼粠鑰岀缉鐭〉闈㈠姞杞芥椂闂淬€俻reload 鐨勪娇鐢ㄦ柟寮忓涓嬶細
<link rel="preload" href="style.css" as="style">
- prefetch锛歱refetch 鐢ㄤ簬鎸囧畾鍦ㄥ綋鍓嶉〉闈㈠姞杞藉畬鎴愬悗棰勫姞杞芥寚瀹氱殑璧勬簮銆傚畠鐨勪富瑕佸簲鐢ㄥ満鏅槸棰勫姞杞戒笅涓€涓〉闈㈢殑璧勬簮锛屼互鎻愬墠鑾峰彇鎵€闇€鐨勮祫婧愶紝浠庤€屽姞閫熶笅涓€涓〉闈㈢殑鍔犺浇閫熷害銆俻refetch 鐨勪娇鐢ㄦ柟寮忓涓嬶細
<link rel="prefetch" href="next-page.js">
- preconnect锛歱reconnect 鍙互鍦ㄥ綋鍓嶉〉闈㈠姞杞藉畬鎴愬悗棰勫厛寤虹珛杩炴帴鍒版寚瀹氬煙鍚嶇殑鏈嶅姟鍣ㄣ€傚畠鐨勪富瑕佸簲鐢ㄥ満鏅槸褰撶綉绔欓渶瑕佽繛鎺ュ埌鍏朵粬鍩熷悕鐨勬湇鍔″櫒鏃讹紝鍙互浣跨敤 preconnect 鎻愬墠寤虹珛杩炴帴锛屼粠鑰屽噺灏戝缓绔嬭繛鎺ョ殑鏃堕棿寤惰繜銆俻reconnect 鐨勪娇鐢ㄦ柟寮忓涓嬶細
<link rel="preconnect" href="https://example.com">
闇€瑕佹敞鎰忕殑鏄紝preload銆乸refetch 鍜?preconnect 閮藉彲浠ヤ娇鐢ㄥ湪 <link>
鍏冪礌涓婏紝鑰屼笖瀹冧滑閮芥湁涓€涓?as
灞炴€э紝鐢ㄤ簬鎸囧畾璧勬簮鐨勭被鍨嬨€傝繖涓睘鎬у彲浠ュ府鍔╂祻瑙堝櫒鏇村ソ鍦板鐞嗚繖浜涜祫婧愶紝浠ユ彁鍗囩綉椤垫€ц兘銆?/p>
鎬荤殑鏉ヨ锛宲reload 鏄敤鏉ラ鍔犺浇褰撳墠椤甸潰鎵€闇€鐨勫叧閿祫婧愶紝prefetch 鏄敤鏉ラ鍔犺浇涓嬩竴涓〉闈㈢殑璧勬簮锛宲reconnect 鏄敤鏉ラ杩炴帴鏈嶅姟鍣ㄧ殑璧勬簮銆傚畠浠湪涓嶅悓鐨勫満鏅笅浣跨敤锛屽彲浠ユ彁鍗囩綉椤电殑鍔犺浇閫熷害鍜岀敤鎴蜂綋楠屻€?/p>
相关问答