1、大量图片：电商网站通常包含大量的图片和数据，如果没有进行合理的优化，可能会导致页面加载速度慢，影响用户体验。
【使用正确的图片格式】 .jpeg、.png、svg 矢量图像，webp则提供了更好的压缩效果，内存更小。
canvase.toBlob(
(blob) => { },
"image/webp",
0.8
);
【懒加载】 当图片进入可视区域时才加载图片。这可以减少页面初次加载时的数据量，提升加载速度。Vue3有一个名为vue3-lazyload的插件可以实现这个功能。
【使用CDN（内容分发网络） 】CDN可以将图片存储在离用户更近的服务器上，从而提高加载速度
2、安全性：电商网站涉及到用户信息和支付信息，因此需要特别注意安全性。需要防止XSS、CSRF等攻击，以及保护用户的隐私。
【HTTPS】使用HTTPS可以保证数据在传输过程中的安全性，防止被第三方窃取或篡改
【CSRF】使用token令牌 来校验请求的合法性；
【使用安全的cookie】cookie应该设置为HttpOnly（防止通过JavaScript访问）和Secure（只在HTTPS连接上发送）
【限制请求频率】可以使用速率限制（rate limiting）来防止暴力破解攻击和DDoS攻击。
【vue自动转义】通过双大括号{{ }}插入数据时，Vue会自动转义HTML字符，以防止XSS攻击
【输入验证和过滤】对输入内容进行校验和过滤，使用正则表达式验证输入的格式，设置关键词黑名单。
3、跨平台兼容性：需要在各种设备和浏览器上运行
4、SEO优化：需要使用服务器端渲染（SSR）或预渲染（Prerendering）等技术来改善SEO。
【服务端渲染】服务器生成完整的HTML页面，然后发送给浏览器。搜索引擎可以直接抓取和索引这个HTML页面。Vue.js有一个官方的服务器端渲染框架叫做Nuxt.js，可以用来实现SSR。
【预渲染】预渲染是在构建时生成静态的HTML页面。这些页面可以被搜索引擎直接抓取和索引。预渲染适合于内容不经常变化的页面
【meta标签】meta标签可以提供一些关于页面内容的信息，帮助搜索引擎理解页面
5、组件复用：商品列表和购物车
注：当然还有其它的点，以上只是简单记录项目中常用的方法
