{"id":2698,"date":"2016-01-26T01:53:43","date_gmt":"2016-01-25T23:53:43","guid":{"rendered":"http:\/\/mjcachon.es\/?p=2698"},"modified":"2021-05-31T16:09:01","modified_gmt":"2021-05-31T14:09:01","slug":"tiempo-de-carga-web-formas-de-medirlo","status":"publish","type":"post","link":"https:\/\/laikateam.com\/blog\/tiempo-de-carga-web-formas-de-medirlo\/","title":{"rendered":"Tiempo de carga web: formas de medirlo"},"content":{"rendered":"<p>Formas de medir o calcular el tiempo que tarda una web en cargar hay muchas, muchas con herramientas de terceros, otras con consolas de los navegadores (en la de chrome, explican genial c\u00f3mo usarla <a href=\"https:\/\/developer.chrome.com\/devtools\/docs\/network\" target=\"_blank\" rel=\"noopener noreferrer\">aqu\u00ed<\/a>), aplicaciones propias y un largo etece.<br \/>\nYo quiero sugerir en este post r\u00e1pido, 3 formas de verlo muy clarinete, con herramientas del d\u00eda a d\u00eda, al menos yo las uso todo el rato sin para \ud83d\ude42<\/p>\n<h2>Google Analytics<\/h2>\n<p>Te vas a <strong>Comportamiento &gt;&gt; Velocidad del Sitio&nbsp;<\/strong>y a jugar<br \/>\nAs\u00ed como grandes highlight, tienes la descripci\u00f3n general de velocidad de carga y el status de los contenidos de tu web<br \/>\n<a href=\"http:\/\/mjcachon.es\/wp-content\/uploads\/2016\/01\/metricas-resumen-velocidad-de-carga-GA.png\" rel=\"attachment wp-att-2699\"><img class=\"alignnone size-large wp-image-2699\" src=\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2020\/10\/metricas-resumen-velocidad-de-carga-GA-1024x113.png\" alt=\"metricas resumen velocidad de carga GA\" width=\"1024\" height=\"113\"><\/a> <a href=\"http:\/\/mjcachon.es\/wp-content\/uploads\/2016\/01\/grafica-velocidad-de-carga-media.png\" rel=\"attachment wp-att-2700\"><img class=\"alignnone size-large wp-image-2700\" src=\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2020\/10\/grafica-velocidad-de-carga-media-1024x238.png\" alt=\"grafica velocidad de carga media\" width=\"1024\" height=\"238\"><\/a><br \/>\n&nbsp;<br \/>\nUna pista aqu\u00ed, que las redirecciones en el enlazado interno, son una opci\u00f3n que impactan en el rendimiento, y suman tiempo cada vez que tienen que ser procesadas. Recordad amiguitos, enlaces internos a 200 OK, \u00bfok? \ud83d\ude00<br \/>\nTambi\u00e9n da Analytics la distribuci\u00f3n de tiempos de p\u00e1gina, que la agrupaci\u00f3n mola bastante para tener la visualizaci\u00f3n global del posible problema que tengamos<br \/>\n<a href=\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2020\/10\/distribucion-velocidad-de-carga-GA.png\" rel=\"attachment wp-att-2701\"><img class=\"alignnone size-full wp-image-2701\" src=\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2020\/10\/distribucion-velocidad-de-carga-GA.png\" alt=\"distribucion velocidad de carga GA\" width=\"630\" height=\"345\"><\/a><br \/>\nY las sugerencias de mejora, una tabla cuyos tiempos medios, pueden asustar (como en el ejemplo),pero&nbsp;nos ofrece directamente el test de page speed insights, si pulsamos en las sugerencias, m\u00e1s la puntuaci\u00f3n de dicha herramienta, no est\u00e1 mal, sobre todo para priorizar contenidos con m\u00e1s tr\u00e1fico y m\u00e1s puntos de mejora.<br \/>\n<a href=\"http:\/\/mjcachon.es\/wp-content\/uploads\/2016\/01\/sugerencias-velocidad-de-carga-GA.png\" rel=\"attachment wp-att-2702\"><img class=\"alignnone size-large wp-image-2702\" src=\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2020\/10\/sugerencias-velocidad-de-carga-GA-1024x267.png\" alt=\"sugerencias velocidad de carga GA\" width=\"1024\" height=\"267\"><\/a><\/p>\n<h2>Screaming Frog<\/h2>\n<p>Con la rana podemos hacer un an\u00e1lisis simple de crawlear un sitio y obtener los response times de TODOS los recursos (html, css, js,&#8230;), por los peque\u00f1os detalles es por los que amamos eternamente a screaming frog.<br \/>\nLa m\u00e9trica que nos ofrece es \u00abResponse Time\u00bb y trata de calcular de la forma m\u00e1s aproximada, los segundos que pasan desde la primera petici\u00f3n http hasta la final (cuando carga por completo).<br \/>\nUna vez hemos crawleado el sitio (nuestro o de nuestros competidores jijijijiji), podemos llegar a esa m\u00e9trica:<\/p>\n<ul>\n<li>Por defecto estaremos en la pesta\u00f1a \u00abInternal\u00bb, donde se encuentran todos los datos del crawleo. Si usamos el scroll horizontal, hacia la derecha veremos la columna \u00abResponse Time\u00bb, podemos ordenar toda la tabla con ese criterio, descendente o ascendente y detectar lo m\u00e1s lento o lo m\u00e1s r\u00e1pido.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/mjcachon.es\/wp-content\/uploads\/2016\/01\/internal-all-screaming-frog-response-time.png\" rel=\"attachment wp-att-2704\"><img class=\"alignnone size-large wp-image-2704\" src=\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2020\/10\/internal-all-screaming-frog-response-time-1024x535.png\" alt=\"internal all screaming frog response time\" width=\"1024\" height=\"535\"><\/a><br \/>\nY cuando vamos a la derecha, vemos la columna:<br \/>\n<a href=\"http:\/\/mjcachon.es\/wp-content\/uploads\/2016\/01\/response-time-screaming-frog.png\" rel=\"attachment wp-att-2705\"><img class=\"alignnone size-large wp-image-2705\" src=\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2020\/10\/response-time-screaming-frog-1024x391.png\" alt=\"response time screaming frog\" width=\"1024\" height=\"391\"><\/a><\/p>\n<ul>\n<li>Tambi\u00e9n podemos irnos al panel derecho y tendremos el top 20 de urls, con una \u00aboverview\u00bb, la info de \u00absite structure\u00bb y finalmente, \u00abresponse time\u00bb con porcentajes y un gr\u00e1fico distributivo debajo.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2020\/10\/panel-derecho-screaming-frog-response-times.png\" rel=\"attachment wp-att-2703\"><img class=\"size-full wp-image-2703 aligncenter\" src=\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2020\/10\/panel-derecho-screaming-frog-response-times.png\" alt=\"panel derecho screaming frog response times\" width=\"492\" height=\"972\"><\/a><br \/>\n&nbsp;<br \/>\nSi quisi\u00e9ramos los datos de tr\u00e1fico, podemos <a href=\"http:\/\/mjcachon.es\/blog\/trucos-screaming-frog\/\">vincular Screaming a Google Analytics<\/a> antes de crawlear y casi tendr\u00edamos datos similares a los que da el panel de Analytics.<br \/>\nAlgunos tips sencillos&nbsp;que podemos usar para analizar la m\u00e9trica compar\u00e1ndola con algo (dentro de Screaming, se entiende):<\/p>\n<ul>\n<li>Size: el tama\u00f1o del recurso<\/li>\n<li>Words: el n\u00famero de palabras del contenido<\/li>\n<li>Outlinks:&nbsp;los enlaces hacia p\u00e1ginas&nbsp;externas<\/li>\n<li>External Outlinks: los enlaces hacia p\u00e1ginas&nbsp;externas al subdominio crawleado (puede ser un subdominio del mismo dominio)<\/li>\n<\/ul>\n<p>Y una forma de visualizarlo mucho m\u00e1s guay, cambiando al modo \u00abtree\u00bb y con las columnas colocadas en el orden concreto, que no sea por opciones \ud83d\ude42<br \/>\n<a href=\"http:\/\/mjcachon.es\/wp-content\/uploads\/2016\/01\/response-time-modo-tree-screaming-frog.png\" rel=\"attachment wp-att-2708\"><img class=\"alignnone size-large wp-image-2708\" src=\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2020\/10\/response-time-modo-tree-screaming-frog-1024x592.png\" alt=\"response time modo tree screaming frog\" width=\"1024\" height=\"592\"><\/a><\/p>\n<h2>Urlprofiler<\/h2>\n<p>Dejo para el final la ni\u00f1a bonita, la herramienta m\u00e1s favorita de \u00faltimamente.<br \/>\nEscribimos aqu\u00ed un post sobre <a href=\"http:\/\/mjcachon.es\/blog\/mobile-friendly-page-speed-checker\/\">c\u00f3mo extraer page speed en bulk<\/a>, tanto en escritorio como en mobile, y la info es brutal, ya que te indica la mejora url a url.<br \/>\nAhora combinando el crawleo que hemos hecho con Screaming, lo podemos subir a Urlprofiler y usar el page speed checker mezclando datos de response time y dem\u00e1s m\u00e9tricas on page que traiamos de Screaming.<br \/>\n\u00bfNo os flipa el mundo de posibilidades que se abre ante vuestros ojo? Pues a mi si, que hay d\u00edas que ni ceno \ud83d\ude42<br \/>\nPasos a seguir:<\/p>\n<ul>\n<li>Descargar \u00abInternal All\u00bb de Screaming y gu\u00e1rdatelo en CSV (si hiciste el crawleo con vinculaci\u00f3n a Google Analytics, tambi\u00e9n tendr\u00e1s esa info en este csv).<\/li>\n<li>Vas a Urlprofiler, bot\u00f3n derecho, importar archivo Screaming<\/li>\n<li>Elegir m\u00e9trica \u00abDesktop Pagespeed\u00bb<\/li>\n<li>Estamos a tiempo de vincular con Analytics desde Urlprofiler, en este paso, si es que no lo hicimos en Screaming y juntar\u00edamos info de GA + Screaming + API de Page Speed (a trav\u00e9s de Urlprofiler)<\/li>\n<\/ul>\n<p><a href=\"http:\/\/mjcachon.es\/wp-content\/uploads\/2016\/01\/importar-csv-screaming-en-urlprofiler.png\" rel=\"attachment wp-att-2707\"><img class=\"wp-image-2707  aligncenter\" src=\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2020\/10\/importar-csv-screaming-en-urlprofiler-300x247.png\" alt=\"importar csv screaming en urlprofiler\" width=\"488\" height=\"402\"><\/a><br \/>\nAtentos al resultado, podemos usar la pesta\u00f1a con los datos aislados de page speed por url, o bien, la info combinada que traimos de screaming, que salen muchas columnas, pero ya os tocar\u00eda a vosotros filtrar un poquito y acoplar este mont\u00f3n de datos a vuestro caso concreto<br \/>\n<a href=\"http:\/\/mjcachon.es\/wp-content\/uploads\/2016\/01\/datos-combinados-screaming-frog-urlprofiler.png\" rel=\"attachment wp-att-2706\"><img class=\"alignnone size-large wp-image-2706\" src=\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2020\/10\/datos-combinados-screaming-frog-urlprofiler-1024x490.png\" alt=\"datos combinados screaming frog urlprofiler\" width=\"1024\" height=\"490\"><\/a><br \/>\nSi no te quieres liar mucho a sacar correlaciones, una muy evidente es comparar el tiempo que tarda cada url, y la puntuaci\u00f3n de page speed.<br \/>\nQuiz\u00e1s unas tablitas din\u00e1micas de excel te lleven hasta el adalid dorado llamado patr\u00f3n \ud83d\ude09<br \/>\n\u00bfMola o no mola urlprofiler?<br \/>\nAmor eterno, \u00a1\u00a1\u00a1es poco!!!<br \/>\nPero si con todo esto, no os he convencido para usar ninguna de las 3 formas para medir el tiempo de carga de vuestras webs, solo os puedo decir, usad <a href=\"http:\/\/webpagetest.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">WebPageTest<\/a><br \/>\n\u00bfAlguna sugerencia de post para pr\u00f3ximos d\u00edas?<br \/>\n&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Formas de medir o calcular el tiempo que tarda una web en cargar hay muchas, muchas con herramientas de terceros, otras con consolas de los navegadores (en la de chrome, explican genial c\u00f3mo usarla aqu\u00ed), aplicaciones propias y un largo etece. Yo quiero sugerir en este post r\u00e1pido, 3 formas de verlo muy clarinete, con<\/p>\n","protected":false},"author":2,"featured_media":6539,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tiempos de carga web: c\u00f3mo medirlo<\/title>\n<meta name=\"description\" content=\"Formas de medir o calcular el tiempo que tarda una web en cargar hay muchas, nosotros te contamos 3, \u00a1check it out!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/laikateam.com\/blog\/tiempo-de-carga-web-formas-de-medirlo\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tiempos de carga web: c\u00f3mo medirlo\" \/>\n<meta property=\"og:description\" content=\"Formas de medir o calcular el tiempo que tarda una web en cargar hay muchas, nosotros te contamos 3, \u00a1check it out!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/laikateam.com\/blog\/tiempo-de-carga-web-formas-de-medirlo\/\" \/>\n<meta property=\"og:site_name\" content=\"LaikaTeam\" \/>\n<meta property=\"article:published_time\" content=\"2016-01-25T23:53:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-31T14:09:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2016\/01\/tiempo-carga.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@laikateam_es\" \/>\n<meta name=\"twitter:site\" content=\"@laikateam_es\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/laikateam.com\/blog\/#organization\",\"name\":\"Laika\",\"url\":\"https:\/\/laikateam.com\/blog\/\",\"sameAs\":[\"https:\/\/www.instagram.com\/laika_team\",\"https:\/\/www.linkedin.com\/company\/laika-team\/\",\"https:\/\/twitter.com\/laikateam_es\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/laikateam.com\/blog\/#logo\",\"inLanguage\":\"es\",\"url\":\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2021\/06\/logo-laika.png\",\"contentUrl\":\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2021\/06\/logo-laika.png\",\"width\":318,\"height\":350,\"caption\":\"Laika\"},\"image\":{\"@id\":\"https:\/\/laikateam.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/laikateam.com\/blog\/#website\",\"url\":\"https:\/\/laikateam.com\/blog\/\",\"name\":\"LaikaTeam\",\"description\":\"Strategic &amp; SEO Consulting\",\"publisher\":{\"@id\":\"https:\/\/laikateam.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/laikateam.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/laikateam.com\/blog\/tiempo-de-carga-web-formas-de-medirlo\/#primaryimage\",\"inLanguage\":\"es\",\"url\":\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2016\/01\/tiempo-carga.jpg\",\"contentUrl\":\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2016\/01\/tiempo-carga.jpg\",\"width\":1920,\"height\":1080},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/laikateam.com\/blog\/tiempo-de-carga-web-formas-de-medirlo\/#webpage\",\"url\":\"https:\/\/laikateam.com\/blog\/tiempo-de-carga-web-formas-de-medirlo\/\",\"name\":\"Tiempos de carga web: c\\u00f3mo medirlo\",\"isPartOf\":{\"@id\":\"https:\/\/laikateam.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/laikateam.com\/blog\/tiempo-de-carga-web-formas-de-medirlo\/#primaryimage\"},\"datePublished\":\"2016-01-25T23:53:43+00:00\",\"dateModified\":\"2021-05-31T14:09:01+00:00\",\"description\":\"Formas de medir o calcular el tiempo que tarda una web en cargar hay muchas, nosotros te contamos 3, \\u00a1check it out!\",\"breadcrumb\":{\"@id\":\"https:\/\/laikateam.com\/blog\/tiempo-de-carga-web-formas-de-medirlo\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/laikateam.com\/blog\/tiempo-de-carga-web-formas-de-medirlo\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/laikateam.com\/blog\/tiempo-de-carga-web-formas-de-medirlo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/laikateam.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tiempo de carga web: formas de medirlo\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/laikateam.com\/blog\/tiempo-de-carga-web-formas-de-medirlo\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/laikateam.com\/blog\/tiempo-de-carga-web-formas-de-medirlo\/#webpage\"},\"author\":{\"@id\":\"https:\/\/laikateam.com\/blog\/#\/schema\/person\/57bc6c6ac096e3437e2261bf39255923\"},\"headline\":\"Tiempo de carga web: formas de medirlo\",\"datePublished\":\"2016-01-25T23:53:43+00:00\",\"dateModified\":\"2021-05-31T14:09:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/laikateam.com\/blog\/tiempo-de-carga-web-formas-de-medirlo\/#webpage\"},\"wordCount\":888,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/laikateam.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/laikateam.com\/blog\/tiempo-de-carga-web-formas-de-medirlo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/laikateam.com\/blog\/wp-content\/uploads\/2016\/01\/tiempo-carga.jpg\",\"articleSection\":[\"Herramientas\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/laikateam.com\/blog\/tiempo-de-carga-web-formas-de-medirlo\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/laikateam.com\/blog\/#\/schema\/person\/57bc6c6ac096e3437e2261bf39255923\",\"name\":\"MJ Cachon\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/laikateam.com\/blog\/#personlogo\",\"inLanguage\":\"es\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4f93a22677b533182414d91829674844?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4f93a22677b533182414d91829674844?s=96&d=mm&r=g\",\"caption\":\"MJ Cachon\"},\"sameAs\":[\"https:\/\/www.laikateam.com\/\"],\"url\":\"https:\/\/laikateam.com\/blog\/author\/mj-cachon\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/posts\/2698"}],"collection":[{"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/comments?post=2698"}],"version-history":[{"count":2,"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/posts\/2698\/revisions"}],"predecessor-version":[{"id":6540,"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/posts\/2698\/revisions\/6540"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/media\/6539"}],"wp:attachment":[{"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/media?parent=2698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/categories?post=2698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/laikateam.com\/blog\/wp-json\/wp\/v2\/tags?post=2698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}