Un estudio de Google<\/strong><\/a> encontr\u00f3 una relaci\u00f3n inversamente proporcional entre el tiempo de carga de una p\u00e1gina y la probabilidad de que su usuario la abandone. Si la p\u00e1gina tarda:<\/p>\n\n\n\n De forma similar, si el n\u00famero de elementos en la p\u00e1gina -texto, t\u00edtulos, im\u00e1genes\u2014 sube de 400 a 6,000, la probabilidad de conversi\u00f3n<\/strong> (de que el usuario termine lo que est\u00e1 haciendo) cae un 95%.<\/strong><\/p>\n\n\n\n Como se puede notar en la gr\u00e1fica, el tiempo de carga ideal para un usuario es debajo de los 3.3 segundos<\/strong>, que corresponde con el mayor \u00edndice de conversiones. <\/p>\n\n\n\n Aunque el ancho de banda juega un papel importante, es necesario reconocer que no es posible para los due\u00f1os del sitio<\/strong> (y a veces tampoco para el usuario<\/em>) controlar el ancho de banda al que tiene acceso<\/strong>. Es mejor asumir que los usuarios tendr\u00e1n anchos de banda lentos o limitados y enfocarnos en los factores que est\u00e1n bajo nuestro control.<\/p>\n\n\n\n Al contrario de lo que se asume com\u00fanmente, el tiempo de carga de un sitio aumenta debido a malas pr\u00e1cticas de dise\u00f1o y desarrollo web, y a una mala gesti\u00f3n del servidor donde la p\u00e1gina se hospeda<\/strong>. Entre los errores y problemas m\u00e1s comunes se encuentran:<\/p>\n\n\n\n Un factor importante es que no todos los sitios est\u00e1n correctamente optimizados para dispositivos m\u00f3viles, a pesar que sabemos que m\u00e1s de la mitad del tr\u00e1fico de un sitio web se origina en smartphones:<\/em><\/p>\n\n\n\n Consciente del aumento del tr\u00e1fico desde dispositivos m\u00f3viles, Google<\/strong> anunci\u00f3 la liberaci\u00f3n de su Mobile-First Index<\/a>, lo que significa desde 2018 las p\u00e1ginas web optimizadas para m\u00f3viles tendr\u00e1n una mejor posici\u00f3n en los resultados org\u00e1nicos del buscador<\/strong> que las que est\u00e9n enfocadas a pantallas grandes en computadoras de escritorio.<\/p>\n\n\n\n La medici\u00f3n y optimizaci\u00f3n del tiempo de carga de un sitio no depende de un factor \u00fanico. Para poder darle seguimiento y de la misma manera en que se hace en los estudios de usabilidad<\/a>, es necesario definir m\u00e9tricas de desempe\u00f1o que nos ayuden a planear de manera cuantitativa.<\/p>\n\n\n\n Algunas m\u00e9tricas indispensables<\/a> son:<\/p>\n\n\n\n Google<\/strong> ha creado algunas herramientas para poder hacer an\u00e1lisis del tiempo y la experiencia de carga de una p\u00e1gina web para optimizarlas:<\/p>\n\n\n\n PageSpeed Insights<\/strong><\/a> analiza el contenido de una p\u00e1gina web y crea sugerencias para hacerla m\u00e1s r\u00e1pida, adem\u00e1s de que permite medir algunas m\u00e9tricas de tiempo de carga.<\/p>\n\n\n\n Test My Site<\/a><\/strong> mide la velocidad de todas las p\u00e1ginas que conforman tu sitio en funci\u00f3n de datos del mundo real recopilados mediante el Informe sobre la experiencia de usuario en Chrome<\/strong> (Chrome User Experience Report<\/a>). Este informe se actualiza todos los meses y est\u00e1 disponible de forma p\u00fablica y es la fuente de datos hist\u00f3ricos y actuales. Los datos se muestran por pa\u00eds y tipo de conexi\u00f3n efectiva.<\/p>\n\n\n\n Comprendiendo de manera cuantitativa los factores que aumentan el tiempo de carga de una p\u00e1gina, podremos trabajar en un plan de mejora para llevar nuestras p\u00e1ginas y aplicaciones a m\u00e1s usuarios en menos tiempo para ayudarlos a lograr sus objetivos.<\/p>\n","protected":false},"excerpt":{"rendered":" No todo en UX es visual. Un factor invisible como el tiempo que tarda en cargar una p\u00e1gina web es cr\u00edticos en el dise\u00f1o de UX para aumentar las conversiones.<\/p>\n","protected":false},"author":1,"featured_media":326,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[72],"tags":[21,106,107,104,105],"class_list":["post-325","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-investigacion","tag-google","tag-optimizacion","tag-sitios-web","tag-tiempo-de-carga","tag-ux-invisible","entry"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/04\/tiempo-de-carga.jpg?fit=702%2C336&ssl=1","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/posts\/325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/comments?post=325"}],"version-history":[{"count":3,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/posts\/325\/revisions"}],"predecessor-version":[{"id":416,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/posts\/325\/revisions\/416"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/media\/326"}],"wp:attachment":[{"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/media?parent=325"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/categories?post=325"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/tags?post=325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"\"](\"https:\/\/i2.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/04\/Screenshot_20190315-174334.png?fit=640%2C331&ssl=1\")
Factores del tiempo de carga de una p\u00e1gina web<\/h3>\n\n\n\n
![\"Porcentaje](\"https:\/\/i0.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/04\/241462.png?resize=640%2C476&ssl=1\")
M\u00e9tricas de medici\u00f3n de tiempo de carga<\/h3>\n\n\n\n
<\/li>Herramientas para medici\u00f3n y optimizaci\u00f3n de sitios web <\/h3>\n\n\n\n
PageSpeed Insights<\/h4>\n\n\n\n
![\"PageSpeed](\"https:\/\/i0.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/04\/google-pagespeed-insights.png?resize=640%2C364&ssl=1\")
<\/a><\/figure><\/div>\n\n\n\nGoogle Test My Site<\/h4>\n\n\n\n
![\"Google](\"https:\/\/i1.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2019\/04\/Screenshot-2019-04-08-at-15.18.10.png?fit=640%2C328&ssl=1\")
<\/a><\/figure><\/div>\n\n\n\nConclusi\u00f3n<\/h3>\n\n\n\n