Acelerar un sitio web utilizando la CDN

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

Última actualización: 26/04/2021

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.

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. En la barra de servicios a la izquierda, 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. En la barra de servicios a la izquierda, 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.

También puede hacer clic en el icono de lápiz situado a la derecha de una entrada multisitio, cuando la opción CDN esté activada. Haga clic en Editar su CDN.

Algunas opciones están bloqueadas en la solución Basic.

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 seleccionadas 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 : Introduzca el subconjunto de recursos de su sitio web en el directorio de su sitio web. 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 modificarla haciendo clic en ... a la derecha de la regla y luego en Modificar la regla o eliminarla haciendo clic en Eliminar la regla.

CDN

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

Configurar las opciones de la CDN Security

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

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

También puede hacer clic en el icono de lápiz situado a la derecha de una entrada multisitio, cuando la opción CDN esté activada. Haga clic en Editar su CDN.

  • 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 todo el contenido de sus páginas web. Se cargarán de forma segura, participando así en una experiencia de usuario óptima. Todos los recursos del sitio web, tanto internos como externos, deben estar disponibles en HTTPS para evitar un error del navegador.

  • Firewall de aplicación: El Web Applation Firewall (WAF) protege su sitio web de ataques fraudulentos, como inyección de código, peticiones ilegítimas o robo de datos. Este solución cubre los principales fallos conocidos de la web filtrando las peticiones y los paquetes transmitidos (la lista de fallos es administrada por OVHcloud y se actualiza regularmente).

Para a instalação de um módulo 1 clique da OVHcloud, o WAF deve ser desativado para evitar que a instalação do módulo seja bloqueada.

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

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 (versión histórica)

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

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. En la barra de servicios a la izquierda, 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

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. En la barra de servicios a la izquierda, 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 luego en Editar.

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

CDN

Eliminar la opción CDN

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. En la barra de servicios a la izquierda, 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).