Web Widget(经典)当前的程序包大小是多少? 

下图表示Web Widget(经典)首次加载时的程序包大小,后续加载将受益于 CDN 缓存,从而缩短加载时间(请参阅下面的“ Web Widget(经典)资产是否缓存?”) .
订阅组合 大小(Brotli 压缩后) 注释
Web Widget(经典) Core ~475 KB Web Widget(经典)所需的 web_widget.js 和common_供应商.js 资产,无论有哪些渠道可用。
有 Talk 渠道 +~65 KB 在帐户中启用 Talk 渠道时Web Widget(经典)所需的资产。55 KB 表示 Talk 渠道的首次加载。
有在线交谈渠道 +~59 KB 在帐户中启用 Chat 渠道时Web Widget(经典)所需的资产。
按语言支持 每种语言 +~5 KB(平均) Web Widget(经典)将仅根据访问者的区域设置加载语言。

为什么Web Widget(经典)需要这么多 Java脚本​​ 以运行?

Web Widget(经典)是一个功能强大的工具,可将客户支持嵌入您的网站,具有多种功能.  您可以启用多个 功能和渠道 要 Chat 与专员交谈的访问者,请求 acallback,留言,并访问您的帮助中心内容以进行自助服务。此外, Web Widget(经典) 支持多种语言 在全球范围内,您可以 自定义您的Web Widget(经典) 在 Admin 中或通过我们的 JavaScript API。 尽管如此,我们承认我们还有很大的改进空间,并将继续优先考虑为任何Web Widget(经典)配置优化程序包大小的举措。 

当我在网页中嵌入Web Widget(经典)时,我注意到加载时间变慢了。是否是Web Widget(经典)拖慢了页面速度?

您会注意到, Web Widget(经典)是异步加载的,这意味着它不会阻止页面其余部分加载,因此访问者可以尽快完成其所需的操作.尽管如此,我们确认 金额为 JavaScript required for Web Widget(经典)将需要时间和资源,让浏览器下载、解析和执行。为尽量减少对网站加载时间的影响,我们将继续 排列优先级 绩效计划。
 
Web Widget(经典)架构针对缓存进行了优化,因此访问者在您的网站上加载一次后,在后续页面加载时, Web Widget(经典)将加载得更快。

如果您在Web Widget(经典)中启用了 Chat,并希望优化页面性能,可以考虑使用connectOnPageLoad api。这样可减少显示小组件启动器的时间,并提高 Google Lighthouse 等工具的页面加载评分。要了解更多信息,请参阅文章:优化 Chat 和Web Widget(经典)性能。 

监测网站页面加载速度的最佳工具是什么?

建议使用Google 的 Lighthouse工具,该工具在开发者工具的审核标签中默认可用。Lighthouse 很好地涵盖了 Google Chrome 等现代网络浏览器中的可用新功能。我们依靠 HTTP/2 多路复用等功能来优化Web Widget(经典) ,Lighthouse 在计算嵌入该小组件的网页性能时会将多路复用考虑在内。

将Web Widget(经典)脚本标签放在 中是否重要? <标题> 或 <正文> 我网页的

对于关注页面加载性能的客户,我们建议将此代码段放在 <正文> 而不是 <标题>.即使代码段脚本非常轻量级,也最好避免插入,因为这样会阻止浏览器在该脚本加载之前继续呈现网页。请记住,任何使用Web Widget(经典)的脚本都将 zE JavaScript API 必须放在代码段脚本之后。 

Web Widget(经典)资产是否由 CDN 提供服务?

是, Web Widget(经典)资产已提供 来自 a 内容分发网络 (CDN) 使用 HTTP/2 以减少延迟。所有资产都可通过单一来源访问,这意味着浏览器只需打开一个 TCP 连接即可下载Web Widget(经典)。访问 此页面 了解更多关于 HTTP/2 优势的信息。 

Web Widget(经典)资产是否使用 Gzip 进行了压缩?

是的, Web Widget(经典)资产已使用 Gzip 进行压缩。

Web Widget(经典)资产是否已缓存?

是的, Web Widget(经典)资产单独进行版本控制,并可长期缓存长达一年。它们私密缓存在终端用户浏览器上,并公开缓存在 CDN 边缘服务器上。 小组件所需的一些资产在小组件版本之间不太可能更改,将单独缓存。这意味着当浏览器下次需要这些资产时,可以更快地从缓存中检索这些资产。 例如,Talk 中使用的国家代码标记图标,或与 Chat 相关的通知声音。

如果我使用 CSP?

如果您使用内容安全政策 (CSP),您必须使用最新的代码段。 有关更多信息,请参阅 参见开发者文档,了解 CSP 支持。 

翻译免责声明:本文章使用自动翻译软件翻译,以便您了解基本内容。 我们已采取合理措施提供准确翻译,但不保证翻译准确性

如对翻译准确性有任何疑问,请以文章的英语版本为准。

由 Zendesk 提供技术支持