Como diseñador web, ya sabe que un diseño excelente es esencial para un sitio web; es el concepto de diseño en el que confía, a menos que un sitio web se vea absolutamente increíble, será difícil para los nuevos visitantes confiar en ese sitio. Así de esencial es el gran diseño para un sitio web.
Sin embargo, hay otra parte esencial de tener un sitio web confiable, el UX positivo que viene con un sitio web rápido y ágil.
Después de un gran diseño, la velocidad es uno de los factores más importantes que contribuyen al éxito de un sitio web.
los importancia de un sitio web rápido ha sido investigado una y otra vez.
Los sitios que no son lo suficientemente rápidos crean una percepción negativa, y el tiempo real de carga de un sitio afecta significativamente las tasas de conversión de los sitios web.
A medida que el tiempo de carga se vuelve más y más alto, la tasa de conversión disminuye significativamente, con la velocidad de conversión óptima en un tiempo de carga de página de 2.4 segundos.
Si bien hay muchos beneficios al usar un CDN que discutiremos en breve, hay una premisa básica de cómo un CDN hace que su sitio sea más rápido.
En pocas palabras, una CDN está mucho mejor equipada como red para manejar el tráfico de un sitio web que la mayoría de los servicios de hosting.
El alojamiento compartido normalmente se optimiza para ofrecer un entorno estable en el que su sitio web puede ejecutar PHP u otros entornos de alojamiento populares.
No está orientado a optimizar la velocidad la mayoría de las veces.
Por otro lado, el objetivo principal de CDN y la configuración real de la infraestructura están orientadas a ayudar a entregar un sitio web a la velocidad del rayo.
Pero, ¿cómo un CDN realmente acelera mi sitio?
Hay algunas razones por las que su sitio web podría ser lento:
Hay otras razones, pero estas son las principales.
Puede abordar todos y cada uno de ellos individualmente, nos enfocaremos principalmente en los dos últimos aquí ...
Los servidores de alojamiento compartido no están destinados a ser rápidos. Están destinados a ser asequibles.
La economía del hosting compartido significa que para reducir los costos, el número de diferentes sitios web alojados en el mismo servidor es significativamente alto.
Eso significa que, cada vez que alguien visita su sitio web, el servidor de alojamiento compite por los recursos con TODOS los sitios web alojados en el sitio, lo que significa que, por lo general, lleva más de un segundo comenzar a servir su sitio web.
Ahora, cuando hablamos de crear un sitio web, una pena de un segundo antes de que comencemos a hacer optimizaciones es una manera terrible de comenzar.
Entonces un par de recomendaciones:
Uno de los mayores impactos que su sitio puede tener en términos de tiempo de carga, generalmente proviene de las imágenes alojadas en su sitio.
Encontrará muchos blogs promocionando el valor de usar imágenes en su sitio web y blog, y por supuesto, este es un excelente consejo.
Las imágenes son necesarias para dividir grandes trozos de texto y mejorar la legibilidad.
Quien tampoco ha oído hablar de la frase: "Una imagen vale más que mil palabras"
Sí, las imágenes son vitales para el éxito de su sitio.
Sin embargo, tienen un inconveniente.
Las imágenes no optimizadas pueden matar el tiempo de carga de su sitio.
Ahora, en un mundo ideal, adoptaríamos el enfoque recomendado de guardar cada archivo en un formato compatible con la web, optimizando imágenes grandes y comprimiéndolas a un tamaño que sea aceptable sin perder calidad.
Sin embargo, en realidad, simplemente no tenemos el tiempo ni la inclinación para pasar por un proceso de optimización para cada imagen.
Pero hay una solución. Automatización.
Una vez más, los CDN vienen al rescate. La compresión y optimización de la imagen suele ser una función incorporada de un CDN.
Básicamente, usted se dedica a su negocio de crear un sitio web atractivo con impresionantes imágenes, el CDN se encargará de la compresión y la optimización de las imágenes.
Este es otro asesino de velocidad.
Cuando recién comenzamos como diseñadores web, disfrutamos descubriendo nuevos complementos y probándolos e instalándolos en nuestro sitio web, sin darnos cuenta nunca del impacto de los complementos.
Incluso los diseñadores web establecidos tienden a caer en esta trampa. El uso de decenas de complementos para garantizar que se entregue la funcionalidad requerida por el cliente tiene sus efectos secundarios.
En realidad, cada complemento que instale en su sitio agrega archivos Javascript, CSS y requiere más rendimiento de su sitio.
Verá eso en forma de una gran cantidad de solicitudes en sitios de prueba de rendimiento y un tiempo de carga muy largo.
De nuevo, algunas recomendaciones:
Mientras que un CDN no lo ayudará a decidir qué complementos y qué plugins descargar, un CDN puede realizar una compresión sobre la marcha y la minificación de los guiones, para reducir el tamaño total del contenido de su sitio, y así más rápido.
La tercera y muy importante recomendación es la configuración de HTTP / 2; no vamos a entrar en muchos detalles, porque ya hemos hablado extensamente de HTTP / 2, ambos en este sitio y en otra parte .
HTTP / 2 se ha escrito específicamente para optimizar el tiempo de carga de los sitios web, especialmente los sitios web que tienen muchos recursos diferentes para atender.
La mayoría de los servicios de CDN le permiten habilitar HTTP / 2 rápida y fácilmente en su sitio web, lo que le da a su sitio un aumento de velocidad instantáneo.
Incluso si ha realizado todas las optimizaciones anteriores, todavía hay una cosa que puede matar por completo la velocidad de su sitio web.
¿Cómo lo arreglas?
De acuerdo, si has seguido nuestros consejos, tu sitio web ahora debería ser mucho más rápido de lo que era antes.
Pero, hay una cosa que puede matar la velocidad de carga de su sitio web.
Si su sitio web está dirigido a un público local, su solución es simple: elija un buen servicio de alojamiento que esté lo más cerca posible físicamente de su ubicación de destino.
Sin embargo, esto es más difícil si su sitio web está destinado a una audiencia internacional.
Simplemente no puede elegir una ubicación de servidor que esté físicamente cerca de todos los visitantes de su sitio web.
Puede hacer la mejor opción y hospedarse en la ubicación del visitante que es la más popular, pero hay una segunda solución más efectiva.
Un servicio CDN apunta específicamente a solucionar este problema.
UN Infraestructura de CDN está diseñado específicamente para solucionar el problema que acabamos de describir.
CDN tiene una red de cientos de servidores en decenas de lugares en todo el mundo. Estos servidores llamados Edge o Caching Server replicarán sus imágenes y recursos estáticos como Javascript y CSS en estas ubicaciones.
Cuando un usuario acceda a su sitio, los recursos pesados se recibirán desde un lugar que esté lo más cerca posible físicamente de su visitante.
Esto reduce significativamente el problema de la distancia y le da a su sitio una ventaja muy significativa en términos de velocidad de carga.
Lo bueno de utilizar un CDN es que puede aumentar fácilmente la velocidad de su sitio web sin tener que pagar nada adicional, en particular si su sitio web aún está creciendo.
La mayoría de los servicios de CDN ofrecen un plan gratuito, que proporcionará la funcionalidad de almacenamiento en caché esencial que discutimos anteriormente. Normalmente, además de la optimización del contenido, también obtendrá un impulso en la seguridad de su sitio web, a través de los mecanismos de seguridad implementados por los CDN.
A medida que su sitio web crezca y las necesidades del sitio crezcan, podrá actualizarse a un plan que se adapte mejor a sus necesidades.
Hay un par de formas de configurar un CDN, esto depende principalmente del CDN real que usará.
La primera forma de configurar un CDN es mediante el uso de un complemento CDN. Al configurar su CDN, obtendrá una URL que será la nueva ubicación de las imágenes estáticas de su sitio.
El complemento CDN reescribirá la URL de los recursos estáticos de modo que se servirán desde el CDN.
https://www.example.com/images/logo-default.jpg
ahora se reescribe como
https://cdn.example.com/images/logo-default.jpg
Deberá realizar algunos pequeños cambios en las entradas DNS de su sitio, de modo que cdn.example.com se resuelva como la URL proporcionada por su CDN.
Puede usar el complemento Enabler de CDN si está utilizando un servicio de reescritura de URL como KeyCDN (los autores de este complemento), MaxCDN o Incapsula.
Una vez que haya instalado este complemento, lo único que tendrá que hacer es ingresar la URL proporcionada por su servicio CDN, y debería estar listo para continuar.
Otra forma mejor de instalar un CDN es usar un proxy inverso.
Esto también requiere cambios menores en su DNS, que son típicamente específicos del CDN que usted instalará.
Esta implementación es ventajosa porque elimina una carga significativa de golpear su servidor directamente.
Como hemos visto anteriormente, instalar un CDN no es tan prohibitivo en términos de precio como uno podría pensar. Además de eso, el impulso de rendimiento otorgado a su sitio será una mejora significativa de UX.
Si está buscando acelerar su sitio rápidamente, un CDN es imprescindible.