4 tecnologías de vanguardia para acelerar sus sitios
Internet avanza constantemente y la velocidad es la principal métrica de progreso y una pregunta clave para la mayoría de los desarrolladores web. Un artículo anterior de WebdesignerDepot ¿Qué tan lento es demasiado lento en 2016? destacó la necesidad de centrarse en la velocidad, por lo que decidimos presentar algunas características que ayudarán a su sitio a mejorar en 2016.
HTTP / 2
Publicado en mayo de 2015 y admitido desde la segunda mitad de 2015, HTTP / 2 es una nueva versión del protocolo web mundial.
La principal mejora es la capacidad de cubrir múltiples solicitudes en una sola conexión. Esta capacidad se llama multiplexación y es revolucionaria para los diseñadores web. Técnicas como sprites o URI de datos ya no será efectivo.
HTTP / 1 fue más eficiente al cargar una imagen grande en lugar de varias pequeñas porque no pudo cubrir varias solicitudes al mismo tiempo. Esto se solucionó en la nueva versión.
HTTP / 2 también comprime los encabezados antes de que se envíen los datos solicitados, lo que simplifica el transporte. Por último, la nueva versión es binaria y no textual, como lo era la versión anterior.
El resultado es un aumento de rendimiento de hasta un 50%. Puedes probar la diferencia aquí.
Es posible que lo más difícil de pasar a HTTP / 2 no sea HTTP / 2. Aunque HTTP / 2 no requiere un sitio web seguro directamente, los navegadores solo lo admiten a través de SSL.
Por lo tanto, su primer paso hacia HTTP / 2 debería ser un certificado SSL.
Una vez que tenga un certificado, implementar HTTP / 2 por su cuenta solo es posible si administra su servidor. De lo contrario, todo depende de su alojamiento web o empresa de alojamiento de servidores.
De acuerdo a W3Techs, actualmente solo un 7% aprovecha HTTP / 2.
Certificado SSL
En pocas palabras, los certificados SSL cifran la conexión entre un servidor y un cliente. Obtener un certificado es más fácil de lo que piensa y puede obtener uno gratis con Let’s Encrypt.
Let’s Encrypt es una nueva autoridad de certificación que dejó la beta pública a mediados de abril de 2016. El objetivo de Let’s Encrypt es eliminar todos los procesos manuales necesarios para obtener un certificado. con Let’s Encrypt, todo el proceso está automatizado y toma solo unos minutos.
Puede obtener un certificado a través de su proveedor de alojamiento web. Para quienes administran su propio servidor, Este artículo proporciona un tutorial de instalación paso a paso.
Brotli
Brotli es un nuevo algoritmo de compresión introducido el otoño pasado por Google. En general, los algoritmos de compresión reducen el tamaño de los datos transportados.
Google informó que, en comparación con las soluciones actuales, Brotli ofrece una relación de compresión entre un 20 y un 26% mejor. Como consecuencia, puede ahorrar alrededor del 40% de su tráfico en archivos HTML y alrededor del 25% en CSS y Javascript.
A partir de ahora, Brotli solo es compatible con Chrome y Firefox, otros navegadores lo seguirán pronto.
En cuanto a los servidores, los principales servidores como Nginx, Apache y Node.js requieren una instalación de paquetes. Ningún servidor ofrece Brotli por defecto en este momento.
CDN
Una red de distribución de contenido es un conjunto de servidores de todo el mundo. Estos servidores contienen copias del contenido de su sitio (imágenes, videos, software, etc.). Cuando se accede a ellos, sus datos se cargan desde un servidor más cercano al visitante y, por lo tanto, la carga general es mucho más rápida en todo el planeta.
Otra gran ventaja es la confiabilidad mejorada de su sitio. Como el contenido se distribuye en decenas de servidores, su servidor de alojamiento web se ahorra una parte significativa del tráfico y, por lo tanto, está mejor protegido contra fallas.
El resultado es un sitio web que se carga más rápido (en promedio) un 50%. Por lo general, incluso más.
