Acelerar un sitio web utilizando la CDN

Cómo acelerar la carga de un sitio web en el alojamiento utilizando el servicio CDN

Esta traducción ha sido generada de forma automática por nuestro partner SYSTRAN. En algunos casos puede contener términos imprecisos, como en las etiquetas de los botones o los detalles técnicos. En caso de duda, le recomendamos que consulte la versión inglesa o francesa de la guía. Si quiere ayudarnos a mejorar esta traducción, por favor, utilice el botón "Contribuir" de esta página.

Última actualización: 23/12/2021

Objetivo

Si desea mejorar la experiencia de sus usuarios acelerando la carga de su sitio web, la técnica más eficaz es activar una CDN (siglas en inglés de Content Delivery Network que significan red de entrega de contenidos). Esta permite guardar en caché los archivos estáticos, como imágenes, CSS y JavaScript en los servidores que se encuentran más cerca de sus clientes.

Cómo gestionar la opción CDN de su alojamiento web.

Definición

¿Cómo funciona una CDN?

La CDN (siglas en inglés de Content Delivery Network que significan red de entrega de contenidos) es literalmente una red dedicada a la entrega de contenidos. Para mostrar el contenido de su sitio web, la CDN utiliza varios servidores repartidos por todo el mundo. Cuanto más cerca estén los servidores de los usuarios, más rápida será la carga de su sitio web en sus dispositivos.

Para funcionar, cada servidor guarda en memoria caché una parte de su sitio web. Siempre se recomienda incluir en ellos los archivos llamados estáticos, como las imágenes, los archivos JavaScript y CSS que permiten el buen funcionamiento de su sitio web, pero rara vez se modifican.

Requisitos

Procedimiento

Activar la opción CDN

La opción CDN ya está incluida en los planes de alojamiento web Performance.

Si la opción CDN no está contratada o activada en su alojamiento web

Conéctese al área de cliente de OVHcloud y seleccione Web Cloud.Haga clic en Alojamientos y seleccione el plan correspondiente. Haga clic en ... a la derecha de "Opción CDN" y, seguidamente, en Contratar una CDN o Activar la opción si la opción CDN ya está incluida en el alojamiento.

Si tiene una opción CDN anterior al 19/11/2020, puede contratar la nueva solución Shared CDN haciendo clic en Actualizar la CDN a la versión superior.

CDN

Se le redirigirá a la generación del pedido. Unos minutos después de haber abonado el pedido, su servicio estará disponible.

Si la opción CDN ya está activada en su alojamiento web

Conéctese al área de cliente de OVHcloud y seleccione Web Cloud.Haga clic en Alojamientos y seleccione el plan correspondiente. En la pestaña Multisitio, haga clic en el icono con forma de rueda dentada a la derecha de la entrada multisitio y, seguidamente, pulse Modificar.

Marque la opción "Activar la CDN", haga clic en Siguiente y, seguidamente, en Validar.

CDN

Si añade un nombre de dominio externo a OVHcloud en multisitio al alojamiento web, debe indicar la dirección IP de la CDN de su alojamiento en la zona DNS del nombre de dominio.
Consulte la lista de direcciones IP de los clústeres y alojamientos web para saber qué dirección IP corresponde a la CDN de su clúster.

¿Por qué no puedo disfrutar de la IP geolocalizada con la opción CDN?

La CDN utiliza el principio de las direcciones IP Anycast. Según su geolocalización, hará peticiones a diferentes servidores, lo que reducirá el tiempo de carga de sus archivos estáticos de forma eficaz. Por ello, de nada sirve la geolocalización de la dirección IP.
En cuanto al SEO (posicionamiento en los motores de búsqueda), la velocidad de carga de su sitio web es más importante que la geolocalización de la dirección IP de su alojamiento.

Gestionar su CDN compartido

La opción Shared CDN ya está incluida en los planes de hosting Performance o está disponible para contratar desde el 19/11/20. Para las versiones más antiguas, consulte el apartado Gestionar su CDN (versión histórica).

Vaciar la caché del Shared CDN

En ocasiones, resulta útil vaciar la caché de la CDN, principalmente cuando se actualizan los archivos estáticos. Por ejemplo, cuando pone en línea una nueva versión de su sitio web. Es posible vaciar la caché para cada registro multisitio.

