14 trucos de iluminación para acelerar su sitio web

Esta serie de blogs sobre la velocidad del sitio web ha sido un viaje divertido.

Hasta ahora, hemos aprendido que Amazon perdería $ 1.6 MIL MILLONES (!) Si su sitio web se ralentizara.

También hemos aprendido exactamente lo que sucede detrás de escena para provocar la desaceleración del sitio web..

Nos lleva a nuestra conclusión natural: ¿cómo exactamente puede acelerar las cosas? Cubrimos todo, desde la velocidad del servidor, hasta la optimización y algunos extras adicionales entre.

Primero, recapitulemos lo que está causando la velocidad lenta:

Cuando carga mi sitio web aquí en Bitcatcha, su navegador (Firefox, Safari, Chrome, etc.) inicia una conversación con mi servidor web.

Navegador: “¡Hola servidor web! ¿Me puede conseguir todos los fragmentos para mostrar Bitcatcha.com por favor?

Servidor: “Claro, déjame encontrarlos y enviarlos”.

Luego, el servidor web coloca todas las partes del sitio web en un túnel y las envía a su navegador para cargarlas..

Suena bastante simple, pero esto es lo que ralentizará las cosas:

• Un servidor perezoso que tarda años en responder a las solicitudes..
• Un servidor que gestiona simultáneamente partes para muchos otros sitios web.
• Un montón de grandes “partes” de sitios web que deben ser encontrados y enviados por el túnel.
• Un túnel ocupado.

Hay muchas cosas que pueden salir mal aquí. Entonces, ¿cómo aceleramos las cosas??

Parte 1: haga su servidor más rápido

1. Actualice a un mejor servidor web (es decir, un mejor servidor)

Su proveedor de alojamiento web es la empresa que proporciona el servidor. Es como alquilar una parcela de tierra de Internet, donde almacenará todas las partes del sitio web.

La mayoría de nosotros tendemos a comprar el terreno más barato que encontramos. Pero esa no es necesariamente una solución inteligente.

Los servidores web baratos alquilan servidores que están llenos y pequeños. Recuerde, desea que su servidor responda rápidamente a las solicitudes y envíe rápidamente su sitio web por el túnel al navegador.

Nota

Consulte nuestra lista de alojamiento web más rápido en función del tiempo de respuesta de su servidor.

2. Cambie de alojamiento compartido a un VPS

Los servidores web baratos colocarán su sitio web en un servidor junto con toneladas de otros sitios web. Se llama hosting compartido, y significa que tienes que luchar por los recursos.

Si un sitio web de repente recibe mucho tráfico, va a ralentizar el suyo, mientras que engullen el ancho de banda.

Al cambiar a un VPS (un servidor privado virtual) o (al menos un servidor compartido de alta gama como SiteGround), su proveedor de alojamiento web cercará una esquina del servidor compartido solo para usted. Significa que no tiene que preocuparse de que otros sitios web roben sus recursos.

3. Acerque el servidor a su audiencia

Cada vez que alguien hace clic en su sitio, su servidor tiene que enviar físicamente la información de todo el planeta a la pantalla de su computadora.

Si el servidor está del otro lado del mundo, eso llevará mucho tiempo. Si sabe de dónde proviene la mayor parte de su tráfico, pídale a su proveedor de alojamiento web que coloque su sitio web en el servidor más cercano a su audiencia principal.

4. Use una red de entrega de contenido

El problema al acercar su servidor a una determinada audiencia es que alguien perderá. Si mueve su servidor a California, sus visitantes australianos tendrán un tiempo de carga lento. Así son tus visitantes europeos.

Una red de entrega de contenido, o CDN, pone sus datos en servidores de todo el mundo. Entonces, cuando alguien hace clic en su sitio web, el servidor más cercano envía la información.

Significa que sus visitantes obtienen una velocidad súper rápida en cualquier parte del mundo. (Para su referencia, uso Cloudflare aquí en Bitcatcha).

5. Active la configuración “Mantener vivo”

Cuando su servidor envía los archivos de su sitio web por el túnel, cada parte viaja por separado. Su hoja de estilo CSS, su logotipo, cada una de sus imágenes, etc..

Obviamente, la forma más eficiente de hacer esto es enviarlos a todos por el mismo gran túnel.

Ahí es donde entra la configuración de “mantener vivo”. Cuando se activa, el túnel principal permanece encendido y todo cae por la misma conexión. (Esto es súper rápido).

Pero cuando la configuración está desactivada, se debe hacer un nuevo túnel para cada elemento. (Esto es super lento).

La mayoría de los servidores web mantienen esta configuración (lo cual es bueno), pero a veces los servidores compartidos cierran las conexiones sin previo aviso..

Parte 2: Optimizar elementos del sitio web

Ahora que hemos hecho que su servidor sea lo más rápido y eficiente posible, ¿cómo optimizamos las partes del sitio web??

6. Reduzca el tiempo de ida y vuelta (RTT)

Su navegador actualmente tiene que pedirle al servidor cada elemento, uno a la vez. Su logotipo, luego cada una de las imágenes, luego su hoja de estilo CSS.

