uniapp网页优化
性能优化策略
使用HBuilderX的打包优化功能，勾选“运行时压缩代码”和“移除console.log”选项。配置manifest.json中的webpack选项，启用tree-shaking和代码分割。
合理使用v-if和v-show，避免不必要的DOM渲染。对于长列表使用scroll-view或mescroll组件，配合虚拟列表技术减少渲染节点。
资源加载优化
将静态资源上传至CDN加速，修改manifest.json中配置资源路径。图片使用webp格式，通过image组件设置lazy-load懒加载属性。
字体文件使用font-spider工具压缩，只保留页面实际用到的字符。第三方库通过externals配置外部引用，减少打包体积。
缓存策略配置
在manifest.json中配置networkTimeout超时时间，启用localStorage和sessionStorage缓存非敏感数据。接口请求添加ETag和Last-Modified头，启用304缓存。
Service Worker实现离线缓存，通过workbox-webpack-plugin插件生成预缓存清单。配置App更新机制，使用plus.runtime.getProperty检测版本更新。
渲染性能提升
避免在模板中使用复杂表达式，改用computed属性计算。减少watch监听频率，使用immediate和deep属性优化监听逻辑。
CSS避免深层嵌套，使用uniapp的样式穿透语法/deep/。动画效果优先使用CSS3动画，硬件加速属性transform和opacity。
代码结构优化
按功能拆分组件，使用easycom自动导入组件。路由配置懒加载，修改pages.json中配置component: () => import()。
公共方法抽离为mixins或utils模块，通过require.context自动注册全局组件。使用webpack的DllPlugin预打包第三方库。
网络请求优化
封装uni.request，添加请求队列和重试机制。接口数据使用gzip压缩，配置Content-Encoding响应头。合并高频接口请求，使用GraphQL替代RESTful。
WebSocket保持长连接，重要数据添加本地持久化。使用indexedDB存储结构化数据，通过worker线程处理复杂计算。
