{"id":6969,"date":"2018-07-12T10:25:27","date_gmt":"2018-07-12T10:25:27","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=6969"},"modified":"2018-07-12T10:25:27","modified_gmt":"2018-07-12T10:25:27","slug":"speed-index","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/speed-index\/","title":{"rendered":"Speed Index &#8211; Otra m\u00e9trica para medir el rendimiento Web"},"content":{"rendered":"<p>El \u00edndice de velocidad <strong>(speed index<\/strong>) es el tiempo promedio en el que se muestran las partes visibles de la p\u00e1gina. Se expresa en milisegundos y depende del tama\u00f1o del puerto de visualizaci\u00f3n.<\/p>\n<p>La m\u00e9trica \u00cdndice de velocidad se agreg\u00f3 a <a href=\"https:\/\/www.jose-aguilar.com\/blog\/web-page-test-optimization\/\" target=\"_blank\" rel=\"noopener\">WebPagetest<\/a> en abril de 2012 y mide la rapidez con la que se llena el contenido de la p\u00e1gina (donde los n\u00fameros m\u00e1s bajos son mejores). Es particularmente \u00fatil para comparar experiencias de p\u00e1ginas entre s\u00ed (antes \/ despu\u00e9s de la optimizaci\u00f3n, mi sitio frente a competidor, etc.) y debe usarse en combinaci\u00f3n con otras m\u00e9tricas (tiempo de carga, inicio de renderizado, etc.) para comprender mejor el rendimiento de un sitio.<\/p>\n<p>Hist\u00f3ricamente, hemos confiado en los tiempos clave para determinar qu\u00e9 tan r\u00e1pido o lento son las p\u00e1ginas web. El m\u00e1s com\u00fan de estos es el tiempo hasta que el navegador alcanza el evento de carga para el documento principal (onload). El evento de carga es f\u00e1cil de medir tanto en un entorno de laboratorio como en el mundo real. Desafortunadamente, no es un buen indicador de la experiencia real del usuario final. A medida que las p\u00e1ginas crecen y cargan una gran cantidad de contenido que no es visible para el usuario o que est\u00e1 fuera de la pantalla, el tiempo para alcanzar el evento de carga se extiende incluso si el contenido visible por el usuario se ha procesado hace mucho tiempo. Se han introducido m\u00e1s hitos a lo largo del tiempo para tratar de representar mejor los tiempos (tiempo para mostrar por primera vez, tiempo para el contenido del DOM listo, etc.) pero todos son fundamentalmente defectuosos porque miden un solo punto y no transmiten la experiencia real del usuario.<\/p>\n<p>El \u00edndice de velocidad toma el progreso visual de la carga de la p\u00e1gina visible y calcula un puntuaje general de la velocidad en la que se ha visualizado el contenido. Un valor bajo es mejor que un valor m\u00e1s alto para esta m\u00e9trica.<\/p>\n<p>En el siguiente cuadro de resultados de WebPagetest puedes ver donde se informa del <strong>Speed index<\/strong>:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6971 size-full\" title=\"Speed Index jose-aguilar.com\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2018\/07\/speed-index-jose-aguilar-com.png\" alt=\"Speed Index jose-aguilar.com\" width=\"835\" height=\"123\" srcset=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2018\/07\/speed-index-jose-aguilar-com.png 835w, https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2018\/07\/speed-index-jose-aguilar-com-300x44.png 300w, https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2018\/07\/speed-index-jose-aguilar-com-768x113.png 768w\" sizes=\"auto, (max-width: 835px) 100vw, 835px\" \/><\/p>\n<p>En este caso espec\u00edfico, para el dominio jose-aguilar.com, el <strong>Speed Index\u00a0<\/strong>es de 630 milisegundos. Un valor bajo, bastante bueno, pero siempre se puede mejorar. Son muchos factores los que pueden afectar al resultado del <strong>Speed Index<\/strong>. Los siguientes son los m\u00e1s significativos:<\/p>\n<ul>\n<li>La calidad del servidor<\/li>\n<li>El n\u00famero de archivos a cargar<\/li>\n<li>La compresi\u00f3n del texto<\/li>\n<li>La compresi\u00f3n de im\u00e1genes<\/li>\n<li>El uso de la cach\u00e9<\/li>\n<li>Uso de CDN<\/li>\n<li>etc.<\/li>\n<\/ul>\n<p>En el siguiente <a href=\"https:\/\/sites.google.com\/a\/webpagetest.org\/docs\/using-webpagetest\/metrics\/speed-index\" target=\"_blank\" rel=\"noopener\">enlace<\/a> puede ver m\u00e1s informaci\u00f3n complementaria.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El \u00edndice de velocidad (speed index) es el tiempo promedio en el que se muestran las partes visibles de la p\u00e1gina. Se expresa en milisegundos y depende del tama\u00f1o del puerto de visualizaci\u00f3n. La m\u00e9trica \u00cdndice de velocidad se agreg\u00f3 a WebPagetest en abril de 2012 y mide la rapidez con la que se llena [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6970,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[173],"class_list":["post-6969","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-herramientas","tag-optimizadores-de-paginas-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Speed Index - Otra m\u00e9trica para medir el rendimiento Web - Jose Aguilar Blog<\/title>\n<meta name=\"description\" content=\"El \u00edndice de velocidad (speed index) es el tiempo promedio en el que se muestran las partes visibles de la p\u00e1gina. Se expresa en milisegundos.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Speed Index - Otra m\u00e9trica para medir el rendimiento Web - Jose Aguilar Blog\" \/>\n<meta property=\"og:description\" content=\"El \u00edndice de velocidad (speed index) es el tiempo promedio en el que se muestran las partes visibles de la p\u00e1gina. Se expresa en milisegundos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jose-aguilar.com\/blog\/speed-index\/\" \/>\n<meta property=\"og:site_name\" content=\"Jose Aguilar Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joseaguilarblog\" \/>\n<meta property=\"article:published_time\" content=\"2018-07-12T10:25:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2018\/07\/speed-index.png\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jose Aguilar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:site\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jose Aguilar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/speed-index\/\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/speed-index\/\",\"name\":\"Speed Index - Otra m\u00e9trica para medir el rendimiento Web - Jose Aguilar Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/speed-index\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/speed-index\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2018\/07\/speed-index.png\",\"datePublished\":\"2018-07-12T10:25:27+00:00\",\"author\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\"},\"description\":\"El \u00edndice de velocidad (speed index) es el tiempo promedio en el que se muestran las partes visibles de la p\u00e1gina. Se expresa en milisegundos.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/speed-index\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jose-aguilar.com\/blog\/speed-index\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/speed-index\/#primaryimage\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2018\/07\/speed-index.png\",\"contentUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2018\/07\/speed-index.png\",\"width\":512,\"height\":512},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/speed-index\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.jose-aguilar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Speed Index &#8211; Otra m\u00e9trica para medir el rendimiento Web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/\",\"name\":\"Jose Aguilar Blog\",\"description\":\"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\",\"name\":\"Jose Aguilar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"caption\":\"Jose Aguilar\"},\"description\":\"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.\",\"sameAs\":[\"https:\/\/plus.google.com\/114357189801512615537\"],\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Speed Index - Otra m\u00e9trica para medir el rendimiento Web - Jose Aguilar Blog","description":"El \u00edndice de velocidad (speed index) es el tiempo promedio en el que se muestran las partes visibles de la p\u00e1gina. Se expresa en milisegundos.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Speed Index - Otra m\u00e9trica para medir el rendimiento Web - Jose Aguilar Blog","og_description":"El \u00edndice de velocidad (speed index) es el tiempo promedio en el que se muestran las partes visibles de la p\u00e1gina. Se expresa en milisegundos.","og_url":"https:\/\/www.jose-aguilar.com\/blog\/speed-index\/","og_site_name":"Jose Aguilar Blog","article_publisher":"https:\/\/www.facebook.com\/joseaguilarblog","article_published_time":"2018-07-12T10:25:27+00:00","og_image":[{"width":512,"height":512,"url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2018\/07\/speed-index.png","type":"image\/png"}],"author":"Jose Aguilar","twitter_card":"summary_large_image","twitter_creator":"@JoseAguilarBlog","twitter_site":"@JoseAguilarBlog","twitter_misc":{"Escrito por":"Jose Aguilar","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jose-aguilar.com\/blog\/speed-index\/","url":"https:\/\/www.jose-aguilar.com\/blog\/speed-index\/","name":"Speed Index - Otra m\u00e9trica para medir el rendimiento Web - Jose Aguilar Blog","isPartOf":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/speed-index\/#primaryimage"},"image":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/speed-index\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2018\/07\/speed-index.png","datePublished":"2018-07-12T10:25:27+00:00","author":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11"},"description":"El \u00edndice de velocidad (speed index) es el tiempo promedio en el que se muestran las partes visibles de la p\u00e1gina. Se expresa en milisegundos.","breadcrumb":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/speed-index\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jose-aguilar.com\/blog\/speed-index\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/speed-index\/#primaryimage","url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2018\/07\/speed-index.png","contentUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2018\/07\/speed-index.png","width":512,"height":512},{"@type":"BreadcrumbList","@id":"https:\/\/www.jose-aguilar.com\/blog\/speed-index\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.jose-aguilar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Speed Index &#8211; Otra m\u00e9trica para medir el rendimiento Web"}]},{"@type":"WebSite","@id":"https:\/\/www.jose-aguilar.com\/blog\/#website","url":"https:\/\/www.jose-aguilar.com\/blog\/","name":"Jose Aguilar Blog","description":"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11","name":"Jose Aguilar","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","caption":"Jose Aguilar"},"description":"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.","sameAs":["https:\/\/plus.google.com\/114357189801512615537"],"url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/6969","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/comments?post=6969"}],"version-history":[{"count":0,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/6969\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media\/6970"}],"wp:attachment":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media?parent=6969"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/categories?post=6969"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/tags?post=6969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}