你的網(wǎng)站打開加載速度慢，代碼冗余，兼容性差？這些都是站內(nèi)基礎(chǔ)優(yōu)化(代碼優(yōu)化、CSS優(yōu)化、JS優(yōu)化、圖片優(yōu)化)沒做好造成的。為自己做個(gè)代言，重慶秀站網(wǎng)SEO是純手寫代碼骨灰級極簡主義者，只要服務(wù)器不是垃圾，所建設(shè)的網(wǎng)站打開速度是杠杠的，以最少的代碼，達(dá)到相同的效果，兼容性強(qiáng)，后期維護(hù)成本低。
搜索引擎雖然糾錯(cuò)能力（兼容性）越來越好了，但代碼越精簡越好，都知道SEO優(yōu)化中網(wǎng)站打開速度是影響用戶體驗(yàn)的。常見的代碼優(yōu)化有：選用Html標(biāo)簽優(yōu)化、CSS優(yōu)化（最重要）、JS優(yōu)化、Table表格優(yōu)化等，今天放出來，不看是損失。
垃圾代碼多：少復(fù)制別人的東西，盡量純手打
每個(gè)人都有自己的習(xí)慣寫法，只要你覺得簡潔，代碼少，就用哪種，當(dāng)然要兼容性強(qiáng)，便于檢查，如果把<!--注釋內(nèi)容-->去掉也行，建議保留主要的說明，畢竟網(wǎng)站后面可是需要調(diào)整的。純手打代碼需要掌握以下技巧。
Html標(biāo)簽優(yōu)化：多用默認(rèn)的短標(biāo)簽
常用的塊標(biāo)簽（默認(rèn)占用一行）有
<dl>、<dt>、<dd>、<p>、<ul>、<li>、<h1>、<h2>、<h3>、<h4>...
行間標(biāo)簽有
<b>、<em>、<i>、<a>、<b>...
實(shí)在用完了，還有
<span><small><strong>...
DIV+CSS已經(jīng)成為網(wǎng)站建設(shè)的主流，個(gè)人習(xí)慣分塊后，最大的外框用<p clsss="title">標(biāo)題</p>，但是除非必要，并不鼓勵(lì)用<p id="title">標(biāo)題</p>的形式，該p里面的元素全部用短標(biāo)簽，如果一定要用class，就采用公共樣式。
選用標(biāo)簽原則
能達(dá)到相同效果的越簡單越短的越好。比如<i>、<em>都是傾斜，就優(yōu)先用<i>，原來有強(qiáng)調(diào)的作用，但是<i>標(biāo)簽大多數(shù)被用來做一些ico圖標(biāo)，傾斜效果現(xiàn)在比較少用了；
<b>、<strong>都是加粗，但意義完全不一樣，<b>就是純加粗，<strong>有強(qiáng)調(diào)的意思，讓搜索引擎注重里面的內(nèi)容，不建議過多采用，防止別誤判作弊。
CSS樣式優(yōu)化：多用公共樣式
如果怕出問題，較完整的HTML源碼寫法如下：
<p class="Ti w1200 cl">
<ul>
<li><h4>這是列表的文章標(biāo)題1</h4><span>2016-5-27</span></li>
<li><h4>這是列表的文章標(biāo)題2</h4><span>2016-5-28</span></li>
</ul>
</p>
<style>/*樣式放在</head>之前*/
*{margin:0;padding:0;font-famliy:"Microsoft Yahei";}
ul{list-style-type:none;}
cl{clear:both;}
.w1200{width:1200px;height:auto;margin:0 auto;text-align:left;}/*橙色部分為全站的公共樣式*/
.Ti{font-size:14px;color:#444;}/*這是title的公共樣式*/
.Ti span{float:right;font-size:12px;color:#c00;}/*只寫與title公共樣式不一樣的就行了*/
</style>
在確定頁面布局后，采用CSS壓縮，去掉多余的回車和“}”前的“;”
<style>*{margin:0;padding:0;font-family:"Microsoft Yahei"}.cl{clear:both}.title{font-size:14px;color:#444}.title span{font-size:12px;color:#c00}</style>
當(dāng)然形式不是固定的，一般有列表調(diào)用的都使用<ul><li>或者<dl><dt><dd>組合，后者更靈活些，畢竟多了一組標(biāo)簽。
一般首頁采用CSS樣式直接寫到頁面的形式（減少頁面請求次數(shù)），其他頁面寫到公共樣式表，全站只用一個(gè)樣式表。
JS優(yōu)化：只采用一個(gè)JS封裝
出現(xiàn)多個(gè)JS封裝的一般都是不會寫JS的站長，JS封裝不同，這樣很容易發(fā)生沖突。建議采用統(tǒng)一的JS插件，推薦采用SuperSlide，自己網(wǎng)上搜吧，PC和移動的常見JQuery特效效果都有，代碼簡單，修改也容易。建議一個(gè)站內(nèi)不要用太多的效果，看起來爽，但是打開速度堪憂，用戶也懶得點(diǎn)那些華而不實(shí)的效果；簡單的JS效果比如彈窗、條件判斷等可以寫在頁面內(nèi)（減少頁面請求次數(shù)）。
Table標(biāo)簽：上個(gè)世紀(jì)的事了
用習(xí)慣了DIV+CSS建站之后，對table標(biāo)簽實(shí)在是沒辦法接受，一個(gè)一個(gè)的表格嵌套，復(fù)雜不易更改，是個(gè)蛋疼的標(biāo)簽，如果是表單，也完全可以用其他標(biāo)簽代替�？爝z忘這個(gè)標(biāo)簽把。
站內(nèi)圖片優(yōu)化原則：重點(diǎn)
圖片盡量本地化
一張圖片可以頂好幾段源代碼了，如果從外部空間調(diào)用，需要的時(shí)間當(dāng)然教長。如果是圖片或視頻站，啟用其他空間放圖片或視頻的情況是可以的，一般的優(yōu)化站盡量把圖片本地化。
縮略圖和內(nèi)容詳情圖分開上傳
實(shí)際上是為了減少加載時(shí)間，縮略圖一般較小，清晰度要求沒那么高，內(nèi)容頁需要展示較多細(xì)節(jié)�？s略圖控制在50-60Kb以內(nèi)，內(nèi)容頁控制在90-110Kb以內(nèi)。
DIV元素背景顏色采用純CSS樣式顏色
傳統(tǒng)的網(wǎng)站把網(wǎng)站切成了幾十個(gè)小圖片，用background的進(jìn)行編寫，對那些還不是整張圖片的背景圖片，我只能說這樣非常蛋疼，修改起來非常費(fèi)力！
圖片清晰度和占用空間大�。ú皇浅叽绱笮。┬枰胶�
如果你的站點(diǎn)不是對清晰度要求很高的話，可以采用PhotoShop等軟件轉(zhuǎn)存為Web專用格式，壓縮圖片處理，盡量達(dá)到清晰度和占用空間大小平衡，
小圖片或不常更換的圖片集中到一張圖片
這樣的處理可以用CSS樣式：background-position，進(jìn)行背景的定位，圖片盡量采用gif或者png，這兩種格式能做成背景透明，會減少很多占用空間。
圖片lazyload延遲加載技術(shù)
這是一個(gè)延遲加載的插件，用戶鼠標(biāo)滾動之后才開始加載下面的圖片，保證訪問速度。參考文章《網(wǎng)站圖片Lazyload延遲加載技術(shù)》