Acceda a la pestaña Multisitio de su alojamiento, haga clic en ... a la derecha de la entrada multisitio y luego Purgar la CDN.

CDN

Configurar las opciones del Shared CDN

Acceda a la pestaña Multisitio de su alojamiento, haga clic en ... a la derecha de la entrada multisitio y luego en Editar la CDN.

Algunas opciones están bloqueadas en la solución Basic y requieren la suscripción a la CDN Security o a la CDN Advanced

CDN

  • Sigue en línea: Permite mantener en línea los datos de la CDN en caso de avería del servidor.

  • HTTP/2: Protocolo que permite mejorar el rendimiento de su sitio web en materia de seguridad y latencia.

  • Dev-mode : permite desactivar la caché durante el desarrollo del sitio web.

  • Brotli : tipo de compresión que permite optimizar el tamaño de los archivos en caché.

  • Regla de caché: Cree hasta 5 reglas. Dichas indicaciones determinan la frecuencia de actualización del cacheado para determinados recursos del sitio web. (seguir el siguiente paso).

Una vez que haya seleccionado las opciones, haga clic en Aplicar la configuración y seleccione Aceptar la configuración en la siguiente ventana.

CDN

Crear una regla de almacenamiento en caché

Para añadir una regla de caché a uno de los elementos de su sitio, acceda a la pestaña Multisitio de su alojamiento, haga clic en ... a la derecha de la entrada multisitio y seleccione Configurar la CDN.

Bajo la mención Reglas de caché, haga clic en el botón Añadir una regla.

CDN

  • Nombre de la regla : Asigne un nombre a la regla.

  • URI : Indique el subconjunto de recursos de su sitio web, a través de su ruta, en la URL. En los servicios CDN-Basic y CDN-Security, solo es posible introducir una extensión de archivo.

  • Duración : especifique el tiempo de cacheado del recurso seleccionado.

  • Clasificación : clasifique sus reglas por orden de ejecución (desde el más bajo hasta el más alto).

A continuación, haga clic en el botón Crear la regla.

Las reglas aparecen en una lista. Puede modificar una regla haciendo clic en ... a la derecha de la regla y, seguidamente, en Modificar la regla. O eliminarla haciendo clic en Eliminar regla.

CDN

Una vez que haya configurado las reglas y opciones, haga clic en Aplicar la configuración y seleccione Aceptar la configuración en la siguiente ventana.

Para disfrutar de un mayor límite de reglas y de más parámetros en la creación de reglas de almacenamiento en caché, puede optar por la opción CDN Advanced

Configurar las opciones de la CDN Security

Acceda a la pestaña Multisitio de su alojamiento, haga clic en ... a la derecha de la entrada multisitio y luego en Editar la CDN.

Las opciones que se presentan a continuación requieren la suscripción a la CDN Security o a la CDN Advanced

  • Cross-Origin Resource Sharing (CORS) : Indique en la lista los dominios externos que estarán autorizados a acceder a los recursos de su sitio web para compartirlos.

    Una vez activada la función, haga clic en Editar la lista de recursos externos para añadir los dominios autorizados a compartir sus recursos.

    CDN

    Una vez que haya completado la lista, haga clic en Confirmar.

Si activa la opción CORS sin especificar ningún dominio en la lista, significa que todos los dominios están autorizados a utilizar los recursos de su sitio web.

  • HTTPS-redirect: Proteja la globalidad del tráfico de su sitio web redirigiéndolo hacia el protocolo HTTPS de forma temporal o permanente.

    Una vez activada la función, haga clic en el menú desplegable para elegir entre Redirección permanente (301) o Redirección temporal (302).

    CDN

  • HTTP Strict Transport Security (HSTS) : Imponga el acceso a su sitio web únicamente en HTTPS. De este modo, su solución web estará protegida contra los ataques de degradado (o de tipo "ataque por replicación").

    Una vez activada la función, deberá determinar la duración en la que el navegador aplicará la función HSTS en su sitio web.

    CDN

