Optimización WPO: ¿Cómo saber que priorizar?

Juanmanuelfernandezseo

Piedra
Usuario de Piedra
Mensajes
34
Puntuación de reacción
0
Buenas a todos chicos!

El fin de este hilo es indagar un poco más en detalle en la priorización optimizada de la carga de los elementos de un site. Y es que, la velocidad de carga es uno de los factores de SEO técnico más en auge hoy en día, pero a la vez no hay mucha información en cuanto a la metodología que aplicar para optimizarlo.

Es muy fácil caer en el site de una herramienta que te mide (según su score, del cual sabemos bien poco por norma general) y con toda seguridad te dice que mejores la compresion Gzip de algunos archivos :sisi1:

Os voy a contar toda la teoría que más o menos tengo clara que es así

Podemos dividir el WPO en (sé que hay muchos mas estados, pero cojo como guía los estados de GTMetrix):

1. Time To First Bite (TTFB): el tiempo que tarda un navegador en recibir el primer byte de una respuesta de un servidor web. Sabemos que depende de:

  • -El tiempo que se tarda en difundir la solicitud a través de la red hasta el servidor web
  • -El tiempo que tarda el servidor web en procesar la petición y generar una respuesta
  • -El tiempo que tarda el servidor en propagar esa respuesta a través de la red hasta el navegador

Lo ideal es tener esta métrica por debajo de 300ms, aunque por debajo de 500ms ya sería correcto.Por tanto, las acciones para optimizar el TTFB que se me ocurren pueden ser:

1.1 Utilizar un servidor lo más cerca posible de tu mercado. Si tu público está en España, lo ideal es utilizar un servidor situado geográficamente en España. (easy)
1.2 Tiempos de búsqueda de DNS. Sería el tiempo que tarda en resolver dominio-ip correspondiente. Utilizando la herramienta Pingdom sería la barrita rosa:
dns optimizacion.jpg

Una solución general para mejorar tu TTFB es el uso de CDNs (el lugar desde el que se sirven los datos varía en función desde dónde se haga la petición), pero sólo es reentable en sitios muy grandes con gran cantidad de contenidos

2. First paint (FP): el tiempo que tarda hasta mostrar una primera visualización del site. Sería el tiempo digamos "hasta que aparece algo". Aquí el ideal es mantenerse < 3seg .Es una de las métricas a mi modo de ver más importantes, ya que es el primer feedback que le das a los usuarios de que el site funciona y va a acceder a lo que busca. Aquí el orden de los elementos es crucial, y me pierdo un poco. Así que prefiero que añada información en este punto alguien que sepa o haya experimentado.

3. DOM (int. y loaded): Estas dos entradas hablan de lo que tarda en cargar el DOM de tu web (la estructura de tu web, imágenes, ficheros html, vídeos, etc). Este para mí es el punto más interesante y dónde me gustaría recavar mas información y/o experiencias que hayáis tenido optimizando este punto.

4. Onload. Lo que tarda en cargar toda la web. Esto es importante relativamente, ya que, según Google, lo crucial es cargar la parte que el usuario ve.


Pero yo quiero ir a lo práctico, lo aplicable. Y orientarnos hacia las nuevas tecnologías que se usan en las webs más punteras, React, Angular... Me gustaría que compartamos información sobre experiencias y sapiencia, con el fin de diseñar una guía práctica. Quién sabe, si entre todos llegamos a conclusiones generalistas, os prometo que subo un tutorial sobre todas nuestras conclusiones conjuntas. :mola:
 
Arriba