Cómo mejorar la optimización web

Optimización web

 

 

Hay factores declarados oficialmente por Google que influyen en la puntuación de optimización web. Entonces, una vez que hayas analizado la velocidad de tu sitio web móvil y hayas visto (ojalá que no) tus puntos débiles, ten en cuenta estas 9 reglas para mejorar la puntuación de optimización.

 

Intenta evitar redireccionamientos a la página de destino

Si deseas mejorar el rendimiento de tu sitio web, piensa en minimizar el número de redirecciones en tu página de destino. Sin embargo, si realmente necesitas una redirección, es mejor usar 301 para una permanente y 302 para una redirección temporal. Googlebot ahora soporta estas dos implementaciones de redireccionamiento:

  • Redirecciones HTTP
  • Redirecciones de JavaScript

La diferencia principal entre estas dos es que las redirecciones HTTP pueden causar cierta latencia en el lado del servidor, mientras que las de JavaScript ralentizan el lado de los clientes.

Reduce el tamaño de tu archivo habilitando la compresión

Comienza activando y probando el soporte de compresión gzip en tu servidor web. Esto puede reducir significativamente el tamaño de la respuesta transferida (hasta un 90%). Echa un vistazo a los archivos de configuración de muestra para la mayoría de los servidores. Además, considera visitar tu sitio web móvil para eliminar cualquier dato innecesario cuando sea posible, porque el recurso mejor optimizado es un recurso que no se envía.

Mejora el tiempo de respuesta de tu servidor

La mejor práctica es mantener el tiempo de respuesta de tu servidor por debajo de 200 ms. Hay muchas razones por las que las respuestas de tu servidor no son tan rápidas como quieres. Estas son: consultas lentas de la base de datos, enrutamiento lento, lógica lenta de la aplicación, falta de recursos en la CPU, falta de memoria, etc. El primer paso para resolver el problema es realmente medir el tiempo de respuesta de tu servidor. Para eso, se sugiere realizar tales auditorías de manera regular para monitorizar futuras regresiones.

Implementar una política de caché

Para controlar automáticamente cómo y durante cuánto tiempo el navegador puede almacenar en caché la respuesta individual, utiliza el control de caché. Al hacer esto, se enviará automáticamente un token de revalidación que verifica si el recurso ha cambiado desde la última vez que se solicitó.

Minimizar recursos

Lo que debes hacer aquí es minimizar los recursos de HTML (HTMLMinifier), CSS (CSSNano) y JavaScript (UglifyJS). Es decir, elimina todos los datos redundantes (comentarios de código, código no utilizado, etc.) sin afectar la forma en que el navegador percibe el recurso.

Optimizar imágenes

Esta es una actividad muy importante ya que la optimización de la imagen puede reducir el tamaño total de carga de la página hasta en un 80% . Hay 2 tipos de compresión de imagen: con pérdida y sin pérdida. La cosa es que, cuando se guarda en un formato con pérdida (JPEG), tu imagen se verá un poco peor en comparación con la original. Como regla general, estas imágenes ocupan una cantidad muy pequeña de memoria y son muy buenas para la web. Hablando de imágenes sin pérdida, se ven mejor en cuanto a calidad, pero son mucho más grandes en términos de tamaño. Tanto GIF como PNG son formatos sin pérdida.

Entonces, el primer paso hacia la optimización de la imagen es deshacerse de los recursos innecesarios y de los metadatos donde no se necesitan. A continuación, en lugar de codificar texto en imágenes, considera usar fuentes web. Ajusta tus imágenes para que se adapten al tamaño de la pantalla. Seleccione formatos de trama más pequeños, pero asegúrate de que no interfieran con la calidad.

Optimizar la entrega de CSS

En caso de que los recursos CSS externos sean pequeños, puedes insertarlos directamente en el documento HTML. Al hacer esto, te librarás de pequeños recursos externos y permitirás que el navegador continúe con la representación de tu página. También se recomienda no incluir URI de datos grandes en archivos CSS porque puede afectar negativamente al tiempo de procesamiento de la página. Además, evita incluir atributos CSS porque eso puede resultar en una duplicación innecesaria de código.

Dar preferencia al contenido visible

Intenta mantener comprimido el contenido a menos de 14.6 KB, de lo contrario serán inevitables algunos viajes de ida y vuelta adicionales entre tu servidor y el navegador del usuario. Por lo tanto, para no permitir que esto suceda, debes limitar el tamaño de tus datos. Esto se puede hacer reestructurando tu sitio web de manera que primero cargue contenido crucial y reduciendo la cantidad de datos (HTML, CSS y JavaScript) utilizados por tus recursos.

Elimina JavaScript del bloqueo de reproducción

En primer lugar, debes tratar de evitar el bloqueo de secuencias de comandos externas porque, de lo contrario, el navegador tendrá que esperar a que se busque el JavaScript, lo que puede agregar algunos viajes de ida y vuelta adicionales para la representación de la página. Sin embargo, si los scripts externos son pequeños, inserta tu contenido en el documento HTML para evitar solicitudes de red adicionales. Recuerda que se amplía el tamaño de tu documento HTML, es por eso que solo debe hacerse con pequeños scripts.

Además, utiliza el atributo HTML en los scripts externos para evitar que JavaScript bloquee el analizador y difiera los scripts no críticos y las bibliotecas de JavaScript de terceros al menos hasta después del pliegue.

Una buena noticia para los profesionales de marketing es que no necesariamente tienen que ser desarrolladores para mejorar el rendimiento de un sitio con rapidez.

 

Fuente: Cepymenews