前端頁(yè)面代碼大小優(yōu)化 前端開發(fā)，頁(yè)面優(yōu)化，性能優(yōu)化有哪些方面？
前端開發(fā)，頁(yè)面優(yōu)化，性能優(yōu)化有哪些方面？感覺前端表現(xiàn)真的很重要。我來說說我在實(shí)際項(xiàng)目中的應(yīng)用。前端的應(yīng)用主要從以下幾個(gè)方面進(jìn)行優(yōu)化:1.減少http請(qǐng)求HTTP協(xié)議是一種無狀態(tài)的應(yīng)用層協(xié)議，這意味著每
前端開發(fā)，頁(yè)面優(yōu)化，性能優(yōu)化有哪些方面？
感覺前端表現(xiàn)真的很重要。我來說說我在實(shí)際項(xiàng)目中的應(yīng)用。前端的應(yīng)用主要從以下幾個(gè)方面進(jìn)行優(yōu)化:
1.減少http請(qǐng)求
HTTP協(xié)議是一種無狀態(tài)的應(yīng)用層協(xié)議，這意味著每個(gè)HTTP請(qǐng)求都需要建立通信鏈路，傳輸數(shù)據(jù)。在服務(wù)器端，每個(gè)HTTP需要啟動(dòng)一個(gè)獨(dú)立的線程來處理它。這些通信和服務(wù)是昂貴的，減少HTTP請(qǐng)求的數(shù)量可以有效地提高訪問性能。減少HTTP的方法主要是合并CSS、JavaScript和圖片。把瀏覽器一次訪問需要的JavaScript和CSS合并成一個(gè)文件，這樣瀏覽器只需要一次請(qǐng)求。圖片也可以合并，多張圖片合并成一張。如果每張圖片有不同的超鏈接，CSS offset可以用來響應(yīng)鼠標(biāo)點(diǎn)擊，構(gòu)造不同的URL。
2.使用瀏覽器緩存
對(duì)于一個(gè)網(wǎng)站來說，CSS、JavaScript、Logo、圖標(biāo)等靜態(tài)資源文件更新的頻率較低，幾乎每個(gè)HTTP請(qǐng)求都需要這些文件。如果將這些文件緩存在瀏覽器中，性能可以大大提高。通過在HTTP頭中設(shè)置Cache-Control和Expires屬性，可以設(shè)置瀏覽器緩存，緩存時(shí)間可以是幾天甚至幾個(gè)月。在某些情況下，靜態(tài)資源文件的更改需要及時(shí)應(yīng)用到客戶端瀏覽器。在這種情況下，可以通過改變文件名來實(shí)現(xiàn)，即更新JavaScript文件不是更新JavaScript文件的內(nèi)容，而是生成一個(gè)新的JS文件，更新HTML文件中的引用。使用瀏覽器緩存策略的網(wǎng)站在更新靜態(tài)資源時(shí)，應(yīng)采用批量更新的。例如，如果需要更新10個(gè)圖標(biāo)文件，不建議一次更新所有10個(gè)文件，而是一次更新一個(gè)文件，間隔一定時(shí)間，這樣可以避免用戶 瀏覽器和緩存的集中更新，導(dǎo)致服務(wù)器負(fù)載驟增，網(wǎng)絡(luò)擁塞。
3.啟用壓縮
在服務(wù)器端壓縮文件，在瀏覽器端解壓縮文件，可以有效減少通信傳輸?shù)臄?shù)據(jù)量。文本文件的壓縮效率可以達(dá)到80%以上，所以對(duì)HTML、CSS、JavaScript文件啟用GZip壓縮可以達(dá)到更好的效果。但是壓縮對(duì)服務(wù)器和瀏覽器造成了一定的壓力，在通信帶寬好，服務(wù)器資源不足的情況下要考慮。
4.CSS放在頁(yè)面頂部，JavaScript放在頁(yè)面底部。
瀏覽器會(huì)在下載完所有的CSS后呈現(xiàn)整個(gè)頁(yè)面，所以最好的做法是將CSS放在。在頁(yè)面頂部，讓瀏覽器盡快下載CSS。而JavaScript則是瀏覽器在加載JavaScript后立即執(zhí)行，可能會(huì)阻塞整個(gè)頁(yè)面，導(dǎo)致頁(yè)面顯示緩慢，所以JavaScript最好放在頁(yè)面底部。但如果頁(yè)面解析需要JavaScript，放在最底層就不合適了。
5.減少Cookie傳輸
在每個(gè)響應(yīng)請(qǐng)求中，如果cookie過大，必然會(huì)影響性能，所以不需要把cookie放在網(wǎng)絡(luò)上，選擇數(shù)據(jù)放在Cooki
公司對(duì)優(yōu)化人員要求，需要不需要會(huì)web前端？
對(duì)于優(yōu)化來說，雖然不要求你達(dá)到web前端開發(fā)設(shè)計(jì)的水平，但至少要能看懂網(wǎng)頁(yè)的HTML和css代碼，然后對(duì)后端的PHP等腳本語(yǔ)言有一定的了解。對(duì)于優(yōu)化來說，不是幾年前隨便更新文章或者發(fā)個(gè)外鏈那么簡(jiǎn)單。
如果要優(yōu)化，就得考慮用戶體驗(yàn)。對(duì)于web前端開發(fā)者來說，你關(guān)注的是前端的功能和界面的美化設(shè)計(jì)，但是優(yōu)化器需要調(diào)整代碼以符合搜索引擎的標(biāo)準(zhǔn)，從不同的方面提升用戶體驗(yàn)。然后就是文章更新和外鏈發(fā)布，這些都算是優(yōu)化的一部分，叫做外部?jī)?yōu)化。對(duì)于內(nèi)部?jī)?yōu)化，需要修改頁(yè)面布局，精簡(jiǎn)代碼，減少代碼冗余。所以優(yōu)化人員需要了解web的前端知識(shí)，只能發(fā)布簡(jiǎn)單的文章信息。目前只能稱之為啟動(dòng)子，離優(yōu)化還有一段距離。
最后，優(yōu)化人員不僅需要了解文章的發(fā)布和web前端代碼的優(yōu)化修改，還需要通過站長(zhǎng)平臺(tái)對(duì)網(wǎng)站數(shù)據(jù)進(jìn)行分析并制定長(zhǎng)期的優(yōu)化方向計(jì)劃，并在實(shí)施的過程中適當(dāng)及時(shí)的調(diào)整優(yōu)化計(jì)劃。