<\/p>\n
Existen indicadores que nos ayudan a medir el rendimiento de nuestra web. Y cada a\u00f1o aparecen nuevos t\u00e9rminos t\u00e9cnicos para tratar de cuantificar el rendimiento de un sitio web, por ejemplo:\u00a0<\/span><\/p>\n Estos t\u00e9rminos t\u00e9cnicos, aunque ahora te puedan sonar a chino, nos van a ayudar de manera positiva en nuestro sitio web. As\u00ed que no te vayas y contin\u00faa aprendiendo qu\u00e9 significan cada uno de ellos!\u00a0<\/span><\/p>\n <\/p>\n Con tantas webs vendiendo los mismos productos, a nadie le gusta tener que esperar a que una p\u00e1gina web se cargue. Es probable que en vez de esperar nos vayamos a otra mucho m\u00e1s r\u00e1pida. Y es que la mayor\u00eda de los visitantes de un sitio abandonan la p\u00e1gina si no se <\/span>carga completamente en menos de 3 segundos<\/b>.<\/span><\/p>\n <\/p>\n Por lo tanto, garantizar un buen rendimiento web es esencial para <\/span>convertir a tus visitantes en clientes<\/b>. Se estima que una ganancia de 0,1 segundos en el tiempo de carga de tu sitio de eCommerce puede <\/span>aumentar tu tasa de conversi\u00f3n de 8%.<\/b><\/p>\n <\/p>\n Tres motivos por los que debes mejorar el rendimiento de tu tienda online:<\/span><\/p>\n <\/p>\n As\u00ed que, cuando pienses en el rendimiento de tu tienda en l\u00ednea, debes pensar en:<\/span><\/p>\n <\/p>\n Vamos a hablar de 5 indicadores muy importantes porque influyen directamente tanto en el rendimiento de tu sitio como en la experiencia del usuario, y permiten comprender el rendimiento de un sitio en su conjunto. \u00a1Veamos cada uno de ellos!\u00a0<\/span><\/p>\n <\/p>\n Este indicador corresponde al<\/span> tiempo de respuesta del servidor,<\/b> es el milisegundo m\u00e1s importante en la carga de una p\u00e1gina. Google considera que el tiempo de respuesta bueno si es menor o igual a 200 milisegundos y aceptable hasta 500 ms. Suele ser el \u00fanico indicador que var\u00eda con el tiempo y suele estar por el tr\u00e1fico.<\/span><\/p>\n <\/p>\n Elementos que componen el tiempo de respuesta son:\u00a0<\/span><\/p>\n Se trata del primer punto clave en la experiencia del usuario. <\/b>Esta medida corresponde principalmente al tiempo que tarda<\/span> el navegador en cargar la respuesta del servidor <\/b>y la visualizaci\u00f3n del<\/span> primer elemento de contenido <\/b>por parte del navegador.<\/span><\/p>\n <\/p>\n El FCP calificar\u00e1 a tu web como buena si se hace en menos de 2,5 segundos (TTFB incluido), por lo que podemos estimar que el tiempo de carga de los archivos que bloquean la visualizaci\u00f3n debe hacerse en menos de 2 segundos.<\/span><\/p>\n <\/p>\n Para conseguir esta velocidad de carga puedes comprimir tus archivos <\/i><\/b>HTML\/CSS\/JS y limitar los archivos que bloquean la visualizaci\u00f3n.<\/b><\/p>\n<\/blockquote>\n El LCP es el <\/span>segundo punto clave para el usuario<\/b>. Esta medida integra la mayor\u00eda de los elementos visibles de una p\u00e1gina. Es el momento en que la p\u00e1gina se va cargando por completo. Este paso puede ser el m\u00e1s largo y pesado en funci\u00f3n del contenido.<\/span><\/p>\n <\/p>\n <\/p>\n Se considera bueno si se consigue en menos de 2,5 segundos<\/strong> (como el FCP) y aceptable hasta 4 segundos.<\/strong> Muchos estudios muestran que m\u00e1s all\u00e1 de los 3 segundos, la tasa de rebote aumenta significativamente<\/span><\/p>\n <\/p>\n Para mejorar la cara puedes optimizar las im\u00e1genes <\/i><\/b>generando varios formatos \u00fatiles (jpeg 2000, jpeg XR webp, etc.), proporciona diferentes tama\u00f1os de tus im\u00e1genes en el c\u00f3digo HTML y configura el cach\u00e9 (navegador y servidor).<\/b><\/p><\/blockquote>\n Este indicador mide el tiempo de respuesta del navegador cuando se realiza una acci\u00f3n sobre el primer elemento interactivo disponible. Por ejemplo, el momento en que se hace clic en un enlace o en un bot\u00f3n.<\/span><\/p>\n <\/p>\n El Time to Interactive sirve para medir el tiempo que transcurre desde el inicio de la navegaci\u00f3n hasta que carga el contenido de la p\u00e1gina y el hilo principal del navegador est\u00e1 inactivo durante al menos 5 segundos, es decir, no ha habido una ejecuci\u00f3n de script superior a 50 ms. <\/span><\/p>\n <\/p>\n Tu web puede tener un buen rendimiento pero tener un Time to Interactive bajo<\/strong>. Para mejorarlo puedes aplazar los JavaScripts no esenciales para la carga y eliminar los scripts no necesarios para la p\u00e1gina mostrada para no saturar el hilo principal. Para ello es necesario segmentar bien el c\u00f3digo.<\/span><\/p>\n <\/p>\n L\u00ednea de tiempo representativa del retraso entre indicadores, <\/b>y de un buen sitio seg\u00fan los criterios de Google:<\/span><\/p>\n <\/p>\n <\/p>\n Todos los indicadores que hemos visto son importantes, ya que todos se complementan. <\/b>Pero si hay que mencionar uno en particular, ese ser\u00eda el TTFB. Este indicador es particularmente importante y muy fluctuante ya que depende de la calidad de tu hosting y del tr\u00e1fico y no hay herramientas que puedan analizarlo, <\/span>por eso es importante recurrir a empresas especializadas como nosotros.<\/p>\n <\/p>\n Un TTFB bajo puede afectar al rendimiento de tu sitio. No te arriesgues nosotros <\/span>te ayudaremos, mediante una auditor\u00eda, a mejorar el rendimiento de tu web. \u00a1Cont\u00e1ctanos!\u00a0<\/strong><\/span><\/a><\/p>\n <\/p>\n <\/p>\n <\/p>\n info: Prestashop<\/a><\/p>\n\n
\u00bfPor qu\u00e9 es tan importante el rendimiento para un eCommerce?\u00a0<\/b><\/h2>\n
\n
\n
Indicadores que nos ayudan con nuestro rendimiento<\/b><\/h2>\n
1.Time to First Byte (TTFB)\u00a0<\/b><\/h3>\n
\n
<\/h3>\n
2. First Contentful Paint<\/b><\/h3>\n
\n
<\/h3>\n
3. Largest Contentful Paint (LCP)<\/b><\/h3>\n
![\"Largest](\"https:\/\/www.4addictic.com\/wp-content\/uploads\/2021\/08\/illustrated_timeline_of_web_performance_steps.jpg\" "\\"Largest")
<\/p>\n<\/h3>\n
4. El First Input Delay\u00a0<\/b><\/h3>\n
5. Time to Interactive<\/b><\/h3>\n
![\"L\u00ednea](\"https:\/\/www.4addictic.com\/wp-content\/uploads\/2021\/08\/timeline_of_webperfomance_steps_by_second.jpg\" "\\"L\u00ednea")
<\/p>\n<\/h2>\n
Conclusi\u00f3n\u00a0<\/b><\/h2>\n