當前位置:雲無限官網 > 網站優化 > SEO優化進階之網站代碼優化

SEO優化進階之網站代碼優化

時間:2019/8/26 18:32:25 浏覽人數:

   SEO優化入門很簡單,想精通卻很難,需要SEOer自主學習相關的一些知識點和技巧,然後通過大量的實踐去進行驗證。今天雲無限小韓就來跟大家說一說代碼優化的注意事項。

  代碼優化主要包括一些無用代碼刪除、注釋代碼精簡、代碼壓縮和js優化調整等等。通過代碼優化可以方便蜘蛛更快速的抓取我們的代碼,增加蜘蛛抓取效率。特別是一些網站代碼比較冗余的網站,會增加蜘蛛壓力,很可能導致蜘蛛無法正常抓取頁面全部內容,這時候就需要用到代碼優化了。

  無用代碼刪除、注釋代碼精簡

  很多網站前端看著非常好,但是一查看源碼就會發現內容太過雜亂,成片的注釋代碼加上各種無效的js以及一些前端不顯示但是在源碼裏出現的內容。這時候我們就需要把無用的代碼以及注釋的代碼進行刪除,如果是擔心後期可能會用到這些代碼,可以做一個備份文件來保留這些代碼。

  如果用百度模擬抓取就會發現,百度給的提示是只抓取網頁源碼前200K的內容,如果咱們網站源碼內容只能的超過200K的話,是不是有很大的可能性導致百度蜘蛛抓取我們頁面出現問題呢?所以適當精簡代碼是避免影響百度蜘蛛抓取的一個必要條件。

  代碼壓縮

  代碼壓縮是通過一些第三方工具對頁面進行壓縮,壓縮後的代碼可以減小源碼大小,其目的也是爲了提升蜘蛛的抓取效率。但是代碼壓縮後會極大的影響源碼閱讀,因爲整個源碼就沒有空行了,所有的代碼全部緊挨在一起,不過遇到想要查看的源碼可以通過代碼美化來反壓縮,這樣就可以正常閱讀代碼了。

  css、js精簡

  css和js精簡分兩部分,第一部分是把一些寫在源碼裏的js、css內容寫成外部調取的形式,第二部分就是對js和css文件進行合並。

  比如如下是寫在源碼裏的js文件:

  

<script type="text/javascript">
 var mainDomainId = 1;
 var fk_sale = {}; 
 fk_sale._proSiteQueryStr = '';
 fk_sale.cid = 14938609;
 fk_sale.siteVer = 130;
 fk_sale.popupWindowSiteVer = 10; 
 fk_sale.isLuckyGuyFlag = false;
 fk_sale.popupWindowEndYear = 2018;
 fk_sale.popupWindowEndMonth = 1;
 fk_sale.popupWindowEndDay = 31;
 fk_sale.popupWindowDays = -571;
 fk_sale.popupWindowMs = -49375752027;
 fk_sale.openDays = 699;
 fk_sale.siteCreateDays = 699;
 fk_sale.siteCreateMinutes = 1007934;
 fk_sale.openMinutes = 1007934;
 fk_sale.popupWindowEndSignupHours = 720.0;
 var queryStr = "";
 if(fk_sale._proSiteQueryStr !== void 0 && fk_sale._proSiteQueryStr !== ""){
 queryStr = '&' + fk_sale._proSiteQueryStr;
 }
 fk_sale.url = 'http://www.ceshi.website/jump.jsp?t=40&siteVersion=0&buySiteVer=true&siteSid=0#appId=shop'; 
 fk_sale.showDomainWindowFlag = false;
 fk_sale.cacct = 'ceshi.website';
 fk_sale.imgBigSrc = 'http://www.ceshi.website/image/pro/20170101/salesPromotion.png?v=201701101133';
 fk_sale.imgBigBtn = 'http://www.ceshi.website/image/pro/20170101/btn_buy.png?v=201701101133';
 fk_sale.imgClose = 'http://www.ceshi.website/image/pro/20170101/close.png?v=201701101133';
 fk_sale.siteFirstLogin = false;
 fk_sale.isShowAdvertisementWindowThreeMinute = false;
 fk_sale.textUrl = 'http://www.ceshi.website/jump.jsp?t=40&siteVersion=0&buySiteVer=true&siteSid=0#appId=shop';
 fk_sale.domainImgBigBg = 'http://www.ceshi.website/image/pro/20160101/domainSearchImg.png';
 fk_sale.domainImgClose = 'http://www.ceshi.website/image/pro/20160101/close.png?v=201601181937';
 fk_sale.siteBizBigClose = 'http://www.ceshi.website/image/pro/20160701/close_popup.png';
 fk_sale.siteBizBigBg = 'http://www.ceshi.website/image/pro/20160701/popup02.png';
 fk_sale.showSiteBizWindow = false;
 fk_sale.showSitePopWindow = false;
 fk_sale.showDJPopWindow = false;
 fk_sale.openFlyer = false;
 
 if(Fai.top._proSiteQueryStr === undefined){
 Fai.top._proSiteQueryStr = '';
 }
</script>

  這種就可以寫成

  多個這樣的js文件又可以合並成一個,這樣就從根本上減少了很多js和css的冗余代碼,達到了提升網站加載速度的目的。另外css文件可以寫在代碼前部分,而js文件可以寫在網站最後,因爲大部分js都會影響加載速度,但是卻不影響前端展示,放在最後可以避免影響網站展示效率。

  還有一些其他的影響網站加載速度的,比如服務器帶寬,網絡穩定性等等,這些與網站代碼優化無關這裏小韓就不多做介紹了。如果大家有更好的方法,歡迎與小韓一起來討論!

熱門+MOER