深度解析网站重构问题

前一阵子,有很多同行,在问网站重构的问题,今天终于找到了点时间,与同行们交流一下自己的对于重构的理解,深度解析什么是网站重构,所以特写下本文.

网站重构,一般主要用在网站页面优化上,简单理解:网站重构,是指在不改变网页整体UI设计及网站外部相关行为的基础上,对网站进行优,让整个网站的结构更简单,可读性更强,更利于网站搜索引擎检索，满足搜索引擎排名,让自己的网站更容易被搜索引擎收录，提高用户体验和转化率,让网站更具有价值.

网站重构主要运用在老网站或大型项目优化上面,一般当前使用最新标准和技术制作 的网站,若起初就有严格规范的需求说明,基本上网站重构可以忽略.那么我们今天主要来研究一下传统网站常见重构做了哪些操作呢?

对于一般传统的网站做重构网站,通常会从以下几个方面进行操作：

1、重构网站结构:

把以前用表格(table)布局改为DIV+CSS,使用语义化标签重新定义网站结构

2、重构网站样式:

主要处理各种兼容性问题,把以前不合规的CSS样式,进行主流浏览器的兼容

3、重构网站移动端平台:

主要是考虑到近几年,手机端用户的大量提升,移动端的火热的情况,以前没有手机端的网站,也会随之进行三网合一或五网合一相关制作,进行网站多端模式制作.

4、重构网站SEO核心内容:

针对某些电子商务公司或涉及到互联网业务比较多的企业,对行业关键词,竞价,排名,SEO,搜索引擎收录需求比较大的企业,会结合重构的机会,重新设计未来的操作方向,优化一些以前SEO方面的弊端,进行关键词,核心关键词,长尾关键词等词密度及相关指标的布局.

对于那些需要做更深层次重构的站点,一般会从以下几个方面进行操作:

1、严格按规范编写代码

如:标签的语义化,简化HTML结构,js编写规则,性能最优,执行最快等

2、实现代码间:高内聚,低耦合

如:代码之间的高内聚,低耦合操作,从类角度来看， 高内聚低耦合：减少类内部，对其他类的调用；从功能块来看 高内聚低耦合：减少模块之间的交互复杂度（接口数量，参数数据）即横向：类与类之间、模块与模块之间；纵向：层次之间；尽可能，内容内聚，数据耦合。

3、设计可扩展的API接口

在设计接口时，充分考虑接口的可扩展性

4、使用新开发框架或编程语言代替旧的开发框架或语言

如:以前使用asp,现在换成JAVA,PHP...或其它开发语言

5、增强用户的参与度和体验度

主要是进行CSS  js相关的交互效果,实现更多让用户参与的网站行为,如:进行抢红包,领优惠券,参与各种投票活动等.

对于那些需要提高网站速度或性能的站点,会从以下几个方面进行操作:

1、压缩JS、CSS、img等前端资源

对网站所有资源进行相应的处理,优化,让网站加载更加快速,访问更加流畅.如:压缩js或CSS,减少没有必要的空格,换行符及注释等,减少体积,达到加快下载及访问速度.

2、程序代码的性能优化

如:读写能力,以最简单的方式进行增 删 改 查等功能

3、采用CDN来加速资源加载

对网站进行地域性的优化,使用CDN节点来选择最近节点访问,让每一个用户访问速度更快,获取相关信息的能力更强

4、对于JS DOM的优化

减少js对DOM的频繁操作,减少渲染及回流时长,优化操作流程,如:同步请求数据,改成异步操作

5、HTTP服务器的文件缓存

总结:

上为本期主要分享出来交流的文章,主要是深度解析网站重构的问题,当然文章还有些细节没有提及到的地方,希望大家进行相关技术交流,让我们共同推动技术前进,感谢大家阅读!