CapitalVue 整站结构及样式现状分析

  当前网站CSS代码不断的覆盖 叠加,使样式文件越来越
  大,加载速度随之增加。混乱的CSS结构使工作中经常会
  遇重复修改的问题,大大降低工作效率。




color

                 margin
                                              border
          font            padding   display
造成现有结构混乱的原因:

• 前端人员对网站结构不了解

• 工作中对CSS的理解不同

• 没有统一的标准
 1.设计标准(颜色,结构,版式)
 2.命名规则及书写规范(CSS,IMG)
 3.文件存储及调用路径
CSS整合方案

1.由整体到部分的分离(从上到下)


   Platform              Portle       Portlet




2.从细节到整体的筛选合并(从下到上)

                         Portle



   Portlet

                        Platform




   delete     Portlet


3.按网站原有结构细分整理
效能评估

      人数     效果   时间
方案一   2-3人   一般   6周
方案二   3-5人   最好   20周
方案三   3人     良好   10周

Css