Cuando active la función HSTS en su sitio web, forzará el protocolo HTTPS en su navegador hasta el final del período denominado "edad máxima", incluso después de desactivar la función en su área de cliente. No obstante, cuando la caché se vacie en el navegador que ya haya realizado una visita al sitio web, este último aplicará el nuevo estado de la función HSTS.

  • Mixed content: Force la carga de todo el contenido de sus páginas web de forma segura, participando así en una experiencia de usuario óptima. Todos los recursos de su sitio web, tanto internos como externos, deben estar disponibles en HTTPS para evitar un error de seguridad del navegador.

  • Firewall de aplicación: El Web Application Firewall (WAF) protege su sitio web de ataques fraudulentos como la inyección de código, las peticiones ilegítimas o el robo de datos. Cubre los principales fallos conocidos de la red filtrando las peticiones y los paquetes transmitidos (la lista de fallos es administrada por OVHcloud y se actualiza periódicamente para aumentar su protección).

Para instalar un módulo en 1 clic OVHcloud, el WAF debe desactivarse para evitar que se bloquee la instalación del módulo.

El WAF está íntegramente administrado por OVHcloud. La lista de fallos se actualiza regularmente.

Configurar las opciones de la CDN Advanced

Acceda a la pestaña Multisitio de su alojamiento, haga clic en ... a la derecha de la entrada multisitio y luego en Editar la CDN.

Las opciones que se presentan a continuación requieren la suscripción a la CDN Advanced

  • Header HTTP de geolocalización: Determine el país del visitante para personalizar la experiencia propuesta. El código de país se añade automáticamente en la cabecera de cada petición para que su servidor original la manipule. Los elementos de identificación en la cabecera se presentan bajo los nombres Geo-Country-Code, Geo-Country-Name, Geo-Region, Geo-City.

  • Prefetch : Adelántese la carga del siguiente recurso. Precargue automáticamente en la caché CDN gracias al header link de su sitio web. Este mecanismo se utiliza principalmente para cargar CSS, JavaScript, imágenes, favicons o incluso tipos de letra web que son necesarios para el tema del sitio web.

    En el ejemplo de abajo, cuando se encuentra en la página actual que muestra "Hello", una subpetición inicia la precarga de la fuente /cache/style.css .

    <?php header("Link: </cache/style.css>; rel=prefetch"); print 'Hello' ?>

  • Móvil redirect: Redirija automáticamente a los visitantes "Móvil" hacia un sitio web optimizado. A elegir: redirigir sistemáticamente hacia la raíz de otro sitio web, o conservar la URL sustituyendo únicamente el dominio (o el subdominio).

  • Purga avanzada: Personalice su purga eligiendo los elementos de la caché a vaciar: todo el sitio web, una carpeta, una URI, una extensión de archivos o utilizando una expresión regular personalizada.

    En la pestaña Multisitio, haga clic en el botón ... a la derecha de la entrada multisitio y, seguidamente, en Purgar la CDN.

    CDN

  • Query String: Gestión del almacenamiento en caché del contenido, basado en la configuración (también llamada Query String) de la consulta URL. En función de su configuración, elija el comportamiento de la caché CDN:

    • Desactivado: El recurso se guarda en caché con los parámetros no ordenados. Esto creará, por ejemplo, 2 iteraciones en la caché de la CDN para 2 URL que tengan los mismos parámetros en un orden diferente.
    • Activado - Ordenar los parámetros: El recurso se guarda en caché ordenando sus parámetros. Antes de almacenar la URL en la caché de la CDN, se ordenará su eliminación. Por ejemplo, sólo se guardará una iteración para 2 URL con los mismos parámetros en un orden diferente.
    • Activado - Ignorar configuración: El recurso se guarda en caché sin ningún parámetro. La caché CDN no tendrá en cuenta los parámetros introducidos en la URL, por lo que almacenará la URL sin los parámetros en la caché.
  • Prewarm: Force el almacenamiento en caché permanente de sus recursos primordiales. La CDN anticipa y refresca la caché automáticamente, sin esperar a que el usuario le pida que la cambie. Esta función solo se aplica en contenido estático, con un TTL superior a 0, y el recurso no debe exceder de 1GB. Un indicador indica el nivel de consumo de los recursos en Prewarm, en función de la lista de URL que utilice. El total de recursos que utilizan estas URL no debe exceder de 1 GB.

    Para definir la lista de URLs que deben estar en Prewarm, haga clic en Editar la lista de URLs.

    Utilizando los campos Protocolo, Dominio y Ruta del recurso, escriba uno de los enlaces a un recurso que desee añadir a la función Prewarm y haga clic en Añadir.

    Una lista se forma en el marco inferior, con todos los enlaces que haya listado, puede borrar el que desee seleccionándolo y pulsando Eliminar.

    CDN

  • Caché rule : Cree hasta 100 reglas. Dichas indicaciones determinan la frecuencia de actualización del cacheado para determinados recursos del sitio web. Continúe leyendo esta guía en el siguiente paso para más información.

