代碼 前端開發(fā)內(nèi)聯(lián)代碼的優(yōu)點與缺點?
前端開發(fā)內(nèi)聯(lián)代碼的優(yōu)點與缺點?內(nèi)聯(lián)是在HTML文檔中直接包含文件內(nèi)容的過程:CSS文件可以內(nèi)聯(lián)到元素中,JavaScript文件可以內(nèi)聯(lián)到元素中:通過在HTML輸出中打印現(xiàn)有代碼,內(nèi)聯(lián)可以避免呈現(xiàn)阻塞
前端開發(fā)內(nèi)聯(lián)代碼的優(yōu)點與缺點?
內(nèi)聯(lián)是在HTML文檔中直接包含文件內(nèi)容的過程:CSS文件可以內(nèi)聯(lián)到元素中,JavaScript文件可以內(nèi)聯(lián)到元素中:
通過在HTML輸出中打印現(xiàn)有代碼,內(nèi)聯(lián)可以避免呈現(xiàn)阻塞請求,并在呈現(xiàn)頁面之前執(zhí)行代碼。因此,它有助于提高網(wǎng)站的感知性能(即頁面可用的時間)。例如,我們可以使用加載網(wǎng)站時立即傳輸?shù)臄?shù)據(jù)緩沖區(qū)(約14KB)內(nèi)聯(lián)關(guān)鍵樣式,包括樣式上的屏幕內(nèi)容(如果在以前的網(wǎng)站中已完成),以及版面的字體大小、寬度和高度,以避免在重畫版面時傳輸其余的數(shù)據(jù)。
但是,當(dāng)過度使用時,內(nèi)聯(lián)代碼也會對站點性能產(chǎn)生負(fù)面影響:因為代碼不可緩存,它將重復(fù)向客戶端發(fā)送相同的內(nèi)容,并且無法通過服務(wù)人員進行預(yù)緩存,或者從內(nèi)容傳遞到網(wǎng)絡(luò)緩存和訪問。此外,在實現(xiàn)內(nèi)容安全策略(CSP)時,內(nèi)聯(lián)腳本被認(rèn)為是不安全的。
因此,內(nèi)聯(lián)代碼是明智的開發(fā)策略。內(nèi)聯(lián)CSS和JS是提高網(wǎng)站加載速度的關(guān)鍵部分,但要盡量避免代碼過多導(dǎo)致服務(wù)器性能下降。
網(wǎng)站建設(shè)中應(yīng)該注意哪些問題?
感謝您的邀請。網(wǎng)站建設(shè)中會遇到很多問題。這里有幾點。頁面要小,實用,方便人們?yōu)g覽。頁面占用的空間越小,漫游速度越快。2盡量使用HTML頁面。雖然PHP、ASP和JSP可以使web“動態(tài)化”,但這類程序會消耗一定的服務(wù)器資源,因此建議使用靜態(tài)HTML頁面。目前很多企業(yè)仍然使用表格來建立網(wǎng)站。有些人為了好看的頁面把整個頁面放在一個大表格里,然后用td把它分成幾個塊。這種方法會減慢網(wǎng)頁的顯示速度,因此我們應(yīng)該將內(nèi)容分成若干部分,并將它們放入具有相同模式的多個表中。4將HPH和其他文件的訪問權(quán)限更改為。JS參考。5使用iframe嵌套另一個頁面。6頁計數(shù)器是網(wǎng)站管理員和廣告商訪問的基礎(chǔ)。7交換友情鏈接的設(shè)置。建議您選擇雙線空間,這樣可以避免其他用戶訪問時由于網(wǎng)絡(luò)問題造成的訪問延遲。