一優(you)化(hua)網站代(dai)碼。作為瀏覽網站時必須讀取(qu)的文zhi件(jian)之一，必定要重(zhong)視對它的優(you)化(hua)，所謂的代(dai)版碼優(you)化(hua)。

二壓(ya)縮權圖片文(wen)件。通(tong)常多(duo)媒體形式的網站內容占據頁(ye)面的空間較大，隨著(zhu)多(duo)媒體內容的增加(jia)，若不做有(you)優化(hua)處理，占據的資源將會是成倍地增加(jia)，導致打開速度變(bian)慢。

三圖(tu)(tu)片(pian)調(diao)用統一(yi)。若網(wang)站的(de)(de)(de)圖(tu)(tu)片(pian)來自不同(tong)(tong)的(de)(de)(de)網(wang)絡資源，那么(me)建議站長們將所有的(de)(de)(de)圖(tu)(tu)片(pian)資源整合到統一(yi)的(de)(de)(de)文件中進行調(diao)用，由于在網(wang)站被解析(xi)圖(tu)(tu)片(pian)來源時(shi)，若來自的(de)(de)(de)地址不同(tong)(tong)，那么(me)就要花(hua)費(fei)更多的(de)(de)(de)時(shi)間(jian)(jian)來逐一(yi)調(diao)取解析(xi)，這樣就會(hui)浪費(fei)部分(fen)時(shi)間(jian)(jian)，導致速(su)度變慢。

四使用響(xiang)應式(shi)設(she)計。當(dang)然網(wang)(wang)站(zhan)也涉(she)及到在(zai)不同設(she)備(bei)中被(bei)打(da)開(kai)，有些網(wang)(wang)站(zhan)建(jian)設(she)時會(hui)采(cai)用重定(ding)向(xiang)的方法(fa)對網(wang)(wang)站(zhan)進行不同設(she)備(bei)的交(jiao)替變換，但這種方法(fa)使得(de)網(wang)(wang)站(zhan)在(zai)瀏覽(lan)器上的請求就會(hui)延長加載的時間。

五巧(qiao)用瀏覽器(qi)。這一點(dian)則是站(zhan)在用戶自身角(jiao)度(du)(du)來(lai)說的(de)(de)(de)，不排除有時候用戶打開網站(zhan)的(de)(de)(de)頁面數量過多(duo)而導致(zhi)瀏覽的(de)(de)(de)加載速度(du)(du)變(bian)慢的(de)(de)(de)情況 運維層bai面的(de)(de)(de)優化：

運維層次的優化

盡可能的將html,js,css部(bu)署到(dao)ducbn服務器上zhi。

開啟etag或者過dao期時間，以便瀏覽器端回盡可能的使(shi)用緩存答

開(kai)啟http的gzip壓縮

開啟http/2

開啟HSTS以便(bian)讓上一條(tiao)總是生效

開啟 http concat

靜態資(zi)源使用不同的域(yu)名，以便減少(shao)cookie體積。

web前端開發層面的優(you)化(hua)：

代碼丑化（壓縮）

圖片(pian)矢(shi)量化(hua)，比如icon font，svg等(deng)

js和css的http請(qing)求合并。（注(zhu)意開啟了(le)http/2的時(shi)候，不要濫用(yong)，讓瀏覽器充分發揮它的緩存特性(xing)）

調(diao)整加載順序，先html，后css，*后js

使用服(fu)務器端預渲染技術(shu)。

圖片懶加載。

內(nei)容分頁(ye)加載或(huo)懶加載。

*后四條優化的(de)是(shi)用戶感知層面上的(de)速(su)度，其中*后三條甚*會增加網絡傳輸的(de)總數(shu)據量，但(dan)會讓(rang)用戶覺得(de)反而速(su)度快(kuai)了。

企業網頁設計布局的常見幾種類型有哪些？