{"id":449,"date":"2018-11-13T09:28:32","date_gmt":"2018-11-13T09:28:32","guid":{"rendered":"https:\/\/www.josejavierfm.es\/blog\/?p=449"},"modified":"2018-11-15T07:02:24","modified_gmt":"2018-11-15T07:02:24","slug":"optimizacion-en-el-diseno-web","status":"publish","type":"post","link":"https:\/\/www.josejavierfm.es\/blog\/2018\/11\/13\/optimizacion-en-el-diseno-web\/","title":{"rendered":"Optimizaci\u00f3n en el Dise\u00f1o Web"},"content":{"rendered":"

Han pasado muchos a\u00f1os desde que naci\u00f3 la web all\u00e1 por el a\u00f1o 1989<\/a>. Y desde entonces mucho se ha evolucionado
\nEmpezamos con paginas sencillas con mucho texto y poca imagen, teniendo en cuenta las velocidades de conexi\u00f3n y los ordenadores que hab\u00eda entonces.
\nRecuerdo que mi vida inform\u00e1tica empec\u00e9 con un IBM 8086, sin disco duro, el siguiente fu\u00e9 un 286, pasando por un 386, el 486 y el pentium. Fu\u00e9 con el pentium con el que descubr\u00ed internet, conectando con un modem de 56k, con los problemas que ocasionaba que si quer\u00edas navegar te quedabas sin tel\u00e9fono y pod\u00eda pasar que te \u00abpidieran\u00bb que dejaras de utilizarlo para poder llamar. Eran otros tiempos, sin m\u00f3viles, y nos apa\u00f1\u00e1bamos con lo que ten\u00edamos.
\nPor aquel entonces no estaba ni google, ni Metacom SBD<\/a>, ni las redes sociales, ahora seria impensable, pero utiliz\u00e1bamos terra <\/a>y altavista.<\/p>\n

Evoluci\u00f3n de youtube<\/strong>
\nDesde 2009 a d\u00eda de hoy, 2018
\n\"\"2006<\/a>
\n\"\"2007<\/a>
\n\"\"2008<\/a>
\n\"\"2009<\/a>
\n\"\"2010<\/a>
\n\"\"2011<\/a>
\n\"\"2012<\/a>
\n\"\"2013<\/a>
\n\"\"2014<\/a>
\n\"\"2015<\/a>
\n\"\"2016<\/a>
\n\"\"2017<\/a><\/p>\n

\"\"Noviembre de 2018<\/a><\/p>\n

Como se puede apreciar, se empieza con un dise\u00f1o simple con mas texto que im\u00e1genes, con una resoluci\u00f3n fija, normalmente de 800*600 o como mucho de 1024×768. Las paginas se hac\u00edan para un resoluci\u00f3n, si tenias una pantalla mas peque\u00f1a tenias scroll por todas partes.
\n\"\"<\/a>
\nOtro detalle por el que han pasado las paginas web es la tecnolog\u00eda utilizada, por debajo est\u00e1 basado en HTML<\/a>, puede utilizar javascript y css. Por encima tambi\u00e9n hay diferentes tecnolog\u00edas que pueden generar ese \u00ablenguaje\u00bb que al final es el que entiende en navegador, como Java o PHP<\/a>.<\/p>\n

Hubo un tiempo en el que las web se hac\u00edan utilizando tecnolog\u00eda flash<\/a>, eran mucho mas vistosas pero requer\u00edan otra manera de hacer las paginas, no se utilizaba el HTML sino que toda la informaci\u00f3n estaba contenida en un ficheros swf. para que funcionaran necesitaban un reproductor en el navegador, que normalmente se tenia que instalar aparte, que necesitaba de actualizaciones aparte de las del navegador y que era utilizado por sus agujeros de seguridad como entrada a los equipos por parte de los hackers. Esa tecnolog\u00eda fue muy criticada por Steve Jobs<\/a>, y los dispositivos de Apple (iphone y ipad) no lo incluyeron, el paso del tiempo le ha dado la raz\u00f3n y a d\u00eda de hoy se considera muerto<\/a>, ha sido sustituido por HTML5, que incluye muchas de las caracter\u00edsticas <\/a>que faltaban a html y que flash prove\u00eda. Cada d\u00eda disminuye el uso de flash y aumenta el de html5.<\/p>\n

Otro de los puntos importantes a la hora de hablar de la web es el tema del dise\u00f1o m\u00f3vil, en 2018 el uso del m\u00f3vil para navegar supera <\/a>al ordenador, por lo que es muy importante que una web se vea bien tanto en dispositivo m\u00f3vil como en una pantalla grande. Para eso hay dos estrategias, paginas que realizan dos proyectos diferentes, con el coste que eso conlleva, y que al entrar en la web detectan cual es el dispositivo y te redirigen de uno a otro, como por ejemplo facebook, con su web movil https:\/\/mobile.facebook.com\/<\/a> y paginas que son responsive, y se adaptan a la pantalla como por ejemplo Metacom SBD<\/a>. Esta importancia del dise\u00f1o m\u00f3vil llega incluso a Google, donde su algoritmo para aparecer en las b\u00fasquedas premia a las paginas que se ven bien en versi\u00f3n m\u00f3vil.<\/p>\n

Por lo que es muy importante contar con un buen equipo de marketing <\/a>que pueda dar valor a la web, que sepa orientar y conseguir el resultado ideal.<\/p>\n\n

Twittear<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"

Han pasado muchos a\u00f1os desde que naci\u00f3 la web all\u00e1 por el a\u00f1o 1989. Y desde entonces mucho se ha evolucionado Empezamos con paginas sencillas con mucho texto y poca imagen, teniendo en cuenta las velocidades de conexi\u00f3n y los ordenadores que hab\u00eda entonces. Recuerdo que mi vida inform\u00e1tica empec\u00e9 con un IBM 8086, sin […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[14],"tags":[],"_links":{"self":[{"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/posts\/449"}],"collection":[{"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/comments?post=449"}],"version-history":[{"count":9,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/posts\/449\/revisions"}],"predecessor-version":[{"id":472,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/posts\/449\/revisions\/472"}],"wp:attachment":[{"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/media?parent=449"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/categories?post=449"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/tags?post=449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}