页面重构怎么操作？

页面重构是一种思想，是页面的二次构造（在实现层次）：包括设计稿的重构、过时页面的重构、功能不全页面的重构、代码重构

设计稿的重构：设计师的设计稿可能不是特别符合页面效果，当拿到设计稿时需要通过二次重构和修改达到预期效果
功能不全页面的重构：页面功能不符合用户体验、用户交互
过时页面的重构：使用的是过时的代码和标签，跟不上时代的发展

代码重构：代码质量、CSS优化、更好的语义化、浏览器兼容、页面性能、SEO优化

页面重构需要注意以下几点

1）删除无用代码，精简代码：删除无用的css和javascript

2）前端代码规范

（1）把页面中内联样式及头部样式提取到单独的css文件中
（2）调整代码的缩进
（3）更改已经不支持的标签如:
（4）在javascript中减少全局变量的使用，缩小变量的作用域
（5）整理基础类库,减少因为版本的问题造成多个文件

3）前端代码模块化

（1）按模块归类css代码与js代码，放到模块对应的文件夹中
（2）按模块分离js代码，定义不同的命名空间

4）提高页面加载性能

（1）首屏加载技术：将不影响首页展现的javascript文件延迟到页面加载后加载
（2）javascript改为按需加载
（3）图片的懒加载、图片使用雪碧图
（4）调整css和js的引用顺序
（5）给静态文件设置缓存
（6）加载CDN上的文件