企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站制作

Website development

​前端制作与性能优化就找北京网站建设云智互联

发布时间:2015-10-28 09:13:25

TAGS:网站制作外包,北京网站制作,网站制作细节

作为开发公司的北京网站建设云智互联来说,不仅仅是前端,优化总是你绕不开的事,我们的目标就是要产品变得更快。优化的对象不仅仅指产品本身,还有我们日常的开发流程。从加入团队 到现在,大概有三年左右的时间花在了优化上,期间遇到了很多问题,回过头看,优化这件事情并不是那么简单,也是些很琐碎的事情,要打造一个无痛的开发流程,并且能够相对轻松的对产品持续优化真的不轻松。没有银弹,任何项目都要花很多时间和精力。但任何值得改善的地方能够有所提升都让我们觉得努力没白费。 有时候只想懒一点,从枯燥的重复中解放出来。o3I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

性能优化 <a href=https://www.yzlink.cn target=_blank class=infotextkey>网站优化</a> 网站代码优化 网站性能优化o3I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

刚进来时,加上我团队中一共3个人专职前端开发。项目比较简单,前端已经做好了模块化,只是觉得还不够彻底。后来项目慢慢变得庞大,加上重构同学,人员多的时候达到了13人。这个过程中遇到了很多问题,前端框架演变了三次,都是因为遇到了一些棘手的问题,而不得已做出调整,没有绝对的好坏,只有合不合适。o3I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

11.0时代o3I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

前期模块化已经做的不错了,至少不必花大量时间去重构代码。模块划分如下图,逻辑层次上还是比较清晰。o3I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

性能优化 <a href=https://www.yzlink.cn target=_blank class=infotextkey>网站优化</a> 网站代码优化 网站性能优化o3I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

前端模块化依赖的主流库也就数国内的Seajs和国外的requirejs,这里就不陈述。采用了Seajs作为模块管理器,zepto作为基础库文件,lib主要包含了项目中用到的主流第三方库文件。o3I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

我们知道模块化带来的大弊端便是HTTP请求数增加,所以上线的时候必须合并文件。下图中的package模块是文件大集合,打包了很多个JS模块,除去上图中的基础库文件和业务模块层,在上线的时候大部分文件都被打包在package.js里。o3I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

性能优化 <a href=https://www.yzlink.cn target=_blank class=infotextkey>网站优化</a> 网站代码优化 网站性能优化o3I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

大部分页面的JS请求是这样的:o3I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

性能优化 <a href=https://www.yzlink.cn target=_blank class=infotextkey>网站优化</a> 网站代码优化 网站性能优化o3I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

细心点的同学可能注意到两个问题:文件的大小和加载时间。刚才的截图还是在PC端截取的,手机和不同网络环境的表现会更加糟糕。o3I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

现在来看下目录o3I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

性能优化 <a href=https://www.yzlink.cn target=_blank class=infotextkey>网站优化</a> 网站代码优化 网站性能优化o3I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

存在的问题:o3I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

目录看起来算规范,但实际上是公共的和业务的混在一块。大部分文件合并在一个文件,合并策略不合理。由第二点引发的第三个问题,发布上线时,只要两人发布涉及到package文件,冲突必然发生。发布时需要down下上一次的文件,对照合并的新文件,以免发错。注意,第四点是人工。一不小心发错,或者把他人刚发布的文件覆盖了,这种事情发生10+次。只有一台测试机器,测试环境经常覆盖是常事。版本控制问题,不以SVN为版本,而是预发布机器上代码,管理混乱不敢想象如果10+人的团队一起在这种模式下开发,会是怎样的场面。今天北京网站优化推广云智互联就写到这里,有问题可以开找云智互联来商讨。o3I北京网站设计开发,小程序开发,公众号,微信开发-云智互联

原创不易,未经授权,严禁转载

原文地址:https://www.yzlink.cn/i,72,6188,0.html

客户评价

更多+
  • 感谢云智互联,系统提前完成,在整个项目周期内,云智互联对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的云智互联团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:10:00-19:00
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN 京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。
嘿,我来帮您!