Almacenamiento en caché de borde (CDN) en MiPanel
Almacenamiento en caché de borde (CDN) en MiPanel
Con el CDN de MiPanel puedes hacer que tu sitio web cargue más rápido en todo el mundo. El contenido estático (imágenes, CSS y JavaScript) se guarda en los servidores de borde más cercanos a cada visitante, reduciendo el tiempo de carga sin importar desde dónde te visiten.
Desde MiPanel (https://cp.mipanel.cloud) puedes controlar cómo se distribuye y se almacena ese contenido en caché. Esta guía te muestra cómo hacerlo paso a paso.
¿Qué es el almacenamiento en caché de borde?
- Es el CDN (Content Delivery Network) de MiPanel: una red de servidores distribuidos por todo el mundo.
- Almacena copias de tu contenido estático (imágenes, CSS, JavaScript) en los nodos de borde más cercanos al visitante.
- Cuando alguien visita tu sitio, el contenido se sirve desde el nodo más cercano, no desde tu servidor de origen.
- Cuanto más contenido se almacene en caché, más rápido será tu sitio web, independientemente de la ubicación del visitante.
Dato clave: El CDN de MiPanel cachea el contenido estático automáticamente. No necesitas instalar plugins de caché adicionales en tu sitio.
¿Por qué es importante?
- Mayor velocidad: los tiempos de carga se reducen notablemente, especialmente para visitantes lejanos.
- Menor carga en tu servidor: el contenido estático se sirve desde el borde, liberando recursos de tu hosting.
- Mejor experiencia de usuario: un sitio más rápido mejora la permanencia de los visitantes.
- Mejor SEO: la velocidad es un factor importante para el posicionamiento en buscadores.
- Disponibilidad global: tu contenido se entrega desde múltiples puntos, no desde una sola ubicación.
Casos de uso
- Sitios web internacionales que reciben visitas desde varios países o continentes.
- Tiendas en línea con muchas imágenes de productos que necesitan cargar rápido.
- Blogs y portales de noticias con contenido multimedia y alto tráfico.
- Aplicaciones y páginas de marketing que requieren tiempos de carga mínimos.
- Desarrollos web donde necesitas probar cambios rápidamente (con el Modo de desarrollo).
Requisitos
- Un paquete de hosting que incluya CDN (Cloud Hosting, WordPress Hosting, etc.).
- Tu sitio web publicado en el paquete.
- Acceso al panel de MiPanel para configurar el caché de borde.
Paso a paso: Configurar el caché de borde en MiPanel
Paso 1: Ingresa a MiPanel
- Abre https://cp.mipanel.cloud.
- Inicia sesión con tu usuario y contraseña.
Paso 2: Ve a Almacenamiento en caché de borde
- En el menú lateral selecciona "Su cuenta" y elige tu servicio.
- En la sección CDN, haz clic en "Almacenamiento en caché de borde".
La página describe: "Controla cómo se distribuye su contenido en todo el mundo. Cuanto más contenido se almacene en caché, más rápido será su sitio web, independientemente de la ubicación del visitante."
Paso 3: Activa el almacenamiento en caché de borde global
En la sección "Almacenamiento en caché de borde global", activa el interruptor.
"Almacenamos en caché automáticamente el contenido estático en nuestro borde, lo que garantiza la entrega rápida de imágenes, archivos JavaScript y CSS a todos sus visitantes en todo el mundo."
Una vez activado, no necesitas hacer nada más: el contenido estático se cachea automáticamente y se sirve desde el nodo más cercano a cada visitante.
Paso 4: Configura el tiempo de caché por tipo de contenido
En "Configuración de caché personalizada" puedes elegir cuánto tiempo se almacena cada tipo de archivo:
| Tipo de contenido | Opciones disponibles |
|---|---|
| Caché de imágenes | 1 hora · 1 día · 30 días · 90 días · 180 días · No almacenar en caché |
| Caché de CSS | 1 hora · 1 día · 30 días · 90 días · 180 días · No almacenar en caché |
| Caché de JavaScript | 1 hora · 1 día · 30 días · 90 días · 180 días · No almacenar en caché |
- La caché de imágenes controla cuánto tiempo se guardan las imágenes en el borde (por defecto, 30 días).
- La caché de CSS controla hojas de estilo y fuentes (por defecto, 1 día).
- La caché de JavaScript controla los archivos JavaScript (por defecto, 1 día).
Recomendación: los valores por defecto suelen ser correctos. Si actualizas tu sitio con frecuencia, puedes reducir los tiempos para ver los cambios más pronto.
Paso 5: Usa el Modo de desarrollo si necesitas probar cambios
En "Modo de desarrollo" puedes deshabilitar temporalmente todo el almacenamiento en caché mientras haces tareas de desarrollo, sin preocuparte por los datos almacenados en caché.
- La caché se vuelve a habilitar automáticamente después de 3 horas.
- Útil cuando modificas estilos, scripts o imágenes y quieres ver los cambios al instante.
Paso 6: Purgar la caché cuando sea necesario
Cuando hayas actualizado tu sitio web y quieras asegurarte de que todos los usuarios vean el contenido más reciente, usa la opción "Purgar todo" en la sección "Purgar caché".
- Purgar caché borra los archivos en caché y obliga a todos los servidores de borde a buscar copias nuevas de tu sitio.
-
Nota: purgar la caché puede degradar temporalmente el rendimiento de tu sitio web, ya que los visitantes deberán esperar a que el contenido se vuelva a cargar desde el origen.
Opción avanzada: Caché dinámica
Si eres un usuario avanzado, puedes habilitar la "Caché dinámica" para almacenar en caché cualquier recurso en el borde mediante los encabezados Cache-Control y Expires públicos.
- Una vez habilitada, puedes comenzar a almacenar contenido configurando tu aplicación para que emita esos encabezados.
- Por seguridad, las respuestas que contengan una cookie no se almacenarán en caché.
- Combinada con StackCache, ofrece caché de contenido dinámico de página completa con tiempos TTFB rápidos.
- Puedes verificar si un recurso se almacenó en caché revisando el encabezado
X-CDN-Cache-Statusen la respuesta del servidor.
¿Cuánto tiempo se almacena el contenido en caché?
- Por defecto, el CDN cachea los archivos estáticos durante 60 minutos antes de purgarlos automáticamente.
- Con la Configuración de caché personalizada puedes definir tiempos distintos para imágenes, CSS y JavaScript (de 1 hora hasta 180 días).
Tipos de archivo que el CDN cachea automáticamente:
| Tipos de archivo estáticos |
|---|
| bmp · class · css · csv · doc · docx · ejs · eot · eps · gif · ico · jar · jpeg · jpg · js |
| mid · midi · otf · pdf · pict · pls · png · ppt · pptx · ps · svg · svgz · swf · tif · tiff |
| webp · woff · woff2 · xls · xls2 · robots.txt |
¿Necesito plugins de caché además del CDN?
No. El CDN de MiPanel se encarga del almacenamiento en caché del contenido estático por ti:
- No uses plugins de caché adicionales como W3 Total Cache o WP Super Cache.
- MiPanel también gestiona la optimización del sitio con su suite de aceleración web, que implementa automáticamente buenas prácticas de rendimiento: optimización de imágenes, minificación de JavaScript y combinación de CSS.
- Por eso no necesitas plugins como WP Smush, Lazy Loading, EWWW Image Optimizer o Autoptimize.
Buenas prácticas
- Mantén activado el almacenamiento en caché de borde global para aprovechar el CDN.
- Usa el Modo de desarrollo solo mientras trabajas; se desactiva solo después de 3 horas.
- Purgar la caché únicamente después de cambios importantes y en horas de menor tráfico.
- Evita plugins de caché adicionales en WordPress (el CDN ya lo hace).
- Reduce los tiempos de caché si actualizas tu sitio con frecuencia; auméntalos si el contenido cambia poco.
- Para usuarios avanzados, revisa el encabezado
X-CDN-Cache-Statuspara confirmar que el contenido se sirve desde el borde.
Preguntas frecuentes
¿Qué es el caché de borde? Es el CDN de MiPanel que almacena copias de tu contenido estático en servidores distribuidos por todo el mundo, para servir tu sitio desde el nodo más cercano a cada visitante.
¿Necesito instalar plugins de caché? No. El CDN cachea el contenido estático automáticamente, por lo que no necesitas W3 Total Cache, WP Super Cache ni plugins similares.
¿Cuánto tarda la caché en actualizarse? Los archivos estáticos se cachean por defecto durante 60 minutos. Puedes ajustar este tiempo para imágenes, CSS y JavaScript en la Configuración de caché personalizada.
¿Cómo veo mis cambios inmediatamente? Usa el botón "Purgar todo" en la sección Purgar caché, o activa el Modo de desarrollo mientras trabajas (se desactiva solo después de 3 horas).
¿El Modo de desarrollo queda activo para siempre? No. Se deshabilita automáticamente después de un período de 3 horas.
¿Qué pasa si purgo la caché? Los servidores de borde buscarán copias nuevas de tu sitio, lo que puede degradar temporalmente el rendimiento hasta que la caché se vuelva a llenar.
¿Puedo almacenar contenido dinámico en caché? Sí, con la Caché dinámica puedes cachear cualquier recurso usando encabezados Cache-Control y Expires públicos. Las respuestas con cookies no se almacenan en caché por seguridad.
¿Dónde veo las estadísticas del CDN? En la sección CDN → Estadísticas de tu servicio puedes ver el tráfico y las solicitudes que reciben tus sitios.
Resumen rápido – Lo más usado
| Necesitas… | Acción |
|---|---|
| Activar el CDN | CDN → Almacenamiento en caché de borde → activa el interruptor |
| Ajustar tiempo de imágenes/CSS/JS | Configuración de caché personalizada |
| Ver cambios al instante | Purgar caché → Purgar todo |
| Trabajar sin caché | Modo de desarrollo (se desactiva solo en 3 horas) |
| Cachear contenido dinámico | Caché dinámica (encabezados Cache-Control/Expires) |
| Verificar si algo está en caché | Encabezado X-CDN-Cache-Status |
¡Con esta guía puedes aprovechar al máximo el CDN de MiPanel y mejorar la velocidad de tu sitio web!