Aquí hay algunas técnicas para aumentar la velocidad del sitio web que no debe perderse.
Si su sitio web no se carga en 3 segundos, puede perder ingresos potenciales y perder una clasificación más alta en los motores de búsqueda. Del mismo modo, si no es lo suficientemente seguro, le da la oportunidad a los piratas informáticos de buscar su sitio web en busca de pérdidas comerciales y de reputación.
En consecuencia, uno no puede escapar de los ajustes de seguridad y rendimiento para una experiencia de usuario mejor y más segura.
Entonces, cuando hablamos de optimización del rendimiento, escuchamos cosas como habilitar la compresión, minimizar los archivos, almacenar en caché, usar temas livianos, mantener un mínimo de complementos, etc.
Están bien, pero hay mucho más que hemos enumerado en este artículo que puede aplicar a cualquier plataforma, como WordPress, Joomla, Magento, Drupal, Node.js, etc.
Veamos qué tienes ya y qué no.
Tabla de contenido
Buen paquete de hospedaje
A veces, el único error que comete es elegir un mal servidor web y un plan de alojamiento compartido.
Pero personalmente, creo que no se trata de malos anfitriones. Se trata principalmente de suscripciones de alojamiento ultra baratas.
Algo anda mal cuando sus facturas mensuales de hospedaje cuestan menos que una taza de café.
Suponga que el alojamiento compartido es un autobús abarrotado en el que nadie quiere subir, pero que de todos modos entra sigilosamente debido a una tarifa «atractiva».
Las cosas más lucrativas del alojamiento compartido son los descuentos introductorios y la opacidad sin igual sobre cuántos sitios web comparten un solo servidor.
Déjame decirte esto; esos números normalmente están en los cientos.
Esto conduce a frecuentes cuellos de botella en el rendimiento de los vecinos ruidosos, y una gran parte de estos sitios web nunca viven lo suficiente como para ver la primera página de una búsqueda en Google.
En conclusión, cambie a VPS o servidores dedicados para los proyectos que importan.
Red de entrega de contenidos
CDN, abreviatura de red de entrega de contenido, ocupa el segundo lugar después de elegir un buen paquete de alojamiento web.
Esto es necesario para cualquiera que tenga una audiencia global. La razón es que no puede alojar un sitio web en todas partes; permanece estacionado en una sola ubicación. Entonces, la distancia juega un papel de spoiler cuando tienes un usuario japonés que intenta acceder a tu sitio web alojado en Nueva York, EE. UU.
Sin embargo, suscribirse a un CDN como Cloudflare soluciona este problema de localización. Una CDN aloja copias de sus sitios web en su red de servidores y atiende las solicitudes del servidor más cercano. Esto reduce la carga en un solo servidor central que podría estar ubicado a océanos de distancia.
Además, en función de la CDN, puede disfrutar de una mayor seguridad que la que puede ofrecer un servidor web normal.
Habilitar IPv6
IPv6 es más rápido que IPv4. LinkedIn encontró una mejora del 40% en Europa, y Facebook alrededor del 10-15% al acceder a través de IPv6.
Eche un vistazo al gráfico de adopción de IPv6 a nivel mundial de Google.
Aproximadamente el 42% de los usuarios se conectan a Google a través de IPv6, pero solo hay un 21,2% de sitios web habilitados para IPv6.
Curiosamente, Cloudflare descubrió que las páginas web habilitadas para IPv6 se cargan un 27 % más rápido que sus contrapartes con IPv4.
Entonces, ¿su sitio web tiene IPv6? ¡No estoy seguro! Puedes probarlo en línea.
En caso de que no lo sea, así es como puedes hacerlo.
La mayoría de los proveedores de CDN como Cloudflare, Incapsula, CacheFly, AKAMAI ofrecen IPv6. Puede consultar el panel de control para habilitarlos.
Si no usa CDN y alojamiento en VPS como Linode, DigitalOcean, etc., consulte esto para permitir IPv6 en los servidores web Nginx y Apache.
Tener IPv6 no daña nada y sería divertido para una ganancia rápida de alrededor de un 10 % de disminución en el tiempo de carga de la página.
Ir a HTTP/3 o HTTP/2
HTTP es la tecnología en evolución que se utiliza para cargar páginas web cuando visitamos cualquier URL en los navegadores web.
Todo comenzó con HTTP/0.9 en 1991 y fue seguido por actualizaciones como HTTP/2 y la actual HTTP/3.
HTTP/2 trajo muchos beneficios sobre HTTP/1.1, incluyendo:
- Empuje del servidor
- multiplexación
- Priorización de recursos
- Compresión de encabezado
- Baja latencia
Actualmente, está siendo utilizado por el 39,3% de los sitios web y es siete veces más rápido que HTTP/1.1. Al cambiar a HTTP/2, puede esperar disminuir el tiempo de carga de la página hasta en un 30 a 40%.
Compruebe si su sitio web está habilitado para HTTP/2.
Sin embargo, HTTP/2 tiene sus propios problemas.
Por ejemplo, sufre de bloqueo de cabeza de línea. Aquí cualquier problema de conexión TCP puede resultar en el bloqueo de todas las transmisiones. Pero con el HTTP/3 basado en UDP, la pérdida de un solo paquete no afecta a todos los demás flujos.
Además, HTTP/3 permite una latencia más baja al evitar el protocolo de enlace TLS en las reconexiones. En general, HTTP/3 trae todas las bondades de HTTP/2 pero sin la carga asociada.
Compruebe si su sitio web está habilitado para HTTP/3.
Puede comprobar la compatibilidad con HTTP/3 o HTTP/2 con su proveedor de alojamiento web. Alternativamente, su proveedor de CDN podría tener un cambio simple a su versión HTTP preferida.
Optimización de imagen
Nadie quiere atravesar un muro de texto que hace que las imágenes sean una parte ineludible de cada página web. Por otro lado, tener imágenes en una página web la hace pesada y dispara el tiempo de carga de la página.
Entonces, la solución pide servir imágenes en un formato comparativamente más ligero como WebP o AVIF. No solo reduce el tamaño drásticamente (más del 80% en algunos casos), sino que la calidad de salida sigue siendo esencialmente la misma.
Ahora, puede convertir y cargar directamente en estos formatos de próxima generación. O suscríbase a un servicio de conversión de terceros, como Optimole, para hacer esto sobre la marcha.
Reduzca el exceso de solicitudes HTTP
Un sitio web nunca se carga como una sola pieza. En cambio, cada elemento, el texto, las imágenes, CSS, JavaScript, etc., llega como solicitudes HTTP.
Y todo lo demás se mantuvo igual, una página web con menos no. de las solicitudes HTTP se carga más rápido que una que tiene más de ellas.
En conclusión, nos conviene que la cantidad de solicitudes HTTP sea lo más baja posible.
Desde mi experiencia personal con WordPress, puedo decir que elegir un tema ligero como Generate Press ayuda. Además, reducir la cantidad de complementos también contribuye a tener un sitio web rápido y seguro.
Sin embargo, es un tema propio que necesita una atención especial.
Específicamente, marque esto para hacer menos solicitudes HTTP si tiene un sitio web de WordPress.
Cambiar a fuentes seguras para la Web
Todos queremos que nuestros sitios web se vean únicos y fáciles de usar. Y el primer paso que muchos toman es cambiar a una fuente diferente.
Y afortunadamente, hay algunas opciones gratuitas, incluidas las fuentes de Google. Sin embargo, esto agregará múltiples solicitudes HTTP. Y para empeorar las cosas, su sitio web recurrirá a las fuentes del sistema si el servidor de fuentes de terceros alguna vez se desconecta.
Para contrarrestar esto, algunos webmasters alojan fuentes en sus sitios web, un paso hacia la autosuficiencia. Sin embargo, aún agrega un archivo que debe cargarse desde su servidor al dispositivo del usuario. Esto significa solicitudes HTTP adicionales, lo que implica un lastre para el rendimiento, por pequeño que sea.
En consecuencia, hay ciertas fuentes seguras para la web que puede usar para obtener la experiencia más rápida posible sin arriesgarse a cambiar la fuente durante una falla del servidor. Estas fuentes se denominan fuentes del sistema y son comunes entre PC con Windows, Mac, sistemas Linux, iOS, Android, etc.
Aquí hay algunas fuentes seguras para la web:
- Arial
- verdana
- Trebuchet-MS
- Tahoma
- Times New Roman
- Georgia
- Impacto, etc
Aproveche el almacenamiento en caché
El almacenamiento en caché significa almacenar datos localmente. Esto asegura la carga más rápida posible del sitio web en las revisitas. Y, a menudo, los expertos recomiendan implementar el almacenamiento en caché para reducir los tiempos de carga.
Por ejemplo, WordPress tiene muchos complementos de caché, como WP Fastest Cache. Alternativamente, se puede implementar el almacenamiento en caché del navegador editando el archivo .htaccess.
Sin embargo, se basa en la plataforma y puede haber diferentes formas de implementar esto.
Carga asíncrona
Esta es otra página directamente de mi experiencia personal de WordPress. En realidad, lo que sucedió es que la consola de búsqueda de Google emitió una advertencia sobre mis más de 40 publicaciones de blog que fallaron en la prueba de vitalidad web central.
Core web vitals es la evaluación de la página de Google y es importante para todos los que intentan obtener una clasificación alta en su motor de búsqueda.
Para comprender mejor esto, consulte este análisis de Pagespeed en uno de los artículos de kirukiru.es:
Gracias a nuestros desarrolladores de WordPress, pasó estas pruebas con gran éxito.
Pero en mi proyecto personal, estaba fallando particularmente en Mayor pintura con contenido (LCP) y Primera pintura con contenido (FCP). Específicamente, LCP fue de 3,3 segundos y FCP fue de alrededor de 2,4 segundos.
Siendo un blogger sin experiencia en TI, no pude optimizarlo más allá de un punto. En mi escala, estaba marcando todas las casillas correctas: tema premium, sin complementos adicionales, fuentes del sistema, imágenes WebP, alojamiento en la nube, etc.
Lo que ayudó es un solo cambio en el complemento Jetpack boost WordPress:
En pocas palabras, carga Javascript de terceros de forma asíncrona al adjuntar atributos asíncronos o diferidos en las etiquetas