前端開發(fā)，頁面優(yōu)化，性能優(yōu)化有哪些方面？感覺前端表現(xiàn)真的很重要。我來說說我在實際項目中的應(yīng)用。前端的應(yīng)用主要從以下幾個方面進行優(yōu)化:1.減少http請求HTTP協(xié)議是一種無狀態(tài)的應(yīng)用層協(xié)議，這意味著每

前端開發(fā)，頁面優(yōu)化，性能優(yōu)化有哪些方面？

感覺前端表現(xiàn)真的很重要。我來說說我在實際項目中的應(yīng)用。前端的應(yīng)用主要從以下幾個方面進行優(yōu)化:

1.減少http請求

HTTP協(xié)議是一種無狀態(tài)的應(yīng)用層協(xié)議，這意味著每個HTTP請求都需要建立通信鏈路，傳輸數(shù)據(jù)。在服務(wù)器端，每個HTTP需要啟動一個獨立的線程來處理它。這些通信和服務(wù)是昂貴的，減少HTTP請求的數(shù)量可以有效地提高訪問性能。減少HTTP的方法主要是合并CSS、JavaScript和圖片。把瀏覽器一次訪問需要的JavaScript和CSS合并成一個文件，這樣瀏覽器只需要一次請求。圖片也可以合并，多張圖片合并成一張。如果每張圖片有不同的超鏈接，CSS offset可以用來響應(yīng)鼠標(biāo)點擊，構(gòu)造不同的URL。

2.使用瀏覽器緩存

對于一個網(wǎng)站來說，CSS、JavaScript、Logo、圖標(biāo)等靜態(tài)資源文件更新的頻率較低，幾乎每個HTTP請求都需要這些文件。如果將這些文件緩存在瀏覽器中，性能可以大大提高。通過在HTTP頭中設(shè)置Cache-Control和Expires屬性，可以設(shè)置瀏覽器緩存，緩存時間可以是幾天甚至幾個月。在某些情況下，靜態(tài)資源文件的更改需要及時應(yīng)用到客戶端瀏覽器。在這種情況下，可以通過改變文件名來實現(xiàn)，即更新JavaScript文件不是更新JavaScript文件的內(nèi)容，而是生成一個新的JS文件，更新HTML文件中的引用。使用瀏覽器緩存策略的網(wǎng)站在更新靜態(tài)資源時，應(yīng)采用批量更新的。例如，如果需要更新10個圖標(biāo)文件，不建議一次更新所有10個文件，而是一次更新一個文件，間隔一定時間，這樣可以避免用戶 瀏覽器和緩存的集中更新，導(dǎo)致服務(wù)器負載驟增，網(wǎng)絡(luò)擁塞。

3.啟用壓縮

在服務(wù)器端壓縮文件，在瀏覽器端解壓縮文件，可以有效減少通信傳輸?shù)臄?shù)據(jù)量。文本文件的壓縮效率可以達到80%以上，所以對HTML、CSS、JavaScript文件啟用GZip壓縮可以達到更好的效果。但是壓縮對服務(wù)器和瀏覽器造成了一定的壓力，在通信帶寬好，服務(wù)器資源不足的情況下要考慮。

4.CSS放在頁面頂部，JavaScript放在頁面底部。

瀏覽器會在下載完所有的CSS后呈現(xiàn)整個頁面，所以最好的做法是將CSS放在。在頁面頂部，讓瀏覽器盡快下載CSS。而JavaScript則是瀏覽器在加載JavaScript后立即執(zhí)行，可能會阻塞整個頁面，導(dǎo)致頁面顯示緩慢，所以JavaScript最好放在頁面底部。但如果頁面解析需要JavaScript，放在最底層就不合適了。

5.減少Cookie傳輸

在每個響應(yīng)請求中，如果cookie過大，必然會影響性能，所以不需要把cookie放在網(wǎng)絡(luò)上，選擇數(shù)據(jù)放在Cooki

公司對優(yōu)化人員要求，需要不需要會web前端？

對于優(yōu)化來說，雖然不要求你達到web前端開發(fā)設(shè)計的水平，但至少要能看懂網(wǎng)頁的HTML和css代碼，然后對后端的PHP等腳本語言有一定的了解。對于優(yōu)化來說，不是幾年前隨便更新文章或者發(fā)個外鏈那么簡單。

如果要優(yōu)化，就得考慮用戶體驗。對于web前端開發(fā)者來說，你關(guān)注的是前端的功能和界面的美化設(shè)計，但是優(yōu)化器需要調(diào)整代碼以符合搜索引擎的標(biāo)準(zhǔn)，從不同的方面提升用戶體驗。然后就是文章更新和外鏈發(fā)布，這些都算是優(yōu)化的一部分，叫做外部優(yōu)化。對于內(nèi)部優(yōu)化，需要修改頁面布局，精簡代碼，減少代碼冗余。所以優(yōu)化人員需要了解web的前端知識，只能發(fā)布簡單的文章信息。目前只能稱之為啟動子，離優(yōu)化還有一段距離。

最后，優(yōu)化人員不僅需要了解文章的發(fā)布和web前端代碼的優(yōu)化修改，還需要通過站長平臺對網(wǎng)站數(shù)據(jù)進行分析并制定長期的優(yōu)化方向計劃，并在實施的過程中適當(dāng)及時的調(diào)整優(yōu)化計劃。