頁(yè)面(HTML)優(yōu)化的方法
除了語(yǔ)言層面上進(jìn)行優(yōu)化外，對(duì)Web開(kāi)發(fā)，HTML的優(yōu)化將很大程度上減輕服務(wù)器的負(fù)載，提高網(wǎng)站的性能
1）. 減少HTTP請(qǐng)求數(shù)。
打開(kāi)網(wǎng)頁(yè)烏發(fā)散，瀏覽器會(huì)發(fā)出很多請(qǐng)求，圖片，腳本，每個(gè)對(duì)象的加載都需要花時(shí)間， 需要減負(fù)載。
1. 合并CSS,Js文件 ，減少Http的請(qǐng)求數(shù)
2. 合并框架圖片以及相當(dāng)變動(dòng)較少的圖片，合成一張。有時(shí)直接用Css完成。
3. 合理的使用本地的Cached來(lái)緩存 js/css/image
2）. 減少被請(qǐng)求文件的大小，較少請(qǐng)求數(shù)據(jù)占用的網(wǎng)絡(luò)帶寬。
1. 壓縮Js體積， 刪除沒(méi)有空行，注釋?zhuān)兞棵?大型的Js很亂，沒(méi)有空行或換行，其實(shí)也是優(yōu)化的表現(xiàn)
2. 壓縮CSS體積
3. 用XHtml + Css 方式搭建網(wǎng)站結(jié)構(gòu)，提高CSS的重用性
4. 用服務(wù)端GZip壓縮JS/Css 文件， 縮小傳輸文件大小(16.7.2)
3）. 通過(guò)版本化控制客戶(hù)端的緩存
1. 通常JS/CSS這類(lèi)文件改動(dòng)比較頻繁，為加載加快，可能要設(shè)置這類(lèi)文件的過(guò)期時(shí)間，為幾天后從而實(shí)現(xiàn)緩存，那我們的問(wèn)題就是如何及時(shí)的更改這些被緩存的文件了。
2. 通過(guò)修改JS版本來(lái)及時(shí)告訴瀏覽器， 如： 該JS文件名，路徑， URL Rewrite，大版本不變，小版本不斷追加，等一定時(shí)間后統(tǒng)一更新
4）. 幫頁(yè)面減肥 。簡(jiǎn)潔風(fēng)格，少用Flash等
5）. 刪除頁(yè)眉可有可無(wú)的內(nèi)容。 如空格，注釋
6). 刪除頁(yè)面代碼中的空語(yǔ)句
7). 刪除HTMl中的默認(rèn)值，什么顏色，對(duì)齊之類(lèi)的
8. 優(yōu)化CSS文件
9. Visibility 快于Display
圖片的時(shí)隱時(shí)現(xiàn)，如果是保持決定位置，用Visibility 好。 none,hidden . visibility: hindden
10. 緩存區(qū)是區(qū)分大小寫(xiě)的，保持url大小寫(xiě)一致性
11. 讓html標(biāo)記有始終。 減少瀏覽器的判斷時(shí)間
12. 不用將全部?jī)?nèi)容塞入一個(gè)Table中。 因?yàn)門(mén)albe要等內(nèi)容加載完畢才顯示出來(lái)。如果某些內(nèi)容有錯(cuò)，將拖延頁(yè)面的訪(fǎng)問(wèn)速度。
13. 如果有廣告代碼，放入iframe中最好了。

分享文章：大型網(wǎng)站性能優(yōu)化(頁(yè)面(HTML)優(yōu)化的方法)
文章源于：http://www.rwnh.cn/news22/283222.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、搜索引擎優(yōu)化、網(wǎng)站營(yíng)銷(xiāo)、小程序開(kāi)發(fā)、手機(jī)網(wǎng)站建設(shè)、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)