文档导航

局部无感刷新

为了提供更加丝滑的浏览体验,和SEO效果,我们在使用SSR服务端渲染的基础上,SX-Creval 在部分页面底层引入了“局部无感刷新”机制。

一、 什么是局部无感刷新?

简单来说,当海外买家在您的网站上进行点击操作时,网页不再进行整体刷新,而是哪里需要变,就只替换哪里

例如,买家在产品中心点击了“询盘”或是提交成功后,那么页面整体都会保持原样,毫无停顿和跳转。

二、 融合 HTMX 的底层技术逻辑

对于懂一点技术的用户来说,这种体验得益于我们在 Django 服务端渲染(SSR)的基础上,深度融合了前沿的 HTMX 架构。

它的工作原理极其高效:当用户触发交互时,系统拦截了传统的整页刷新请求。取而代之的是,系统只向后端请求发生改变的那一小块数据,并在收到反馈后,精准地替换掉网页上对应的局部 HTML 节点(DOM)。

这种设计彻底跳过了传统网站沉重的“全页 DOM 重新解析与重绘”过程,将浏览器的渲染负担降到了最低。

三、 这种机制为您和访客带来的直观好处

  1. 告别白屏闪烁:没有任何加载时的视觉断层,客户的浏览体验极其连贯自然,能够让他们在网站上停留更久,查看更多产品。
  2. 操作响应极快:因为每次交互只传输和替换极少量的代码片段,而不是整个网页,所以即使在海外网络环境一般的地区,页面的切换也几乎是“秒切”。
  3. 保留浏览状态:当客户在一个长长的产品列表中筛选条件时,页面不会每次都强制跳回网页最顶部。客户的阅读位置和操作焦点得到了完美保留。

在 SX-Creval 中,您不需要编写任何复杂的异步接口(AJAX)代码。这种局部无感刷新的高级特性,已经作为系统的底层标准为您默认开启,让您的外贸独立站从交互质感上直接拉开与竞争对手的差距。