Shopify Cache activos de terceros: lo que puedes arreglar

Qué significa la advertencia de la política de caché

PageSpeed marca recursos estáticos con una vida útil de caché corta porque es posible que los visitantes habituales necesiten descargarlos nuevamente demasiado pronto. En un sitio puramente personalizado, un desarrollador a menudo puede ajustar los encabezados del servidor. En Shopify, los activos del escaparate se dividen entre la CDN de Shopify, su tema, proveedores de aplicaciones, plataformas de seguimiento, proveedores de fuentes, incrustaciones de video y redes publicitarias. Controlas parte de esa pila, pero no toda.

This is why merchants get frustrated with the warning. They see a third-party JavaScript file from a reviews app, chat widget, pixel, or attribution tool and look for a Shopify setting that does not exist. If the file is served from the vendor's domain, the vendor sets the cache lifetime. Your job is to decide whether that vendor should load, where it should load, and whether a lighter pattern can replace it.

La política de caché pertenece al lado Política de caché eficiente de Shopify, impacto de scripts de terceros, optimización de la velocidad de la aplicación, y el guía completa de optimización de velocidad de Shopify.

Qué activos puedes controlar en Shopify

Recursos del tema

Los archivos cargados en tu tema de Shopify, como CSS, JavaScript, imágenes y fuentes, son el lugar más seguro para optimizar. Puede eliminar archivos inactivos, comprimir imágenes, dividir scripts y evitar cargar activos antiguos. La CDN de Shopify maneja la entrega, pero tú aún controlas lo que se solicita.

Archivos de proveedores estáticos aprobados

Some libraries can be self-hosted if the license and vendor documentation allow it. Examples include a local slider library, a small helper script, or a font file you are licensed to host. This is different from copying a live app script that expects vendor updates.

Aplicaciones incrustadas y píxeles

Por lo general, no es posible cambiar los encabezados de la caché. Puede desactivar las incrustaciones de aplicaciones no utilizadas, eliminar píxeles duplicados, limitar los widgets a plantillas relevantes y retrasar la interfaz de usuario no crítica hasta que se pueda utilizar la primera pantalla.

Manual paso a paso: Manejar advertencias de caché de terceros

1. Clasificar activos por propiedad

Abre DevTools Network o PageSpeed y agrupa las URL marcadas en Shopify CDN, tu tema, proveedores de aplicaciones, píxeles, fuentes, incrustaciones de videos y herramientas de marketing. Primero arregle sus propios activos. Los activos propiedad de los proveedores necesitan una decisión diferente.

Shopify-controlled:
cdn.shopify.com/s/files/.../theme.css
cdn.shopify.com/s/files/.../custom.js

Vendor-controlled:
reviews-app.example/widget.js
analytics.example/pixel.js
chat.example/launcher.js

2. Remove assets from templates that do not need them

Un widget de reseña de producto puede pertenecer a las páginas de productos, pero no a las publicaciones de blog. Un script de localización de tiendas puede pertenecer a una página, no a todo el escaparate. Las extensiones de aplicaciones temáticas y las aplicaciones incrustadas deben tener un alcance tan estricto como lo permita la aplicación.

{% if template.name == 'product' %}
  <script src="https://vendor.example/reviews.js" defer></script>
{% endif %}

3. Utiliza fachadas para empotrar pesados

Los videos, mapas, chats e incrustaciones sociales a menudo cargan muchos archivos con políticas de caché que usted no controla. Reemplace la inserción completa con una vista previa estática o un botón liviano, luego cargue el código de terceros solo después de la interacción.

<button class="chat-facade" data-load-chat>
  Chatea con nosotros
</button>

&lt;script&gt;
  document.querySelector('[data-load-chat]')?.addEventListener('click', () => {
    const script = document.createElement('script');
    script.src = 'https://chat.example/widget.js';
    script.defer = true;
    document.head.appendChild(script);
  });
&lt;/script&gt;

4. Hospeda solo lo que sea seguro

Fuentes de autohospedaje, bibliotecas pequeñas y recursos estáticos aprobados cuando se le permita hacerlo. No copie scripts de aplicaciones, scripts de pago, píxeles de seguimiento ni códigos de proveedores actualizados constantemente en su tema. Esto puede alterar la gestión del consentimiento, los análisis, el soporte y futuras correcciones de seguridad.

@font-face {
  font-family: 'Brand Sans';
  src: url('{{ "brand-sans.woff2" | asset_url }}') format('woff2');
  font-display: swap;
  font-weight: 400;
}

5. Solicite a los proveedores un mejor almacenamiento en caché

If a critical app ships static files with very short cache lifetimes, contact support with the exact URL from PageSpeed and ask whether they can improve cache headers or provide a lighter embed. Good vendors understand the request. If they cannot help and the widget is not producing revenue, remove or replace it.

6. Vuelva a probar las vistas repetidas y el rendimiento móvil

La política de caché es más importante para los visitantes recurrentes, pero los mismos activos de terceros también pueden perjudicar la carga útil de la red de primera carga, el trabajo del subproceso principal y el INP. Vuelva a probar con el prueba de velocidad gratuita de Shopify, luego compara métricas de velocidad móvil y Puntuación de velocidad de Shopify frente a PageSpeed Insights.

Solución manual frente a solución Thunder

Qué no hacer

No busque una puntuación perfecta en la política de caché rompiendo las herramientas de ingresos. Las reseñas, las suscripciones, los análisis, las comprobaciones de fraude y el chat pueden ser importantes. La pregunta correcta es si cada activo de terceros ocupa su lugar en esa plantilla exacta. Elimina lo que no, contiene lo que sí y mantén la página controlada por Shopify lo más sencilla posible.

Para un plan de limpieza más amplio, utilice correcciones de secuencias de comandos de la aplicación, Correcciones de velocidad de GTM, y Sugerencias de recursos de Shopify. Si desea la línea de base automatizada primero, revise Precios de trueno y luego limpiar la pila de proveedores con mejores datos.

FAQ