商来宝
  • 供应
  • 求购
  • 企业
  • 展会
  • 资讯

微信公众号

商来宝微信公众号
当前位置: 首页 » 行业资讯 » 电商资讯 »网站代码优化的小技巧你知道吗?

网站代码优化的小技巧你知道吗?

放大字体  缩小字体 发布日期:2021-07-05 10:16:24 来源: 作者:用户40373    浏览次数:0    
摘要

SEO优化入门很简单,想精通却很难,需要SEOer自主学习相关的一些知识点和技巧,然后通过大量的实践去进行验证。今天云无限小韩就来跟大家说一说代码优化的注意事项。 代码优化主要包括一些无用代码删除、注释代码精简、代码压缩和js优化调整等等。通过代码优化可以方便蜘蛛更快速的抓取我们的代码,增加蜘蛛抓取效率。特别是一些网站代码比较冗余的网站,会增加蜘蛛压力,很可能导致蜘蛛无法正常抓取页面全部...

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>
这种就可以写成<script type="text/javascript" src="http://www.ceshi.website/ceshi.js" async="" defer="defer"></script>

多个这样的js文件又可以合并成一个,这样就从根本上减少了很多js和css的冗余代码,达到了提升网站加载速度的目的。另外css文件可以写在代码前部分,而js文件可以写在网站最后,因为大部分js都会影响加载速度,但是却不影响前端展示,放在最后可以避免影响网站展示效率。

还有一些其他的影响网站加载速度的,比如服务器带宽,网络稳定性等等,这些与网站代码优化无关这里小韩就不多做介绍了。如果大家有更好的方法,欢迎与小韩一起来讨论!

 
举报 收藏 0
免责声明
• 
转载请注明原文出处:https://www.51slb.com/news/bbcd0e16f2.html 。本文仅代表作者个人观点,与商来宝平台无关,请读者仅做参考,如文中涉及有违公德、触犯法律的内容,请向我们举报,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们处理。
 

(c)2022-2032 www.51slb.com 商来宝 All Rights Reserved 成都蓝兴网络科技有限公司

蜀ICP备2021023313号