<code id="6mcsu"></code>
<li id="6mcsu"></li>
<li id="6mcsu"><dl id="6mcsu"></dl></li>
  • <code id="6mcsu"><tr id="6mcsu"></tr></code>
    或者

    日常網站優化中網站代碼該如何優化?

    作者:數風流人物 瀏覽:130 發布時間:2018-05-31
    分享 評論 0

    在日常做網站優化時,確定網站優化的就是優化網站代碼,網站代碼的診斷通過檢測工具部分診斷出來,CSS、js代碼需要合并,盡量減少不必要的服務器請求,使用CSSSprite合并不常改動的圖片,js放置到頁面未尾增進頁面加載速度,出現在正文中的CSS代碼合并到CSS表中,改進HTML盒子的大小定義等方面,代碼優化可以增進訪問速度、減輕服務器訪問壓力、減少服務器占用空間及下載帶寬等。

     

    網站代碼優化

     

      一、合并CSS/js代碼

     

      遵循W3C代碼規范,前端HTML結構標簽、CSS樣式層疊表、js應該盡量保持分離,方便代碼閱讀管理,同時對搜索引摩抓取友好,有意識的降嶸,可以幫助視索引掌里高效識別HTML 文檔關鍵內容。

     

      合并CSS代碼包括HTME文檔中用LINK及@IMPORT引入的CSS樣式層疊表,頁面內部樣式表,行內嵌人樣式表。每一次LINK 或@IMPORT引入都會對服務器進行一次資源請求。無論從用戶訪問、搜索引擎抓取還是服務器負荷等角度來說,合并CSS文件都是必要的。假如同一時間并發10萬訪向。對服務器的請求詞數則相差10倍,可能造成訪問阻塞或者服務器宕機等。

     

      二、CSSSprite

     

      CSS精靈技術的目的也在于合并不常改動的網站圖片到一張大圖上去,減少服務器請求次數,比較常見的是對按鍵小圖標、標題前小圖標、LOGO、確定、取消等圖片合并成一張。

     

      1.js引入或頁內js放置到HTML文檔末

     

      由于js是可執行文件,因此有可能會存在需要較長時間才能執行完一個函數的情況,如果放置在頁面前部分,就會阻塞js文件后面的頁面加載,導致頁面只有部分被加載進客戶端容器,影響用戶體驗,因此提倡將外部引人js或頁內js放置頁面末端獲得更好的訪問及蜘蛛抓取體驗。此處就涉及js的同步、異步及延遲加載,目的依舊在于考慮用戶及蜘蛛的訪問體驗,起到更好的優化效果。

     

      2.減少HTML、CSS、js文檔冗余,壓縮文檔

     

      (1)HTML文檔非必要的常見冗余包括Meta元標簽,如作者、版權等聲明,分割開的js、CSS引人代碼,注釋,多余空格,無用的js,CSS或者隱藏的HTML無任何功能的標簽,重疊的CSS樣式,非必要的標簽嵌套,過多的統計代碼,分享代碼、排薦代碼等方代碼等第三方代碼。

     

      (2)CSS文檔里與默認樣式一樣的代碼,組合樣式中多余的CSS代碼,沒有必要出現的樣式,不起作用的單樣式,HTML文檔中的樣式標簽應被CSS樣式替代,注釋,多余空格等。

     

      (3)js文檔常見的冗余,包括15寫冗余,邏輯冗余、多余執行的冗余和代碼數量的冗余等,需要依靠前端程序員協助進行代碼重構,以提高代碼執行效率,壓縮占用空間等。

     

      (4)檢在刪除不使用的HTML,CSS,js及圖片,Flash文件、視頻等,減少不必要的服務器空間占用。開啟GZIP亞索對web問價進行亞索處理,減少空間占用和加快下載的速度。

     

      三、Xhtml檢測

     

      (1)圖片alt屬性不要留空,對圖片進行說明方便搜索引擎理解,同時在圖片無法加載的時候用文字默認顯示,以方便訪客理解占位的圖片是什么alt屬性在SEO中被用來嵌如相關關鍵詞、增加頁面關鍵詞密度及圖片的關鍵詞相關性,以及增加在圖片收錄及排名中的優勢。

     

      (2)樣式標簽或樣式類屬性棄用,使用CSS代替,做到布局跟表現樣式分離。

     

      (3)標簽的不合理嵌套,比如在檢測結果中顯示出將style標簽放置于ul標簽中。

     

      (4)H系列標簽對于文檔進行結構化。

     

      四、CSS檢測

     

     

      CSS有三種檢測辦法:直接輸人CSS地址、上傳CSS文件及輸人CSS代碼檢測。按照檢測結果進行相對應的優化,更正語法錯誤,去除冗余代碼等。

     

      五、語義化標結構化文檔

     

      在代碼優化中,非常重要的一點,即理解所有17個IML標簽各自代表的語義,在正確的位置使用它,以使網頁結構能的代和優化中,在8夠非常清晰且快速地被搜索引擎理解井抓取、索引。這是對搜索引擎友好的重要表現。不單單是我們常見的Title標簽表示頁面標題,Keywords標簽表示頁面關鍵詞,Description標簽表示描述,H標簽表示H標簽表示heading到章節存層級,strong標簽是強調,其他所有標簽也都有各自的適用范用,說用世用即會造成結構混亂,不易理解。比如,全頁面使用div進行布局,就會增加搜索引擎對頁面各個部分的理解難度。

     

      六、其他代碼優化

     

      所有屬性必須用英文狀態引號“括起來,把所有<和&特殊符號用編碼表示,給所有屬性賦一個值,所有的標記都必須要有一個相應的結束標記,所有的標記都必須合理嵌套。在form表單中增加label,以增加用戶友好度,單標簽使用用合(如<img>)。以上所羅列的都是HTML規范寫法,目的在于減少網頁顯示錯誤,利于搜索引擎高效抓取,無論從用戶體驗還是SEO角度都有有益而無害的。

     

      nofollow的適當使用,對不參與排名的站內頁面人為控制抓取。

     

      適當使用h系列標簽,stong、b標簽及其他語義化標簽,使結構變清晰,提供給蜘蛛更便捷的爬取路徑。

           


    亚洲中文字幕无码爆乳av中文 | 欧美亚洲精品中文字幕乱码免费高清 | 免费a级毛片无码a∨免费软件| 免费a级毛片无码| 亚洲av永久无码精品漫画 | 最近2019中文字幕免费大全5| 国产精品无码v在线观看| 精品亚洲成A人无码成A在线观看 | 亚洲精品一级无码中文字幕| 亚洲va中文字幕无码| 国产AV无码专区亚洲Av| 亚洲av永久无码精品网站| 中文字幕无码高清晰| 性无码专区| 精品无码综合一区| 精品视频无码一区二区三区| 伊人久久综合精品无码AV专区 | 在线高清无码A.| 天堂а√在线地址中文在线 | 特级做A爰片毛片免费看无码| 久久中文骚妇内射| 中文字幕精品无码一区二区| av无码专区| 久久亚洲精品无码AV红樱桃| 性无码一区二区三区在线观看| 日韩精品无码免费专区网站| 天堂网www中文天堂在线| 中文字幕视频一区| 亚欧成人中文字幕一区| 日韩中文字幕视频| 久久精品亚洲中文字幕无码麻豆| 亚洲无码日韩精品第一页| 亚洲精品无码专区2| 亚洲.欧美.中文字幕在线观看| 亚洲AV永久无码一区二区三区| 熟妇人妻中文字幕| 色婷婷综合久久久久中文 | 最近免费字幕中文大全| 特级做A爰片毛片免费看无码| 精品无码一区二区三区在线| 麻豆AV无码精品一区二区|