Estamos constantemente procurando maneiras de otimizar o desempenho da Web Widget (Classic), para que você possa oferecer a melhor experiência de suporte ao cliente incorporado. Nosso objetivo é fazer isso com o menor impacto possível no seu site.
Qual é o tamanho do pacote atual do Web Widget (Classic)?
Os números abaixo representam o tamanho do pacote na primeira carga do Web Widget (Classic). As cargas subsequentes se beneficiarão do cache de CDN, resultando em um carregamento mais rápido (consulte “Os ativos do Web Widget (Classic) estão em cache?” abaixo). .
| Pacote | Tamanho (Brotli compactado) | Observações |
| Web Widget (Classic) núcleo | ~475 KB | Os ativos web_widget.js e common_vendor.js necessários para o Web Widget (Classic), independentemente dos canais disponíveis. |
| Com o Talk Channel | +~65 KB | Os ativos requeridos pelo Web Widget (Classic) quando o canal do Talk está ativado em uma conta. 55 KB representa a primeira carga do canal Talk. |
| Com o canal de Chat | +~59 KB | Os ativos requeridos pelo Web Widget (Classic) quando o canal de Chat está ativado em uma conta. |
| Suporte por idioma | +~ 5 KB (média) por idioma | O Web Widget (clássico) carregará apenas os idiomas com base na configuração de localidade do visitante. |
Por que o Web Widget (Classic) requer tanto o JavaScript para funcionar?
O Web Widget (Classic) é uma ferramenta poderosa para incorporar o suporte ao cliente em seu site, repleto de recursos. Você pode ativar muitos recursos e canais para os visitantes do Chat com um agente, solicitarum retorno de chamada através do Talk, deixar uma mensagem e acessar o conteúdo da sua Central de Ajuda para o autoatendimento. Além disso, o Web Widget (Classic) suporta vários idiomas em todo o mundo, e você pode personalizar seu Web Widget (Classic) em Admin. ou por nosso pacote de JavaScript APIs. Dito isso, reconhecemos que temos muito espaço para melhorar e continuaremos a priorizar iniciativas para otimizar o tamanho do pacote para qualquer configuração do Web Widget (Classic).
Quando eu incorporei o Web Widget (Classic) na minha página da Web, notei um tempo de carregamento mais lento. O Web Widget (Classic) pode estar deixando minha página mais lenta?
você irá notar que o Web Widget (Classic) carrega de forma assíncrona, o que significa que não irá bloquear o resto da página de ser carregadao, para que os visitantes possam fazer o que eles vieram por e o mais rápido possível. Dito isso, reconhecemos que o quantidade de JavaScript necessários para o Web Widget (Classic), irá levar tempo e recursos para que o navegador baixe, analise e execute. Para ajudar a garantir o menor impacto possível no tempo de carregamento do seu site, continuaremos a priorizar iniciativas de desempenho.
A arquitetura do Web Widget (Classic) é otimizada para armazenamento em cache, portanto uma vez carregado em seu site para um visitante, nas próximas páginas carregadas, o Web Widget (Classic) carregará muito mais rapidamente.
Se você tiver o Chat ativado em seu Web Widget (Classic) e desejar otimizar o desempenho da página, considere usar o parâmetro API connectOnPageLoad. Isso deve diminuir o tempo necessário para exibir o inicializador do widget e melhorar os scores de carregamento da página em ferramentas, tal como o Google Lighthouse. Para saber mais, consulte o artigo: Otimização do desempenho do Chat e Web Widget (clássico).
Qual é a melhor ferramenta para monitorar a velocidade de carregamento da página do meu site?
Recomendamos o uso da ferramenta Lighthouse do Google que está disponível por padrão na aba de auditoria das ferramentas do desenvolvedor. O Lighthouse tem uma cobertura muito boa de novos recursos disponíveis em navegadores modernos como o Google Chrome. Contamos com recursos como a multiplexação HTTP/2 para otimizar o Web Widget (Classic) e o Lighthouse levará a multiplexação em consideração ao calcular o desempenho de uma página da Web com o widget incorporado.
Faz diferença se eu coloco a tag de script do Web Widget (Classic) no <CABEÇALHO> ou <CORPO> da minha página da web?
Para os clientes preocupados com o desempenho de carregamento da página, recomendamos colocar o trecho ao fim do <corpo> em vez de no <cabeçalho>. Mesmo que o script do trecho seja muito leve, é melhor evitar a inserção de scripts que impeçam que o navegador renderize uma página da Web até que o script seja carregado. Lembre- de que quaisquer scripts que usam o Web Widget (Classic) zE JavaScript API devem ser colocados após o trecho dot script.
Os ativos do Web Widget (Classic) são atendidos a partir de um CDN?
Sim, os ativos do Web Widget (Classic) são atendidos de uma Rede de distribuição de conteúdo (CDN) usando HTTP/2 para reduzir a latência. Todos os ativos são acessados por uma única origem, o que significa que os navegadores precisarão apenas abrir uma única conexão TCP para baixar o Web Widget (Classic). Visite esta página para saber mais sobre os benefícios do HTTP/2.
Os ativos do Web Widget (Classic) são compactados usando Gzip?
Sim, os ativos do Web Widget (Classic) são compactados usando Gzip.
Os ativos do Web Widget (Classic) são armazenados em cache?
Sim, os ativos do Web Widget (Classic) têm versões individuais e são armazenados em cache a longo prazo por até um ano. Eles são armazenados em cache privadamente nos navegadores do usuário final e publicamente nos servidores edge CDN. É improvável que alguns ativos necessários para o widget sejam alterados entre as versões do widget e serão armazenados em cache de forma independente. Isso significa que esses ativos serão recuperados mais rapidamente do cache na próxima vez que o navegador precisar deles. Por exemplo, os ícones de bandeira do código do país utilizados no Talk ou os sons de notificação associados ao Chat.
E se eu usar um CSP?
Se você usa umaPolítica de segurança de conteúdo (CSP),deverá usar o trecho mais recente. Para obter mais informações, consulte a documentação do desenvolvedor sobre o suporte CSP.
Aviso sobre a tradução: este artigo foi traduzido por um software de tradução automática para oferecer a você uma compreensão básica do conteúdo. Medidas razoáveis foram tomadas para fornecer uma tradução precisa, no entanto, a Zendesk não garante a precisão da tradução.
Em caso de dúvidas relacionadas à precisão das informações contidas no artigo traduzido, consulte a versão oficial do artigo em inglês.