前端性能優(yōu)化方法：
1. 減少http請(qǐng)求數(shù)
常用的減少http請(qǐng)求數(shù)有以下幾種：
1）合并圖片。當(dāng)圖片較多時(shí)，可以合并為一張大圖，從而減少http請(qǐng)求數(shù)。經(jīng)常變化的圖片可能不太合適，變化相對(duì)穩(wěn)定的就可以考慮。合并大圖除了能減少http 請(qǐng)求數(shù)外，還可以充分利用緩存來提升性能。
2）合并壓縮css樣式表和js腳本，他們的共同目的都是為了減少http連接數(shù)。
3）去掉不必要的請(qǐng)求。開發(fā)寫代碼或者系統(tǒng)升級(jí)之后殘留的無效請(qǐng)求連接。
4）充分利用緩存。這里說的緩存是客戶端側(cè)緩存或者說瀏覽器緩存。Expires頭信息是客戶端側(cè)緩存的重要依據(jù)，格式類似于Expires:sun ,20 Dec 2017 23:00:00 GMT。 如果當(dāng)前時(shí)間小于Expires指定的時(shí)間，瀏覽器就會(huì)從緩存中直接獲取相關(guān)的數(shù)據(jù)信息或html文件，如果當(dāng)前時(shí)間大于Expires指定的時(shí)間，瀏覽器會(huì)向服務(wù)器發(fā)送請(qǐng)求來獲取相關(guān)數(shù)據(jù)信息。
以Apache為例，可在Apache的配置文件httpd.conf中設(shè)置Expires。
2. 圖片優(yōu)化
優(yōu)化方法：
1）盡可能的使用PNG格式的圖片，它相對(duì)來說體積較小。
2）對(duì)于不同格式的圖片，在上線之前最好進(jìn)行一定的優(yōu)化。
3）圖片的延遲加載，也叫做賴加載。
3. 使用CDN
CDN即內(nèi)容分發(fā)網(wǎng)絡(luò)，可以使用戶就近取得所需內(nèi)容，解決網(wǎng)絡(luò)擁擠的狀況，提高用戶訪問網(wǎng)站的響應(yīng)速度。
4. 開啟GZIP
GZIP即數(shù)據(jù)壓縮，用于壓縮使用Internet傳輸?shù)乃形谋举Y源。開啟GZIP的方法很簡(jiǎn)單，到對(duì)應(yīng)的web服務(wù)配置文件中設(shè)置一下即可。以Apache為例，在配置文件httpd.conf中添加。
5. 樣式表和JS文件的優(yōu)化
一般我們會(huì)把css樣式表文件放到文件的頭部。比如，放到<head>標(biāo)簽中，這樣可以讓CSS樣式表盡早地完成下載。對(duì)應(yīng)js腳本文件，一般我們把他放到頁面的尾部。
6. 使用無cookie域名
無cookie域名的概念:當(dāng)發(fā)送一個(gè)請(qǐng)求時(shí)，同時(shí)還要請(qǐng)求一張靜態(tài)的圖片和發(fā)送cookie時(shí)，服務(wù)器對(duì)于這些cookie不會(huì)做任何使用，也就是說這些cookie沒什么用，沒不要隨請(qǐng)求一同發(fā)送。
7. 前端代碼結(jié)構(gòu)的優(yōu)化
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright ? 2019-2024 51dongshi.com 版權(quán)所有
違法及侵權(quán)請(qǐng)聯(lián)系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬商天勤律師事務(wù)所王興未律師提供法律服務(wù)
