通过采用nextJS技术栈 SSR 渲染同构策略解决官网目前存在的客户端渲染（CSR）方式的局限性，例如无法支持站点地图和 Heading标签，导致排名低和内容收录少等问题。同时，需对官网用户体验方面改进，解决缺乏视觉吸引力和用户体验的问题。计划运用动画增添页面的生动感和视觉吸引力，提升用户页面互动和体验质量。 【成果】 截至 2023年12月，官网已完成性能提升、用户体验优化和搜案引擎强化，并取得以下阶段性成果： 1、官网性能提升： 采用 Google的 Lighthouse 工具评估网页性能和质量后，在相同网络环境和设备上的测试结果，在性能方面提升了 47.6%，无障碍方面提升了 46.3%，SEO 方面提升了10%。具体评估如下图所示： 2、优化用户体验，提升易用性和友好性的三项改进措施： （1） 增加页面和图片展示动画，增强用户视觉体验； （2） 使用平滑过渡的淡入淡出效果，使菜单更加流畅； （3）添加阅读进度条交互功能，反馈用户阅读进度。 3、强化搜索引擎（SEO）提升品牌知名度 实施 SEO 战略和优化网站排名需要技术要求。本次官网使用服务端渲染（SSR）方式解决了两个核心问题：支持设置站点地图（Sitemap）和正确运用 Heading 标签（H1、H2）。

1.主导实现了云账户 BPL 业务组件库，提供稳定高复用性的通用业务组件，规范用户交互体验，提升开发效率，支持自定义扩展。组件库涵盖了Modal 对话框、Card 卡片列表、TooltipButton 文字提示按钮等20+业务属性组件 2、针对移动端h5和*小程序的业务场景，给予taro 开发了公司内部业务组件库。如Form 表单、space、list 列表等16项组件

公司结算系统分为管理端和商户端，目前外网无法访问，期间在公司负责前端团队的技术架构、核心代码审核、在公司期间技术侧带领团队实现如下业绩： 1.基于结算系统业务复杂性，将系统拆分成独立的微应用架构，实现了独立开发和部署。已在管理端投入使用，构建速度提升了 75%，显著提高了研发效率和系统可维护性 2.2021年前端技术侧启用自主研发的前端性能检测系统“灵缇”，已检测系统性能问题包括系统报错、三方库风险、性能评分低 等。未来将全面升级系统并实施监控预警 3.主导引入前端脚手架工具 Yis ，以提升团队效率和一致性。Yis 简化开发流程，集成了开发、规范、构建、发布等流程，让开发 者更专注于编码 云账户综合服务平台系统：https://service.yunzhanghu.com 使用的技术栈：ReactJS为主统一技术栈、Antd组件库、移动端小程序Taro框架以及官网涉及nextJS SSR技术栈。