相對(duì)于CSS及javascript優(yōu)化來(lái)講，表格現(xiàn)在前臺(tái)頁(yè)用得比較少，但遇到需要用表格我們還是要會(huì)進(jìn)行優(yōu)化控制，以確何整個(gè)網(wǎng)站的品質(zhì),前面我們通過(guò)《在SEO過(guò)程如何對(duì)頁(yè)面中javascript進(jìn)行優(yōu)化》介紹網(wǎng)頁(yè)中js調(diào)用的幾種方式，例如頭部調(diào)用、底部調(diào)用、外部調(diào)用，最好就是使用外調(diào)用來(lái)提高整個(gè)頁(yè)面的運(yùn)行效率和速度，接下來(lái)南昌網(wǎng)站制作公司百恒網(wǎng)絡(luò)SEO專員介紹基本的CSS優(yōu)化操作方式.
? ? ?精簡(jiǎn)代碼的最后一步就是對(duì)表格進(jìn)行優(yōu)化。表格優(yōu)化主要是解決表格之間的嵌套問(wèn)題，讓表格之間保持獨(dú)立，從而加快頁(yè)面在瀏覽器中的顯示速度，提高用戶體驗(yàn)。同時(shí)，又可以精簡(jiǎn)頁(yè)面代碼，提高頁(yè)面的搜索引擎友好性。 ? ? ? ?在介紹表格優(yōu)化之前，我們先來(lái)了解一下瀏覽器解析HTML代碼的過(guò)程。當(dāng)瀏覽器的編譯器遇到一個(gè)開(kāi)始標(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í)候，打開(kāi)頁(yè)面的速度就會(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。也就是說(shuō)，瀏覽器至少需要下載并執(zhí)行150 KB的代碼后才能顯示表格里的內(nèi)容。換句話說(shuō)，只有下載并執(zhí)行150KB的代碼后，這個(gè)頁(yè)面才會(huì)顯示。代碼內(nèi)容如下所示，頁(yè)面效果如圖所示。

代碼：
? ? ? ?

? ? ? ?
? ? ? ? ? ? ?
? ? ? ?
? ? ? ?
? ? ? ? ? ? ?
? ? ? ?
? ? ? ?
? ? ? ? ? ? ?
? ? ? ?

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 50K內(nèi)容

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 50K內(nèi)容

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 50K內(nèi)容

? ? ? ?如果讓表格之間保持獨(dú)立，即把所有的小表格及內(nèi)容從大表格中抽離出來(lái)，頁(yè)面內(nèi)容就會(huì)分散在3個(gè)小表格里，每個(gè)表格里內(nèi)容的代碼量在50 KB左右，如下面代碼所示，這時(shí)瀏覽器只需下載并執(zhí)行50 KB左右的代碼量，就可以顯示相應(yīng)的內(nèi)容，如圖所示：


? ? ? ?

50K內(nèi)容

? ? ? ?

50K內(nèi)容

? ? ? ?

50K內(nèi)容

表格間彼此獨(dú)立的頁(yè)面 經(jīng)過(guò)精簡(jiǎn)代碼，有效地刪除了頁(yè)面中的冗余代碼，降低了頁(yè)面體積，提高了頁(yè)面的搜索引擎友好性。 盡管我們總是想方設(shè)法地降低頁(yè)面的體積，但并不代表頁(yè)面的體積越小就越好。因?yàn)椋?yè)面體積越小意味著頁(yè)面中的內(nèi)容就會(huì)越少，能向用戶提供的信息量也就越少。然而，頁(yè)面的體積究竟多大才合理呢？這取決于網(wǎng)站的類型。一般認(rèn)為，頁(yè)面的體積控制在100 KB左右會(huì)更受用戶及搜索引擎的歡迎（僅指HTML源代碼的部分，不包括圖片及其他多媒體元素）。?
? ? ? ?如果一個(gè)頁(yè)面超過(guò)100 KB，搜索引擎就可能會(huì)拒絕收錄100 KB后面的那部分內(nèi)容甚至放棄抓取該頁(yè)面。除非這個(gè)頁(yè)面具有更高的權(quán)重或者相對(duì)重要的內(nèi)容。例如，對(duì)于網(wǎng)站的首頁(yè)，即使是三四百KB，也極有可能會(huì)被收錄（如新浪網(wǎng)的首頁(yè)）。 由此可得出以下結(jié)論。
? ? ? ?一個(gè)頁(yè)面的體積保持在100 KB左右對(duì)于搜索引擎最為友好。?
? ? ? ?搜索引擎更加重視頁(yè)面中前100 KB的內(nèi)容。?
? ? ? ?搜索引擎更愿意收錄體積在100 KB左右的頁(yè)面。換句話說(shuō)，如果網(wǎng)站上大部分的頁(yè)面保持在100 KB左右，被搜索引擎收錄的機(jī)會(huì)就會(huì)大大增加。 隨著各方面技術(shù)的成熟，搜索引擎會(huì)慢慢接受體積更大的頁(yè)面。但是，為了提高用戶體驗(yàn)，建議在規(guī)劃頁(yè)面的時(shí)候，頁(yè)面體積盡量保持在100 KB左右。 通過(guò)上面的操作，基本上清除了頁(yè)面中的冗余代碼。接下來(lái)，將介紹代碼優(yōu)化的另一個(gè)重要任務(wù)——提高頁(yè)面相關(guān)性，主要包括頁(yè)面頭部?jī)?yōu)化及權(quán)重標(biāo)簽使用。
? 本文僅限內(nèi)部技術(shù)人員學(xué)習(xí)交流,不得作于其他商業(yè)用途.希望此文對(duì)廣技人員有所幫助。原創(chuàng)文章出自:南昌網(wǎng)站建設(shè)公司-百恒網(wǎng)絡(luò)http://m.51yjwy.com/如轉(zhuǎn)載請(qǐng)注明出處!