Cómo probar el sitio web en el móvil
Cuando piensa en el rendimiento de su sitio web, probablemente se preocupe por los elementos de la página, como la optimización de las imágenes. Aunque éste es sin duda uno de los componentes más esenciales que determinan el rendimiento y la velocidad generales, quizá el factor que más influye sea uno de los menos discutidos.
El peso de la página, que describe el volumen real de una página, influye directamente en el rendimiento general de su sitio web. Aunque es fácil imaginar que cuanto más pesado sea un sitio web, más lento será su rendimiento, pocos propietarios de sitios web comprenden realmente el impacto que el peso de la página tiene en casi todos los aspectos de una plataforma en línea.
Esto no debería ser una sorpresa, pero el tiempo de carga afecta a mucho más que el posicionamiento en los motores de búsqueda. Un sitio web de carga lenta es un rasgo indeseable para casi todos los usuarios de Internet. Por lo tanto, cuanto más lento sea su sitio, menos visitantes tendrá.
Como regla general, cuanto más pesado sea un sitio web, más lento será su rendimiento. Cuando se trata de un sitio pesado, ninguna CDN, caché u otras técnicas de optimización funcionarán realmente. La única manera de aumentar el rendimiento del sitio es eliminar el peso no deseado.
Peso de una página de papel
El peso de la página es una de las métricas más sencillas que existen. De forma parecida a cuando uno se sube a una báscula para hacerse una idea de su peso personal (bueno, de su masa en realidad, pero ya se entiende), cargar una página proporciona una idea del número y el tamaño de los recursos recogidos y solicitados. Pero a medida que la web y las páginas web han madurado y crecido, también lo han hecho las métricas asociadas, como el peso de la página. Puede afectar al rendimiento de una página de forma similar a como lo hace el peso personal (masa). En este capítulo se profundizará en el tema y se desgranarán las capas de las páginas web para ver qué es lo que constituye el peso de una página en posible detrimento del usuario final: tú, yo, nosotros.
La cuestión es sencilla: aunque usted se beneficie de un mayor ancho de banda, las leyes de la física siguen prevaleciendo. Un australiano no puede escapar a las leyes de la latencia. En el mejor de los casos, en su casa de Sídney, este australiano experimentaba una latencia suficiente como para que su Internet se percibiera a veces como algo sin respuesta.
Ahora, imaginemos que ese mismo australiano, sabiendo que en el percentil 75, su página está haciendo unas 108 peticiones (más adelante se hablará de ello), y seguimos sin tener ni idea del protocolo de red, los recursos que se solicitan, el nivel de compresión u optimización. Puedes seguir los capítulos de HTTP/2 y Compresión para obtener más información sobre la vida de una petición moderna.
Analizador de páginas web
Pero, ¿qué es exactamente una “página media”? Intuitivamente, es una página que es representativa de la web en general, en su tamaño de carga útil, distribución de bytes entre diferentes tipos de contenido, etc. Más técnicamente, es una medida de la tendencia central de la distribución subyacente – por ejemplo, para una distribución normal la media es el pico central, con un 50% de valores mayores y un 50% de valores menores que su valor. Lo que, por supuesto, nos lleva a preguntarnos: ¿cuál es la forma y el tipo de distribución de los bytes transferidos y se ajusta a este modelo? Tracemos el histograma y los gráficos de la FCD…
Empecemos por lo obvio: el tamaño de la transferencia no se distribuye normalmente, y no hay un “valor central” significativo y hablar de la media no tiene sentido, si no es que engaña – véase “Bill Gates entra en un bar…”. Necesitamos un lenguaje y unas estadísticas mucho más ricas y matizadas para captar lo que ocurre aquí, y un conjunto aún más rico de herramientas y métodos para analizar cómo cambian estos valores con el tiempo. La “página media” es un mito.
Red de peso
El “peso” de la página se refiere al tamaño total de una página web en particular, incluyendo archivos como HTML, hojas de estilo CSS, imágenes y scripts. Una página “más pesada” cargada con imágenes y vídeos de alta resolución suele funcionar más lentamente si no se optimiza correctamente.
Según la experta en rendimiento web Tammy Everts, 1MB es el tamaño ideal para que las páginas web se carguen rápidamente. Para conseguirlo, tendremos que hacer un balance de los elementos que podemos permitirnos recortar y cómo minimizar el tamaño del archivo.
El orden de carga de los elementos de la página también influye en su velocidad. Los navegadores normalmente cargan de forma sincrónica, lo que significa que cada elemento se carga de uno en uno. Aunque pueda parecer eficiente, el sistema puede atascarse si se encuentra con un archivo grande. Una solución fácil es la carga asíncrona.
También puede optar por aplazar la carga de ciertos archivos. Esto asegura que el resto de la página se cargue sin demora antes de abordar los archivos más grandes. Para ver una lista completa de archivos, peticiones HTTP y el orden de carga de su página, haga clic con el botón derecho en su página y haga clic en Inspeccionar. A continuación, haz clic en la pestaña “Red”.