Google ha publicado recientemente una nueva métrica de tiempo de carga de sitios web. Actualmente, más del 80% de los usuarios usan dispositivos móviles, el 10% usan tabletas y el resto usa ordenadores de sobremesa o portátiles. En estas circunstancias, la optimización en dispositivos móviles es casi un requisito previo para todos.
La optimización en web se hace desde hace mucho tiempo, por lo que los desarrolladores deben mantenerse a la vanguardia de los cambios en la tecnología y los requisitos de los motores de búsqueda. La necesidad de hacer más eficientes los nuevos sitios web suele quedar clara cuando los usuarios notan que se carga o responde con lentitud. Esto hace que la experiencia del cliente o del usuario sea poco satisfactoria. Como codificador, los fundamentos que abarcan la optimización se resumen en:
- Optimizar las imágenes.
- Simplificar el CSS y JavaScript (JS).
- Mejora del código.
- Uso de la caché y la carga previa del contenido.
- Uso correcto de un Hosting o un servidor virtual privado (VPS)
- Activar la compresión de archivos en el hosting / VPS o utilizar un CDN.
A continuación, te damos más detalle sobre cada punto, pero si tienes cualquier duda o cuestión, deja un comentario y te contestaremos lo antes posible.
1) Optimizar imágenes
La mayoría de las webs tienen las imágenes en bruto. A través de la herramienta GTmetrix podemos saber si la imagen no ha sido optimizada; si es así, crea una nueva mejorada que se puede descargar y reemplazar a la existente.
GTmetrix también ofrece un servicio de “imágenes escaladas”, que permite que la página web muestre una imagen en diferentes tamaños según el dispositivo. Esta opción es mejor que usar una imagen grande que se vaya redimensionando automáticamente, ya que requiere más tiempo de carga, lo que puede ser frustrante para el usuario. Si tienes este problema, puedes descargar la imagen y modificar su tamaño a través del código de WordPress y volver a cargarla. También puedes usar FileZilla para descargar y subir imágenes.
2) Optimizar el CSS y JavaScript (JS)
Los archivos de CSS y JS son habituales en el código web. Para que la carga sea más rápida, se suele hacer un proceso llamado minificación, que elimina los espacios en blanco y otros caracteres innecesarios en el código. Después de minificar, se mejora la carga del sitio. Hay muchas plataformas que te ayudan a minificar los archivos de CSS y JS.
Ten en cuenta que esta acción puede producir que el diseño se rompa, así que haz siempre una copia de seguridad usando ZillaFille como medida de precaución.
3) Mejora del código
Actualmente se puede trabajar con muchos tipos de código, cada uno de ellos adaptado a sus propias plantillas. Esto significa que la optimización del código fuente puede ser complicada, por lo que cuando se diseña una web, debemos prestar atención al código que utiliza y entender para qué lo utiliza. Si sabemos qué tema es, nos resultará más fácil de simplificar, ya que contará con un equipo de soporte o actualizaciones regulares que hagan el proceso más sencillo.
4) Caché y precarga
No importa qué tipo de código utilices, siempre tienes que crear una caché para la web. Esto permite almacenar temporalmente imágenes y archivos para evitar retrasos en el servidor. Por ejemplo, la primera vez que un usuario entra en una web, encontrará el contenido cargando a velocidad normal. A partir de entonces, siempre que la visite, aparecerá más rápido gracias a ese contenido en caché y usará menos recursos de hosting o VPS. La actualización de Google PageSpeed Insights prioriza aquellas webs cuya precarga está añadida en el código. Si quieres mejorar la velocidad de tu web en 90 puntos, no puedes ignorar esto. Utiliza el código ” Preloading content con rel = “preload” + source_name ” y busca lo que necesites.
5)Uso correcto de un Hosting o un servidor virtual privado (VPS)
Este aspecto también es muy importante, porque asegura la estabilidad de tu web, y de cara al SEO, es incluso más relevante. Si te lo puedes permitir, compra espacio en un VPS para garantizar dicha estabilidad. Recuerda que el SEO es un trabajo a largo plazo, por lo que cuanto mayor sea el tiempo de actividad, mejor. Lo ideal es el 99,99%. Si quieres saber la diferencia entre los servicios que ofrece un hosting y un VPS, te lo contamos:
+ Estabilidad. Si la web tarda demasiado en cargar o aparece ese mensaje de “Esperando a cargar (el nombre del sitio web)” durante mucho rato, es posible que necesites un cambio de servidor de hosting. Esta regla se aplica también cuando la web se queda en blanco o aparece algún mensaje de error. En nuestro proyectos, usamos Linode VPS por su estabilidad y los servicios que ofrece.
+ Usar un disco duro (SSD)
+ Usar el servidor NGINX
+ Usar Centos como sistema operativo
+ Usar MariaDB como base de datos
Comments are closed.
