真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

如何壓縮html代碼

小編給大家分享一下如何壓縮html代碼，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括魚臺網(wǎng)站建設(shè)、魚臺網(wǎng)站制作、魚臺網(wǎng)頁制作以及魚臺網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，魚臺網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到魚臺省份的部分城市，未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

如何壓縮html代碼，讓html文件縮小優(yōu)化

  • HTML優(yōu)化壓縮目錄

    1. 將table改為div布局

    2. 縮減精簡div、span、ul li等系列標(biāo)簽

    3. 刪除多余空格

    4. 表格類型布局時(shí)候適當(dāng)使用table替代div布局

    5. html網(wǎng)頁GZIP壓縮

一、將table改為div布局    -   TOP

盡量將table標(biāo)簽布局html重構(gòu)div布局，可以節(jié)約至少40%的代碼量。由于div代碼少于table布局的html網(wǎng)頁，所以搜索引擎索引權(quán)重也優(yōu)于table布局的html網(wǎng)頁。

二、縮減精簡div、span、ul li等系列標(biāo)簽    -   TOP

布局DIV+CSS網(wǎng)頁時(shí)候，我們有時(shí)候可以節(jié)約一些DIV布局代碼，減少代碼量。
如下案例代碼：

 　　
     　　
  • CSS學(xué)習(xí)去DIVCSS5
    •  　　
  • 我愛DIVCSS5
    •  　　
  • DIV+CSS學(xué)習(xí)去DIVCSS5
    •  　　
 

可以改為：

 　　
  • CSS學(xué)習(xí)去DIVCSS5
    •  　　
  • 我愛DIVCSS5
    •  　　
  • DIV+CSS學(xué)習(xí)去DIVCSS5
    •  

    這樣可以節(jié)約一對div標(biāo)簽，從而減少html代碼量，起到壓縮html作用。這樣直接對ul命名css樣式類，可以區(qū)別在一個(gè)頁面不同地方使用ul li列表標(biāo)簽。

    三、刪除多余空格    -   TOP

    刪除多余空格換行，可以有效地壓縮html代碼占用字節(jié)，一般在開發(fā)完成后可以對html中代碼進(jìn)行刪除換行和空格內(nèi)容。

    可以借助于DW軟件進(jìn)行批量刪除html內(nèi)標(biāo)簽之間空格

    如：

     　　
     

    可以刪除空格與換行后：

    這樣即可節(jié)約空格和換行所占字節(jié)。

    注意的是，網(wǎng)頁發(fā)布版的可以借助于DW進(jìn)行刪除多余空格與空行。如果要再編輯，再到DW軟件進(jìn)行代碼格式化排版即可。

    四、表格類型布局時(shí)候適當(dāng)使用table替代div布局    -   TOP

    如果是本身是表格數(shù)據(jù)列表排版，我們最好選擇table，因?yàn)楸砀癫季质褂胻able優(yōu)于div布局，使用table布局卻比div布局節(jié)約html標(biāo)簽代碼和節(jié)約css樣式。

    如下圖表格數(shù)據(jù)類型，建議采用TABLE標(biāo)簽+CSS樣式布局

    如何壓縮html代碼
    類似這種列表型table表格，推薦使用table標(biāo)簽布局

    五、網(wǎng)頁GZIP壓縮    -   TOP

    自己的服務(wù)器推薦設(shè)置網(wǎng)頁Gzip壓縮功能。

    1.開GZIP有什么好處？
    答：Gzip開啟以后會將輸出到用戶瀏覽器的數(shù)據(jù)進(jìn)行壓縮的處理，這樣就會減小通過網(wǎng)絡(luò)傳輸?shù)臄?shù)據(jù)量，提高瀏覽的速度。

    2.如何啟用IIS的Gzip壓縮功能：
    答：首先，如果你需要壓縮靜態(tài)文件（HTML），需要在硬盤上建一個(gè)目錄，并給它“IUSR_機(jī)器名”這個(gè)用戶的寫權(quán)限。如果壓縮動態(tài)文件（PHP，asp，aspx）就不需要了，因?yàn)樗捻撁媸敲看味紕討B(tài)生成的，壓縮完就放棄。然后在IIS管理器中，“網(wǎng)站”上面右鍵－屬性，不是下面的某個(gè)站點(diǎn)，而是整個(gè)網(wǎng)站。進(jìn)入“服務(wù)”標(biāo)簽，選上啟用動態(tài)內(nèi)容壓縮，靜態(tài)內(nèi)容壓縮。然后選中網(wǎng)站下面那個(gè)服務(wù)器擴(kuò)展，新建一個(gè)服務(wù)器擴(kuò)展。名字無所謂，下面的添加文件的路徑是： c:\windows\system32\inetsrv\gzip.dll，然后啟用這個(gè)擴(kuò)展。這時(shí)候靜態(tài)內(nèi)容是可以壓縮的，但是對于動態(tài)內(nèi)容，aspx文件卻不在壓縮范圍內(nèi)。因?yàn)槟J(rèn)的可壓縮文件并沒有這個(gè)擴(kuò)展名。而管理界面中你又找不到可以增加擴(kuò)展名的地方，這時(shí)候只能去修改它的配置文件了。在c:\windows\system32\inetsrv\下面有個(gè)MetaBase.xml文件，可以用記事本打開，找到IIsCompressionScheme，有三個(gè)相同名字的段，分別是deflate,gzip,Parameters，第三段不用管它，前兩段有基本相同的參數(shù)，在這兩段的參數(shù)HcScriptFileExtensions下面都加上一行aspx，如果你有其它的動態(tài)程序要壓縮，也加在這里。HcDynamicCompressionLevel改成9，（0－10，9是性價(jià)比最高的一個(gè)）。然后需要重啟一下IIS服務(wù)，就可以體會到壓縮后的速度了。

    以上是“如何壓縮html代碼”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！


    文章標(biāo)題：如何壓縮html代碼
    網(wǎng)址分享：http://weahome.cn/article/phoieg.html

    其他資訊

    在線咨詢

    微信咨詢

    電話咨詢

    028-86922220（工作日）

    18980820575（7×24）

    提交需求

    返回頂部