預載入技術，提供在不影響當前頁面情況下的效能優化方案。
預先解析指定網域名稱的dns:
rel=
"dns-prefetch"
href
="">
rel=
"dns-prefetch"
href
="">
rel=
"preconnect"
crossorigin
="anonymous"
href
="">
link[href]值指定的是某個具體資源，而不是簡單的乙個網域名稱了。除了和preconnect一樣擁有rel、href和crossorigin外，還有as，可用於告知瀏覽器資源型別，這個型別和mime不一樣，是乙個統稱型別，比如：所有的都是as=「image」，js的是as="script"，html的是as="html"等:
rel=
"prefetch"
href
="">
rel=
"prefetch"
href
=""crossoriginas=
"script"
/>
as屬性並不是必須的，但是建議加上，以便瀏覽器能更好的新增請求header來優化資源的獲取。
使用prefetch，整個資源都會被載入，但是，瀏覽器不允許對資源預處理或執行，資源只是被提前載入，並快取起來，以便將來使用。
rel=
"prerender"
href
="">
建議少用這個，太耗資源。在chrome 58之後把這個功能去掉了。
預載入。和prefetch幾乎功能一樣，但是，其載入的資源適用的場景又完全不一樣：
rel=
"preload"
href
="">
比如:
原創不易
前端優化的規則
1.減少http請求 條件get請求每次都會產生乙個304的請求 4.壓縮元件 在server端對response資源進行壓縮再傳給瀏覽器,一般使用gzip 5.將css放再頂部 能加快頁面內容顯示,並且能避免頁面產生白屏 6.將js放在底部 7.避免css表示式 8.將js,css放在外部檔案中 ...
前端的效能優化
1.精簡 把重複的 提取出來，例如js，css呼叫那一大段 用外掛程式把js，css中的空格去掉。2.多利用快取機制，前端可以用last modified expires和etag。後台的話可以用redis。3.在html中不要放 後台傳檔案時用gzip壓縮 4.寫css檔案時，選擇器的層級不要超過...
前端優化 webAPP優化總結
1 減少js載入體積 很多庫能用cdn的盡量使用cdn，這樣打包出來的js體積會很小，載入很快。2 盡量採用比較輕量級的ui 元件庫 比如museui，mintui等 3 盡量放在伺服器上，盡量進行壓縮4 儘量減少網路請求數量 程式中的資料，有的能乙個介面返回的盡量乙個介面返回，不要弄太多的介面。5...