Una vez que haya seleccionado las opciones, haga clic en Aplicar la configuración y seleccione Aceptar la configuración en la siguiente ventana.

Crear una regla de almacenamiento en caché avanzada

Para añadir una regla de caché a uno de los elementos de su sitio, acceda a la pestaña Multisitio de su alojamiento, haga clic en ... a la derecha de la entrada multisitio y seleccione Configurar la CDN.

Bajo la mención Reglas de caché, haga clic en el botón Añadir una regla.

CDN

  • Nombre de regla: Asigne un nombre a la regla.
  • Tipo de recurso: Elija entre las siguientes opciones:
    • Extensión: Introduzca una extensión de archivo válida sin tener que crear un punto, por ejemplo: css
    • Carpeta: Introduzca una ruta válida para una de las carpetas del directorio raíz de su sitio web.
    • Expresión regular personalizada: y se aplica a todas las URI de su sitio web.
    • URI: Indique el subconjunto de recursos de su sitio web, a través de su ruta, en la URL.
  • Recursos: defina los atributos en función del tipo de recurso elegido.
  • Duración: Indique el tiempo de cacheado del recurso seleccionado.
  • Clasificación: Clasifique sus reglas por orden de ejecución (desde el más bajo hasta el más alto).

A continuación, haga clic en el botón Crear la regla.

Las reglas aparecen en una lista. Puede modificar una regla haciendo clic en ... a la derecha de la regla y, seguidamente, en Modificar la regla. Puede eliminarla haciendo clic en Eliminar la regla.

CDN

Una vez que haya configurado las reglas y opciones, haga clic en Aplicar la configuración y seleccione Aceptar la configuración en la siguiente ventana.

Ver las estadísticas de la CDN

En la pestaña Multisitios de su alojamiento, bajo la tabla, podrá consultar las estadísticas de su CDN, indicando el número de peticiones por minutos medidas sobre el mismo.

CDN

Gestionar su CDN Business

La opción CDN ya está incluida en los planes de hosting Performance o en los planes contratados antes del 19/11/2020.

Vaciar la caché de la CDN

En ocasiones, resulta útil vaciar la caché de la CDN, principalmente cuando se actualizan los archivos estáticos. Por ejemplo, cuando pone en línea una nueva versión de su sitio web. En dicho caso, vacíe por completo la caché de la CDN.

Conéctese al área de cliente de OVHcloud y seleccione Web Cloud.Haga clic en Alojamientos y seleccione el plan correspondiente. Haga clic en ... a la derecha de "Opción CDN" y, seguidamente, en Vaciar la caché.

CDN

¿Cómo guardar en caché los archivos en la CDN?

Con un CMS

Los principales CMS ofrecen numerosos complementos que permiten configurar el almacenamiento en caché de los archivos estáticos para que la CDN los guarde automáticamente. Hay otros que permiten la configuración automática de los archivos estáticos activando el almacenamiento en caché integrado al sistema de gestión de contenidos. Para más información, consulte la documentación oficial del sistema de gestión de contenidos que utilice o del editor del complemento.

Sin CMS

En caso de no utilizar ningún sistema de gestión de contenidos, puede disponer de la caché de la CDN. Para ello, debe añadir encabezados en las peticiones HTTP. Existen numerosas técnicas que permiten añadir encabezados. Una de las más sencillas es establecer reglas dentro de un fichero .htaccess, en función de las extensiones de ficheros.

