Dúvida/Opinião - Otimização da Loja e CMS

Scripts que estão vindo junto com o HTML e não são executados

  • "<script language="javascript" src="https://io.vtex.com.br/front-libs/front-utils/3.0.8/underscore-extensions.js?v=1.4.1023.1716" type="text/javascript"></script>"

Scripts apresentando vunerabilidades de segurança conhecidos, podem assim, facilmente ser detectado e usado como vantagem por um hacker, isto não é eu que declaro, e sim, a Google de acordo com o seu Audit -> https://i.imgur.com/nJEc8FK.png

  • "<script language="javascript" src="https://io.vtex.com.br/front-libs/jquery/1.8.3/jquery-1.8.3.min.js?v=1.4.1023.1716" type="text/javascript"></script>"

Scripts desnecessários, como swfobject.js, que é um framework para Adobe Flash na sua página, o que né, ninguém utiliza

  • "<script language="javascript" src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js?v=1.4.1023.1716" type="text/javascript"></script>"

Script que diz quando está acontecendo um Ajax e mosta um "Carregando..." durante o mesmo... Sério?

  • "<script language="javascript" src="https://nomedaloja.vteximg.com.br/Scripts/vtex.ajax.wait.js?v=1.4.1023.1716" type="text/javascript"></script>"

Scripts que não apresentam quase nada de útil para o utilizador, cujo peso do request não vale a pena o nível de utilidade do mesmo

  • "<script language="javascript" src="https://nomedaloja.vteximg.com.br/Scripts/currency-format.min.js?v=1.4.1023.1716" type="text/javascript"></script>"
  • "<script language="javascript" src="https://nomedaloja.vteximg.com.br/Scripts/vtex.common.js?v=1.4.1023.1716" type="text/javascript"></script>"
  • ---- * toBrazilianCurrency() até que é útil, mas na minha opnião, não é responsabilidade de vocês isto, pelo fato de nem todos os clientes serem brasileiros.
  • "<script language="javascript" src="https://io.vtex.com.br/front-libs/front-i18n/0.7.1/vtex-i18n.min.js?v=1.4.1023.1716" type="text/javascript"></script>"
  • "<script language="javascript" src="https://io.vtex.com.br/front-libs/dustjs-linkedin/2.3.5/dust-core-2.3.5.min.js?v=1.4.1023.1716" type="text/javascript"></script>"
  • ---- * ????????????????
  • "<script> var defaultUtmFromFolder = '';</script>"
  • ---- * Esta dentro e no topo do body, além de, ao meu ver, não servir para nada, está no topo do body, quando o recomendado seria no fim do body.
<script> vtex.events.addData({ "pageCategory":"teste", "pageDepartment":null, "pageUrl":"http://www.nomedaloja.com.br/_secure/Teste", "pageTitle":"Teste – nomedaloja", "skuStockOutFromShelf":[], "skuStockOutFromProductDetail":[], "shelfProductIds":[], "accountName":"nomedaloja", "pageFacets":[] }); </script> <script> var helper = new vtexTagManagerHelper('otherView'); helper.init(); </script>
  • ---- * Estes eu não diria que serve para nada, mas, também ao topo do body.
<div class="ajax-content-loader" rel="/no-cache/callcenter/disclaimer"><!-- CallCenter --> </div>"
  • ---- * Pra que isso?
  • "<script language="javascript" src="https://nomedaloja.vteximg.com.br/Scripts/thickbox.js?v=1.4.1023.1716" type="text/javascript"></script>"
  • "<script language="javascript" src="https://nomedaloja.vteximg.com.br/Scripts/json2.js?v=1.4.1023.1716" type="text/javascript"></script>"
  • "<script language="javascript" src="https://nomedaloja.vteximg.com.br/Scripts/vtex.viewPart.CallCenterDisclaimer.js?v=1.4.1023.1716" type="text/javascript"></script>"
  • ---- * Porque?
  • "<script language="javascript" src="https://nomedaloja.vteximg.com.br/Scripts/vtex.viewPart.ajaxLoader_V2.js?v=1.4.1023.1716" type="text/javascript"></script>"
  • ---- * kkkkkkkkkkkkkkk

Scripts que deveriam estar minificados

  • "<script language="javascript" src="https://nomedaloja.vteximg.com.br/Scripts/vtex.tagmanager.helper.js?v=1.4.1023.1716" type="text/javascript"></script>"
  • "<script language="javascript" src="https://io.vtex.com.br/portal-ui/1.11.8/scripts/vtex-analytics.js?v=1.4.1023.1716" type="text/javascript"></script>"

Scripts causando render-blocking

  • https://i.imgur.com/cwsrXLd.png

Scripts com política de cache em assets estáticos ineficiente

  • https://i.imgur.com/w0Q6vml.png

Elementos HTML desnecessários:

  • "<div id="ajaxBusy" class="load loading" style="display: none;"><p>Aguarde...</p></div>"
  • ---- * Este, que é utilizado junto com o script, também desnecessário, vtex.ajax.wait.js.

Tenho quase certeza que quase todos que comentei acima, são desnecessários.

Esta para vir um novo CMS, como já foi dito.

Esta situação será corrigida?

Haverá a possibilidade de não optar por estes scripts?

Teremos um sistema de cache off durante desenvolvimento?

Teremos um sistema de homologação das alterações decente?

Teremos como configurar o site em PWA (atualmente é dito que é possível, pois, tentei, retentei, abri chamado a quase um mês por não conseguir e nada)?

Teremos uso do HTTP/2 para todos nossos recursos?

  • ---- * https://i.imgur.com/n4WpQzz.png

Atualmente um dos meus e-commerces carrega a home em média 2,8 segundos na primeira entrada.

Eu teria um aumento de velocidade considerável se eu pudesse optar pelos scripts que eu quisesse.

Na minha opinião, não seria a solução correta a criação de um novo CMS sem que estes erros básicos fossem corrigidos... Isso não é por chatice minha, isso são recomendações da Google.

Do swf concordo plenamente.....outros scripts podem ser para uso da propria VTEX de monitoramento, analytcs etc...mas carrega muita coisa mesmo. Poderiamos ter a opção de escolher o que queremos.

Não tem nenhum direcionamento da vtex quanto a isso?

Tem muito JS desnecessário mesmo!