Soy novato en HubSpot y necesito mejorar la puntuación de información de velocidad de página de un sitio. En esto, me encontré con el problema de los elementos de bloqueo de procesamiento, ya que todos los scripts dentro del sitio se cargan en el encabezado. Necesito moverlos al pie de página del sitio, pero no veo ninguna forma u opción para hacerlo. Parece que todos los archivos de script y CSS que se ven en el encabezado están incluidos en {{ standard_header_includes }}, pero no veo dónde se agrega ese código para mover los archivos de script al pie de página. Cualquier ayuda es muy apreciada.
En realidad, usted controla la carga de los scripts donde USTED los está llamando.
Entonces, por ejemplo, en cualquier lugar que use require_js
o require_css
, en realidad, en esa función, elija si desea cargar en el encabezado, pie de página, cargarlo asíncrono, diferido, etc.
De forma predeterminada, module.js se carga en el pie de página, module.css se carga en el encabezado. Cada uno está minificado.
El orden de sus instrucciones require en la página real determina el orden del script HTML y las etiquetas de enlace.
Recomiendo encarecidamente consultar la página de optimización de su sitio CMS Hub para el rendimiento, ya que es muy detallada sobre las cosas que puede hacer para que su sitio sea increíblemente rápido. La sección de JavaScript en particular es relevante para lo que estás hablando.https://developers.hubspot.com/docs/cms/guides/speed#javascript
También quiero agregar, si está heredando su sitio de otro desarrollador, es una buena idea buscar en la configuración del sitio web> páginas y ver si el desarrollador configuró el html de encabezado ancho de dominio. Si lo hicieron, querrá revisar ese código y hacer ajustes para moverlo al pie de página de manera adecuada.
Bienvenido a la comunidad de desarrolladores de HubSpot @karthika.