|
代碼優(yōu)化一直都是一個(gè)頁面優(yōu)化的重要環(huán)節(jié),，同時(shí)也是一個(gè)頁面優(yōu)化的基礎(chǔ)。其中,，關(guān)于代碼優(yōu)化的方面包括精簡(jiǎn)代碼,，頭部?jī)?yōu)化權(quán)重標(biāo)簽優(yōu)化以及圖片優(yōu)化等幾個(gè)方面。 頁面的代碼優(yōu)化主要包括5大環(huán)節(jié)： 1,、清理垃圾代碼中最常見的垃圾代碼——空格 清理垃圾代碼的含義是指刪除頁面中的冗余代碼，或者說是垃圾代碼,，它主要是指那些即使是刪除了也不會(huì)對(duì)頁面有任何影響的非必要的代碼,。同時(shí)大家最需要了解的是最常見的垃圾代碼——空格。 空格是網(wǎng)頁中最常見的垃圾代碼,，但是這并不包括標(biāo)簽,，而是有代碼編輯環(huán)境下敲擊空格所產(chǎn)生的符號(hào)，每個(gè)空格就相當(dāng)于一個(gè)字符,，那么也就是說,，一個(gè)頁面，空格就占整個(gè)頁面體積的15%,，例如100K的頁面里,，就有15K屬于空格字符。空格字符最常出現(xiàn)的地方就是在代碼的開始和結(jié)束處,，還有就是空行中,。這些都是容易產(chǎn)生垃圾代碼的地方。 消除空格代碼的方法有：打開一個(gè)頁面,，按住ctrl+A選中整個(gè)頁面的代碼,，然后重復(fù)按幾次shift+tab鍵直到整個(gè)頁面的代碼都進(jìn)行了左對(duì)齊。 2,、HTML標(biāo)簽由長(zhǎng)到短的轉(zhuǎn)換 HTML標(biāo)簽由長(zhǎng)到短的轉(zhuǎn)換主要就是通過使用短標(biāo)簽替換在網(wǎng)頁中有同樣效果的長(zhǎng)標(biāo)簽來實(shí)現(xiàn),。例如：<b>與<strony>兩者都是對(duì)字體加粗的作用，但是<strong>卻比<b>多了5個(gè)字符,。想想如果一個(gè)頁面出現(xiàn)上百個(gè)加粗標(biāo)簽,，就會(huì)產(chǎn)生不少的冗余代碼（垃圾代碼）。 3,、CSS優(yōu)化 CSS優(yōu)化的原理：CSS可以通過調(diào)用的方式，避免同樣的標(biāo)簽重復(fù)寫樣式,，從而達(dá)到精簡(jiǎn)代碼的效果,。 同時(shí)應(yīng)該說說的是CSS有3種的調(diào)用方式： （1）頭部調(diào)用 把CSS放在<head>和</head>之間是最不明智的，如果內(nèi)容少則影響不大,，否則的話則大大增加頁面的體積,，還占用了頂部的重要位置。 （2）主體調(diào)用 給大家舉個(gè)例子： 這樣的調(diào)用方式也不是一個(gè)利于網(wǎng)頁優(yōu)化的方式,，因?yàn)檫@樣既不能發(fā)揮CSS的優(yōu)勢(shì),，同時(shí)還大大增加頁面的代碼量。 （3）外部調(diào)用 我很推薦大家都用外部調(diào)用來進(jìn)行CSS的調(diào)用,，也就是把CSS樣式內(nèi)容放到外部文件中,，使CSS樣式和頁面分離，這樣既是可以減少頁面的代碼量,，同時(shí)還不會(huì)占用頁面頂部等重要位置,，讓搜索引擎優(yōu)先發(fā)現(xiàn)頁面中相對(duì)重要的內(nèi)容，再者也要避免使用CSS為重要的內(nèi)容定義樣式,，這是CSS方面的內(nèi)容,，我這就一筆帶過了~ 4、JS優(yōu)化 JS無論對(duì)普通用戶還是搜索引擎都是極其不友好的,，因此在規(guī)劃網(wǎng)頁的時(shí)候,，盡量不要使用JS。 那么我這兒再說一下JS的調(diào)用方式：JS調(diào)用分內(nèi)部和外部調(diào)用,，同時(shí)內(nèi)部又分頭部和底部調(diào)用： 頭部調(diào)用就是把JS代碼放到頁面頭部去,，但巨量的JS代碼放到頁面頭部不但增加頁面的體積，而且還會(huì)占用首頁這樣重量級(jí)位置,，從而使得頁面中相對(duì)重要的位置不能優(yōu)先向搜索引擎展示,，底部調(diào)用的原理一同。 現(xiàn)在說說外部調(diào)用： 外部調(diào)用也就是把JS放到一個(gè)JS文件里,，再在頁面中調(diào)用,，這樣做既不占用頁面的重要位置，又可以精簡(jiǎn)大量代碼,，加快頁面顯示速度,，大家看看JS調(diào)用的一個(gè)代碼例子：<script language="javescript" src="/include/white.js"></script> 5、表格優(yōu)化 表格優(yōu)化在現(xiàn)在已經(jīng)比較少出現(xiàn)在現(xiàn)在的網(wǎng)站中了,，但還是有的,，這里要說的是關(guān)于表格的優(yōu)化主要在于解決嵌套的問題——讓表格獨(dú)立，從而加快顯示速度,，提高用戶體驗(yàn).同時(shí)又精簡(jiǎn)代碼,。 在彈表格優(yōu)化前我們先說說瀏覽器是怎樣解析HTML的：當(dāng)瀏覽器編譯器遇到一個(gè)標(biāo)簽時(shí)就開始尋找它的結(jié)束標(biāo)簽，直到它匹配上了以后,，才能顯示它的內(nèi)容,，針對(duì)這個(gè)，當(dāng)你表格嵌套很多的時(shí)候,，打開頁面就會(huì)特別地慢，這樣下來就大大降低了用戶體驗(yàn)了,。 這次寫的文章有點(diǎn)長(zhǎng)，不過為了大家方便了解代碼的優(yōu)化，我在這5大環(huán)節(jié)之中的終點(diǎn)解決方法前都使用了紅色字體,，大家看的時(shí)候也方便一點(diǎn),，找起重點(diǎn)來也不會(huì)東一下西一下了，愿大家與我都學(xué)有所成,！ |
|
|