1. # Caché de las imágenes durante una semana
2. <FilesMatch "\.(jpg|jpeg|png|gif)$">
3. Header set Cache-Control "max-age=604800, public"
4. </FilesMatch>
5. 
6. # Caché de los JavaScript y CSS durante un mes
7. <FilesMatch "\.(js|css)$">
8. Header set Cache-Control "max-age=2592000"
9. </FilesMatch>

El almacenamiento en caché a través de los encabezados HTTP permite almacenar en caché tanto en la CDN como en el navegador de sus usuarios. Así, para que sus visitantes no visualicen una versión en caché muy antigua, se recomienda modificar los nombres de los archivos en cada nueva versión.

Desactivar la opción CDN para un sitio web

Esta acción permite desactivar la CDN para uno o más de sus registros multisitio, sin eliminar la opción CDN de su alojamiento web.

Acceda al área de cliente de OVHcloud y seleccione Web Cloud.Haga clic en Alojamientos y seleccione el plan correspondiente. En la pestaña Multisitio, haga clic en ... a la derecha de la entrada multisitio y seleccione Editar.

Desmarque la opción "Activar la CDN", haga clic en Siguiente y, a continuación, en Validar.

CDN

Eliminar la opción CDN de su alojamiento

Esta acción permite eliminar la opción CDN en todo su alojamiento web.

Acceda al área de cliente de OVHcloud y seleccione Web Cloud.Haga clic en Alojamientos y seleccione el plan correspondiente. Haga clic en ... a la derecha de "Opción CDN" y, seguidamente, en Anular la CDN.

CDN

Pulse Validar para confirmar la anulación.

Cuando reciba el mensaje de correo electrónico con el procedimiento de cierre de su CDN, siga las instrucciones para confirmar o cancelar la solicitud.

Comprobar que la CDN esté operativa

Puede comprobar que la CDN está activa en su nombre de dominio a través de un terminal y el siguiente comando:

curl -i http://yourpersonnaldomain.ovh/

Si su nombre de dominio está correctamente asociado a la CDN, obtendrá un resultado como el que se muestra a continuación:

HTTP/1.1 200 OK
Date: Mon, 01 Jan 2020 00:00:00 GMT
Content-Type: text/html; charset=UTF-8
Set-Cookie: SERVERID12345=123456; path=/; max-age=900
Vary: Accept-Encoding
X-Request-ID: 123456789
X-CDN-Pop: rbx1
X-CDN-Pop-IP: 00.111.22.333/44
X-Cacheable: Cacheable
Accept-Ranges: bytes
Transfer-Encoding: chunked
X-IPLB-Instance: 12345

Las indicaciones "X-CDN" confirman que el tráfico de su sitio web se transmite correctamente a través de la CDN.

En caso de que el dominio no se transmita por la CDN, obtendrá el siguiente resultado:

HTTP/1.1 200 OK
Date: Mon, 01 Jan 2020 00:00:00 GMT
Content-Type: text/html; charset=UTF-8
Set-Cookie: SERVERID12345=123456; path=/; max-age=900
Server: Apache
X-Powered-By: PHP/7.1
Vary: Accept-Encoding
X-IPLB-Instance: 12345

La ausencia de la indicación "X-CDN" confirma que el tráfico de su sitio web no se transmite a través de la CDN.

Más información

Interactúe con nuestra comunidad de usuarios en https://community.ovh.com/en/.


¿Le ha resultado útil esta guía?

Si lo desea, también puede enviarnos sus sugerencias para ayudarnos a mejorar nuestra documentación.

Imágenes, contenido, estructura...: ayúdenos a mejorar nuestra documentación con sus sugerencias.

No podemos tratar sus solicitudes de asistencia a través de este formulario. Para ello, haga clic en "Crear un tíquet" .

¡Gracias! Tendremos en cuenta su opinión.


Otras guías que podrían interesarle...

OVHcloud Community

¡Acceda al espacio de la OVHcloud Community! Resuelva sus dudas, busque información, publique contenido e interactúe con otros miembros de la comunidad.

Discuss with the OVHcloud community

A partir del 1 de enero de 2015, con arreglo a la Directiva 2006/112/CE modificada, los precios IVA incluido pueden variar según el país de residencia del cliente (por defecto, los precios con IVA incluyen el IVA español vigente).