代理加盟 2019全新代理計劃 賺錢+省錢雙管齊下,獨立平臺,豐厚利潤!

您現在的位置: cf阿拉维斯如何钻bug > 站長學院 > SEO資訊 >

阿拉维斯对巴列卡诺比分预测:骨灰級極簡主義代碼優化

來源:未知 發布時間:2019-03-30熱度: ℃我要評論
你的網站打開加載速度慢,代碼冗余,兼容性差?這些都是站內基礎優化(代碼優化、CSS優化、JS優化、圖片優化)沒做好造成的。為自己做個代言,重慶九蜘蛛SEO是純手寫代碼骨灰級極簡主義者,只要服務器不是垃圾,所建設的網站打開速度是杠杠的,以最少的代碼,達到相同的...

cf阿拉维斯如何钻bug www.rxtxrm.com.cn 織夢模板免費下載,無需注冊無需充值

       你的網站打開加載速度慢,代碼冗余,兼容性差?這些都是站內基礎優化(代碼優化、CSS優化、JS優化、圖片優化)沒做好造成的。為自己做個代言,重慶秀站網SEO是純手寫代碼骨灰級極簡主義者,只要服務器不是垃圾,所建設的網站打開速度是杠杠的,以最少的代碼,達到相同的效果,兼容性強,后期維護成本低。

極簡主義站內優化技巧

       搜索引擎雖然糾錯能力(兼容性)越來越好了,但代碼越精簡越好,都知道SEO優化中網站打開速度是影響用戶體驗的。常見的代碼優化有:選用Html標簽優化、CSS優化(最重要)、JS優化、Table表格優化等,今天放出來,不看是損失。

垃圾代碼多:少復制別人的東西,盡量純手打

       每個人都有自己的習慣寫法,只要你覺得簡潔,代碼少,就用哪種,當然要兼容性強,便于檢查,如果把<!--注釋內容-->去掉也行,建議保留主要的說明,畢竟網站后面可是需要調整的。純手打代碼需要掌握以下技巧。

Html標簽優化:多用默認的短標簽

       常用的塊標簽(默認占用一行)有

<dl>、<dt>、<dd>、<p>、<ul>、<li>、<h1>、<h2>、<h3>、<h4>...

       行間標簽有

<b>、<em>、<i>、<a>、<b>...

       實在用完了,還有

<span><small><strong>...

       DIV+CSS已經成為網站建設的主流,個人習慣分塊后,最大的外框用<p clsss="title">標題</p>,但是除非必要,并不鼓勵用<p id="title">標題</p>的形式,該p里面的元素全部用短標簽,如果一定要用class,就采用公共樣式。

選用標簽原則

       能達到相同效果的越簡單越短的越好。比如<i>、<em>都是傾斜,就優先用<i>,原來有強調的作用,但是<i>標簽大多數被用來做一些ico圖標,傾斜效果現在比較少用了;

       <b>、<strong>都是加粗,但意義完全不一樣,<b>就是純加粗,<strong>有強調的意思,讓搜索引擎注重里面的內容,不建議過多采用,防止別誤判作弊。

CSS樣式優化:多用公共樣式

       如果怕出問題,較完整的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>

       當然形式不是固定的,一般有列表調用的都使用<ul><li>或者<dl><dt><dd>組合,后者更靈活些,畢竟多了一組標簽。

       一般首頁采用CSS樣式直接寫到頁面的形式(減少頁面請求次數),其他頁面寫到公共樣式表,全站只用一個樣式表。

JS優化:只采用一個JS封裝

       出現多個JS封裝的一般都是不會寫JS的站長,JS封裝不同,這樣很容易發生沖突。建議采用統一的JS插件,推薦采用SuperSlide,自己網上搜吧,PC和移動的常見JQuery特效效果都有,代碼簡單,修改也容易。建議一個站內不要用太多的效果,看起來爽,但是打開速度堪憂,用戶也懶得點那些華而不實的效果;簡單的JS效果比如彈窗、條件判斷等可以寫在頁面內(減少頁面請求次數)。

Table標簽:上個世紀的事了

       用習慣了DIV+CSS建站之后,對table標簽實在是沒辦法接受,一個一個的表格嵌套,復雜不易更改,是個蛋疼的標簽,如果是表單,也完全可以用其他標簽代替??煲磐飧霰昵┌?。

站內圖片優化原則:重點

圖片盡量本地化

       一張圖片可以頂好幾段源代碼了,如果從外部空間調用,需要的時間當然教長。如果是圖片或視頻站,啟用其他空間放圖片或視頻的情況是可以的,一般的優化站盡量把圖片本地化。

縮略圖和內容詳情圖分開上傳

       實際上是為了減少加載時間,縮略圖一般較小,清晰度要求沒那么高,內容頁需要展示較多細節。縮略圖控制在50-60Kb以內,內容頁控制在90-110Kb以內。

DIV元素背景顏色采用純CSS樣式顏色

       傳統的網站把網站切成了幾十個小圖片,用background的進行編寫,對那些還不是整張圖片的背景圖片,我只能說這樣非常蛋疼,修改起來非常費力!

圖片清晰度和占用空間大?。ú皇淺嘰绱笮。┬枰膠?/h4>

       如果你的站點不是對清晰度要求很高的話,可以采用PhotoShop等軟件轉存為Web專用格式,壓縮圖片處理,盡量達到清晰度和占用空間大小平衡,

小圖片或不常更換的圖片集中到一張圖片

       這樣的處理可以用CSS樣式:background-position,進行背景的定位,圖片盡量采用gif或者png,這兩種格式能做成背景透明,會減少很多占用空間。

圖片lazyload延遲加載技術

       這是一個延遲加載的插件,用戶鼠標滾動之后才開始加載下面的圖片,保證訪問速度。參考文章《網站圖片Lazyload延遲加載技術》

本文地址://www.rxtxrm.com.cn/seo/1177.html

    相關閱讀

    發表評論

    評論列表(條)