相對(duì)于CSS及javascript優(yōu)化來講,表格現(xiàn)在前臺(tái)頁用得比較少,但遇到需要用表格我們還是要會(huì)進(jìn)行優(yōu)化控制,以確何整個(gè)網(wǎng)站的品質(zhì),前面我們通過《在SEO過程如何對(duì)頁面中javascript進(jìn)行優(yōu)化》介紹網(wǎng)頁中js調(diào)用的幾種方式,例如頭部調(diào)用、底部調(diào)用、外部調(diào)用,最好就是使用外調(diào)用來提高整個(gè)頁面的運(yùn)行效率和速度,接下來南昌網(wǎng)站制作公司百恒網(wǎng)絡(luò)SEO專員介紹基本的CSS優(yōu)化操作方式.
? ? ?精簡(jiǎn)代碼的最后一步就是對(duì)表格進(jìn)行優(yōu)化。表格優(yōu)化主要是解決表格之間的嵌套問題,讓表格之間保持獨(dú)立,從而加快頁面在瀏覽器中的顯示速度,提高用戶體驗(yàn)。同時(shí),又可以精簡(jiǎn)頁面代碼,提高頁面的搜索引擎友好性。 ? ? ? ?在介紹表格優(yōu)化之前,我們先來了解一下瀏覽器解析HTML代碼的過程。當(dāng)瀏覽器的編譯器遇到一個(gè)開始標(biāo)簽時(shí),就會(huì)尋找與之匹配的結(jié)束標(biāo)簽,直至匹配上才會(huì)在瀏覽器中顯示該標(biāo)簽中的內(nèi)容。例如,當(dāng)瀏覽器的編譯器遇到
標(biāo)簽時(shí),就尋找與之匹配的結(jié)束標(biāo)簽
,直至匹配上才顯示表格里的內(nèi)容。否則將繼續(xù)往下尋找,直至匹配為止。所以,如果表格間出現(xiàn)多次嵌套,特別是當(dāng)這些表格里的內(nèi)容較多的時(shí)候,打開頁面的速度就會(huì)特別慢,因?yàn)樾枰螺d及編譯的內(nèi)容特別龐大。
? ? ? ?目前絕大多數(shù)的網(wǎng)站都是使用DIV+CSS方式進(jìn)行切版,表格嵌套方式會(huì)被逐步淘汰。?
? ? ? ?請(qǐng)看下面這個(gè)例子。一個(gè)3行1列的大表格,每個(gè)單元格里嵌套著一個(gè)小表格。假設(shè)每個(gè)小表格里內(nèi)容的代碼量有50 KB,則大表格里代碼量至少有150 KB。也就是說,瀏覽器至少需要下載并執(zhí)行150 KB的代碼后才能顯示表格里的內(nèi)容。換句話說,只有下載并執(zhí)行150KB的代碼后,這個(gè)頁面才會(huì)顯示。代碼內(nèi)容如下所示,頁面效果如圖所示。
表格間相互嵌套的頁面
代碼:
? ? ? ?
? ? ? ?
? ? ? ? ? ? ?
? ? ? ?
? ? ? ? ? ? ? 50K內(nèi)容 |
? ? ? ?
? ? ? ? ? ? ?
|
? ? ? ?
? ? ? ?
? ? ? ? ? ? ?
? ? ? ?
? ? ? ? ? ? ? 50K內(nèi)容 |
? ? ? ?
? ? ? ? ? ? ?
|
? ? ? ?
? ? ? ?
? ? ? ? ? ? ?
? ? ? ?
? ? ? ? ? ? ? 50K內(nèi)容 |
? ? ? ?
? ? ? ? ? ? ?
|
? ? ? ?
? ? ? ?如果讓表格之間保持獨(dú)立,即把所有的小表格及內(nèi)容從大表格中抽離出來,頁面內(nèi)容就會(huì)分散在3個(gè)小表格里,每個(gè)表格里內(nèi)容的代碼量在50 KB左右,如下面代碼所示,這時(shí)瀏覽器只需下載并執(zhí)行50 KB左右的代碼量,就可以顯示相應(yīng)的內(nèi)容,如圖所示:
表格間彼此獨(dú)立的頁面 經(jīng)過精簡(jiǎn)代碼,有效地刪除了頁面中的冗余代碼,降低了頁面體積,提高了頁面的搜索引擎友好性。 盡管我們總是想方設(shè)法地降低頁面的體積,但并不代表頁面的體積越小就越好。因?yàn)?,頁面體積越小意味著頁面中的內(nèi)容就會(huì)越少,能向用戶提供的信息量也就越少。然而,頁面的體積究竟多大才合理呢?這取決于網(wǎng)站的類型。一般認(rèn)為,頁面的體積控制在100 KB左右會(huì)更受用戶及搜索引擎的歡迎(僅指HTML源代碼的部分,不包括圖片及其他多媒體元素)。?
? ? ? ?如果一個(gè)頁面超過100 KB,搜索引擎就可能會(huì)拒絕收錄100 KB后面的那部分內(nèi)容甚至放棄抓取該頁面。除非這個(gè)頁面具有更高的權(quán)重或者相對(duì)重要的內(nèi)容。例如,對(duì)于網(wǎng)站的首頁,即使是三四百KB,也極有可能會(huì)被收錄(如新浪網(wǎng)的首頁)。 由此可得出以下結(jié)論。
? ? ? ?一個(gè)頁面的體積保持在100 KB左右對(duì)于搜索引擎最為友好。?
? ? ? ?搜索引擎更加重視頁面中前100 KB的內(nèi)容。?
? ? ? ?搜索引擎更愿意收錄體積在100 KB左右的頁面。換句話說,如果網(wǎng)站上大部分的頁面保持在100 KB左右,被搜索引擎收錄的機(jī)會(huì)就會(huì)大大增加。 隨著各方面技術(shù)的成熟,搜索引擎會(huì)慢慢接受體積更大的頁面。但是,為了提高用戶體驗(yàn),建議在規(guī)劃頁面的時(shí)候,頁面體積盡量保持在100 KB左右。 通過上面的操作,基本上清除了頁面中的冗余代碼。接下來,將介紹代碼優(yōu)化的另一個(gè)重要任務(wù)——提高頁面相關(guān)性,主要包括頁面頭部?jī)?yōu)化及權(quán)重標(biāo)簽使用。
? 本文僅限內(nèi)部技術(shù)人員學(xué)習(xí)交流,不得作于其他商業(yè)用途.希望此文對(duì)廣技人員有所幫助。原創(chuàng)文章出自:南昌網(wǎng)站建設(shè)公司-百恒網(wǎng)絡(luò)http://m.gimmickmag.com/如轉(zhuǎn)載請(qǐng)注明出處!