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