El tiempo que lleva recibirlo es un viaje de ida y vuelta..

Cuantos más viajes redondos tenga que hacer, más tiempo le llevará cargar todo el sitio web. Es como empacar su automóvil con cajas y trasladarlos a una nueva casa.

Cuantas más cajas tenga, más viajes redondos tendrá que hacer. ¿La solución? Reduzca la cantidad de cajas que está tomando.

Reduzca la cantidad de elementos que su servidor tiene que enviar por el túnel. Menos imágenes, menos código, menos complementos.

7. Habilite la compresión en su sitio web

Desafortunadamente, no es solo la cantidad de cajas. Es lo pesados ​​que son. Si todos tus elementos son grandes y pesados, va a ocupar mucho espacio en tu túnel. También se moverán más despacio. Es como la acumulación de camiones. Cada uno lleno de cajas pesadas.

Afortunadamente, puedes comprimir tu sitio web y todo lo que contiene. Usando una herramienta como Gzip. (Es reconocido por el 90% de los navegadores. Eso es casi todo el mundo, excepto algunos rezagados que todavía usan Internet Explorer 4.)

Las partes más complejas de su sitio son las imágenes, HTML, CSS y Javascript. Al comprimirlos, puede reducir el “peso” promedio de su sitio mientras se transfiere.

Hecho de la diversión

El peso promedio de un sitio web es de 2 MB, pero crece cada año..

8. Optimiza tus imágenes

Las imágenes suelen ser la parte más importante de cualquier sitio web. Son el elemento de carga más grande, gordo y lento.

Comience recortándolos hasta el tamaño exacto que los necesita. No cargue imágenes enormes ni las reduzca en HTML. Solo cárgalos en el tamaño correcto.

Además, comprima sus imágenes antes de subirlas. Si está utilizando WordPress, los complementos como WP Smush podrían reducir el tamaño de la imagen en un gran 80%!

9.… o hacer sprites

Un sprite es una sola imagen que contiene muchas pequeñas imágenes. Es ideal para compartir botones u otros elementos de imagen..

Ahora, su sitio web solo necesita hacer una solicitud, en lugar de diez por separado. Luego puede usar CSS para elegir qué partes de la imagen se muestran donde.

10. Recorta tu código

HTML es denso y pesado. También es increíblemente repetitivo. CSS es un poco más simplificado, pero mucho es redundante.

Es hora de revisar su código con un peine de dientes finos y deshacerse de todos los bits innecesarios.

Si está utilizando una plantilla de WordPress, Tumblr, etc., probablemente haya un montón de código que no esté utilizando. Estas plantillas están configuradas para brindarle muchas opciones de funcionalidad. Pero la mayoría de nosotros no lo necesitamos todo.

Ser despiadado!

11. Desinstalar complementos inútiles (WordPress)

Todos hemos experimentado con toneladas de complementos a lo largo de los años. Pero a menudo, nos olvidamos de desinstalarlos.

Cada complemento es otra solicitud del servidor. Es otro paquete pesado que bloquea tu túnel de alta velocidad..

Si no lo está usando, apáguelo.

12. Reduce las redirecciones

Por cada redireccionamiento, sus paquetes suben y bajan por el túnel dos veces. A menos que sea absolutamente necesario, no utilice redireccionamientos en su sitio web.

Parte 3: Extras de bonificación

13. Reduce las búsquedas de DNS

Hay una parte del proceso de la que aún no hemos hablado. Sucede justo al comienzo.

Antes de que su navegador comience la conversación con el servidor, tiene que encontrar la ubicación del servidor (Al encontrar su dirección IP). Es como buscar el número del servidor en la guía telefónica. Eso lleva un poco de tiempo. (Por lo general, 20-120 milisegundos).

Lleva incluso más tiempo si hay varios nombres de dominio asociados con su sitio web. Los ejemplos comunes incluyen: blog.yourwebsite.com, o dominios adicionales para imágenes, hojas de estilo y objetos flash.

Si su navegador tiene que hacerlo cinco veces, puede perder medio segundo. Manténgalo en la menor cantidad posible de dominios..

14. almacenamiento en caché del navegador

Imagine lo rápido que serían las cosas si su navegador pudiera conservar una copia de todos los archivos del sitio web. De esa manera, no tendría que contactar al servidor cada vez. Podría cargarlos de memoria.

Eso es lo que es el almacenamiento en caché. Significa que su navegador “recuerda” el sitio web. Cuando lo cargas por segunda vez, es súper rápido.

¡Uf! Esa fue una publicación más larga de lo habitual, pero creo que valió la pena..

Ahora ya sabe todo lo que hay que saber sobre cómo hacer que su sitio web sea increíblemente rápido. Estos trucos podrían reducir segundos tu velocidad de carga.

Eso significa visitantes felices. Y significa más ventas.

Guía de velocidad de WordPress

Si su sitio web está construido con WordPress, hemos compilado una guía detallada paso a paso para acelerar WordPress. Utilizamos los pasos exactos para hacer que Bitcatcha.com se cargue en 3 segundos.