{"id":121,"date":"2013-08-28T18:57:46","date_gmt":"2013-08-28T18:57:46","guid":{"rendered":"http:\/\/blogs.sld.cu\/alejandro\/?p=121"},"modified":"2014-05-29T15:11:17","modified_gmt":"2014-05-29T19:11:17","slug":"optimizando-el-peso-de-las-paginas-web","status":"publish","type":"post","link":"https:\/\/blogs.sld.cu\/alejandro\/2013\/08\/28\/optimizando-el-peso-de-las-paginas-web\/","title":{"rendered":"Optimizando el peso de las paginas web"},"content":{"rendered":"<p>Si consideramos las limitaciones actuales de Internet en Latinoam\u00e9rica, las p\u00e1ginas web deben ser creadas teniendo en cuenta la velocidad de descarga. Como primera premisa, las im\u00e1genes deber\u00edan ser reducidas para alcanzar niveles razonables, y los elementos multimedia deber\u00edan ser solamente usados cuando verdaderamente ayuden al usuario a comprender o complementar el contenido, de esta manera los usuarios con anchos de banda limitados, no deber\u00edan &#8220;comerse&#8221; p\u00e1ginas muy pesadas.<!--more--><\/p>\n<p>El peso de una p\u00e1gina no solamente engloba el archivo html visible, sino tambi\u00e9n, todos los objetos que forman parte de \u00e9l, como ser im\u00e1genes, aplets, hojas de estilo, etc. Si tenemos en cuenta que en Internet este factor esta asociado al tiempo de respuesta seg\u00fan la conexi\u00f3n del usuario, significa que el tiempo de descarga de la p\u00e1gina aumenta a\u00fan m\u00e1s.<\/p>\n<p>Seg\u00fan estudios hechos en laboratorios de usabilidad en casos de tiempos de espera muy largos, tambi\u00e9n juega un papel en contra la expectativa del usuario. Est\u00e1 comprobado que 1 segundo es el tiempo de respuesta m\u00e1ximo que se requiere para que los usuarios sientan que se mueven con libertad dentro de un espacio de informaci\u00f3n y 10 segundos es el l\u00edmite del tiempo de respuesta de un sistema para mantener la atenci\u00f3n del usuario en una tarea. O sea que si pretendemos que nuestro usuario no cierre el navegador, deberemos intentar ofrecerle la informaci\u00f3n en un lapso no mayor a 10 segundos.<\/p>\n<p>La siguiente tabla muestra el m\u00e1ximo permitido para el peso de una p\u00e1gina tomando en cuenta los estudios de ergonom\u00eda realizados sobre los tiempos de respuestas, arriba mencionados.<\/p>\n<p>Como para que te des una idea, en 10 segundos<\/p>\n<ul>\n<li>Con un modem bajar\u00e1n 34 Kb<\/li>\n<li>Con una conexi\u00f3n ISDN bajar\u00e1n 150 Kb<\/li>\n<li>y con una conexi\u00f3n tipo T1 bajar\u00e1n 2 Mb<\/li>\n<\/ul>\n<p>Esto nos deja con un margen aproximado de hasta 34 Kb para ofrecer una experiencia satisfactoria a nuestro usuario, pero a no desanimarse, se pueden lograr cosas muy buenas dentro de estos par\u00e1metros, solo hace falta creatividad e imaginaci\u00f3n.<\/p>\n<p>Igualmente y a modo de opini\u00f3n personal, creo que los 34 Kb son aplicables a las p\u00e1ginas principales, las de mayor acceso y aquellas que sirven de nexo con el contenido, las p\u00e1ginas que contienen los documentos finales con la informaci\u00f3n que el usuario espera obtener, suelen ser esperadas un poquito m\u00e1s, es decir, por el contenido, el usuario aguanta (pero no abusemos), en tanto que lo que obtiene vale la pena, pero si una p\u00e1gina principal, tarda cerca de 1 minuto en cargar les aseguro que el usuario se sentir\u00e1 defraudado cuando vea que todav\u00eda no encontr\u00f3 lo que estaba buscando y no sabe precisamente en cual click lo har\u00e1.<\/p>\n<p><strong>\u00bfC\u00f3mo podemos reducir el peso de nuestras p\u00e1ginas? <\/strong><\/p>\n<p>Con una buena dieta que contemple:<\/p>\n<ul>\n<li>Minimizar el uso de im\u00e1genes cuando no sea necesario.<\/li>\n<li>Optimizar al m\u00e1ximo las im\u00e1genes a utilizar.<\/li>\n<li>Utilizar hojas de estilo para disminuir el c\u00f3digo html destinado al formato y controlar este \u00faltimo de forma eficiente.<\/li>\n<li>Utilizar celdas coloreadas, cambios de tipograf\u00edas y otras variantes para dise\u00f1ar creativamente.<\/li>\n<\/ul>\n<p>Leer entrada completa <a title=\"Optimizar el peso de las paginas web\" href=\"http:\/\/www.interacciones.com.ar\/optimizando-para-la-web-peso-de-las-paginas\/\">aqu\u00ed<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si consideramos las limitaciones actuales de Internet en Latinoam\u00e9rica, las p\u00e1ginas web deben ser creadas teniendo en cuenta la velocidad de descarga. Como primera premisa, las im\u00e1genes deber\u00edan ser reducidas para alcanzar niveles razonables, y los elementos multimedia deber\u00edan ser solamente usados cuando verdaderamente ayuden al usuario a comprender o complementar el contenido, de esta [&hellip;]<\/p>\n","protected":false},"author":109,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[34],"tags":[],"_links":{"self":[{"href":"https:\/\/blogs.sld.cu\/alejandro\/wp-json\/wp\/v2\/posts\/121"}],"collection":[{"href":"https:\/\/blogs.sld.cu\/alejandro\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.sld.cu\/alejandro\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.sld.cu\/alejandro\/wp-json\/wp\/v2\/users\/109"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.sld.cu\/alejandro\/wp-json\/wp\/v2\/comments?post=121"}],"version-history":[{"count":3,"href":"https:\/\/blogs.sld.cu\/alejandro\/wp-json\/wp\/v2\/posts\/121\/revisions"}],"predecessor-version":[{"id":302,"href":"https:\/\/blogs.sld.cu\/alejandro\/wp-json\/wp\/v2\/posts\/121\/revisions\/302"}],"wp:attachment":[{"href":"https:\/\/blogs.sld.cu\/alejandro\/wp-json\/wp\/v2\/media?parent=121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.sld.cu\/alejandro\/wp-json\/wp\/v2\/categories?post=121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.sld.cu\/alejandro\/wp-json\/wp\/v2\/tags?post=121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}