{"id":411,"date":"2017-08-02T10:19:44","date_gmt":"2017-08-02T08:19:44","guid":{"rendered":"http:\/\/webposible.com\/xposible\/?p=411"},"modified":"2017-08-02T10:23:35","modified_gmt":"2017-08-02T08:23:35","slug":"dom-vs-todo-lo-demas","status":"publish","type":"post","link":"http:\/\/webposible.com\/xposible\/2017\/dom-vs-todo-lo-demas\/","title":{"rendered":"DOM vs. todo lo dem\u00e1s"},"content":{"rendered":"

Como ya he comentado alguna vez, no estoy precisamente a la \u00faltima en las nuevas tendencias de desarrollo web (\u00bf?). Cuando empec\u00e9 en esto, Netscape<\/span> 4 era mayoritario, y empezaba a manifestarse una guerra de navegadores frente a Internet Explorer.
\nObviamente todo ha cambiado mucho: ordenadores, navegadores, pantallas, soporte de est\u00e1ndares, velocidad de conexi\u00f3n, las librer\u00edas de javascript<\/span>, los frameworks<\/span> web, los m\u00f3viles, y ese mundo inabarcable en el que se est\u00e1 convirtiendo todo lo relacionado con el desarrollo web: npm<\/abbr> anuncia 475.000 building blocks ahora mismo.
\nLo raro es no tener fatiga de desarrollo web<\/span> y javascript<\/span>. Lo normal es sufrir ansiedad porque es imposible estar al d\u00eda.<\/span><\/p>\n

Terminado el inciso pseudohist\u00f3rico y de salud mental, y antes de la cita del 2015 que quer\u00eda incluir, me gustar\u00eda dejar apuntadas algunas reflexiones no muy elaboradas, pero que merecen tenerse en cuenta:<\/p>\n

    \n
  1. Cada bloque de c\u00f3digo y fichero que se incluye en una p\u00e1gina web, implica un aumento del tiempo de carga: ya sea una imagen, o una hoja de estilos. Cada kilobyte<\/span> cuenta.<\/li>\n
  2. Cada nodo que se a\u00f1ade al DOM<\/abbr>, es un elemento m\u00e1s a tener en cuenta para el motor de renderizado del navegador.<\/li>\n
  3. Cuando usamos una librer\u00eda que trabaja con el DOM<\/abbr> o una abstracci\u00f3n del mismo, implica que se incrementa el n\u00famero de eventos que est\u00e1n a la espera aunque no se utilice. Afecta al rendimiento (tiempo de carga, uso de memoria,\u2026). Yo desde hace a\u00f1os tengo la imagen mental de un frasco lleno de avispas nerviosas \ud83d\ude42<\/em><\/li>\n
  4. Cada nueva librer\u00eda, plugin<\/span>,… a\u00f1ade complejidad y posibles problemas de compatibilidad.<\/li>\n
  5. La dependencia en el desarrollo de wadus-script junto un equipo de desarrollo con m\u00e1s o menos conocimiento espec\u00edfico, puede tener un alto coste si hay que reemplazarlo.<\/li>\n<\/ol>\n

    Claro, que tambi\u00e9n se puede ver desde el siguiente punto de vista:<\/p>\n

      \n
    1. Hay c\u00f3digo y ficheros de una p\u00e1gina web, que valen su peso en oro.<\/li>\n
    2. Algunos elementos extra de HTML, identificadores o clases pueden ser muy \u00fatiles (aunque todav\u00eda no lo sepamos).<\/li>\n
    3. Hay librer\u00edas que simplifican mucho el tiempo y la eficiencia en el desarrollo.<\/li>\n
    4. Al igual que en el punto anterior, hay librer\u00edas que pueden simplificar el desarrollo e incluso solucionar problemas de compatibiliad (como html5shiv<\/a> o es5-shim<\/a>).<\/li>\n
    5. El uso del wadus-script de turno por un equipo competente, puede tener resultados brillantes.<\/li>\n<\/ol>\n

      Por lo tanto, depende<\/strong> es una palabra clave ante estas cuestiones. Al final el factor determinante deber\u00eda ser el proyecto a desarrollar y el rendimiento (en tiempo de carga, tiempo hasta que se puede interactuar, tiempo de desarrollo, calidad de c\u00f3digo y facilidad de mantenimiento,…).<\/p>\n

      La teor\u00eda, en ocasiones es sencilla \ud83d\ude42<\/p>\n

      Y ahora, la cita en cuesti\u00f3n.<\/p>\n

      \n

      The DOM Is Just Fine<\/h3>\n

      It puzzles me that developers seem to create themselves a problem and then they point the finger around to search and blame the cause: no, the DOM is not your problem, the fact you brought an over-engineered abstraction on top of a deadly simple task, like a table that needs some quick update, is the real problem you don’t want to see.
      \nIt scares me that developers behind frameworks seem to be often incapable of getting some fresh air and think out of the cell they put themselves in: learning and using only that framework, ignoring everything else … sometimes forgetting even common sense, probably shadowed by the framework approach.
      \nLet’s do ourselves a favor, let’s stop being religious about any sort of framework and learn what the native world has to offer, what other frameworks have to offer too, and what’s the best solution for that<\/strong> specific problem, which is never every problem we have!
      \nEvery framework was born to solve a very specific problem … have you asked yourself if that is really the same problem you have and the one you need to solve?
      \nMoreover, there will always be a faster, ad-hoc, way to do this or that and your framework cannot cover all the cases … it’s actually the opposite: the more cases it will cover, the slower it will be. So let’s please stop moaning about the DOM and start doing things in a different way … shall we?
      \nWe’ll be those with most benefits, after all, so please think about it.<\/p><\/blockquote>\n

      The DOM Is NOT Slow, Your Abstraction Is<\/a><\/cite> Andrea Giammarchi<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

      Como ya he comentado alguna vez, no estoy precisamente a la \u00faltima en las nuevas tendencias de desarrollo web (\u00bf?). Cuando empec\u00e9 en esto, Netscape 4 era mayoritario, y empezaba a manifestarse una guerra de navegadores frente a Internet Explorer. Obviamente todo ha cambiado mucho: ordenadores, navegadores, pantallas, soporte de est\u00e1ndares, velocidad de conexi\u00f3n, las […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[27,62,69],"tags":[],"_links":{"self":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts\/411"}],"collection":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/comments?post=411"}],"version-history":[{"count":5,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts\/411\/revisions"}],"predecessor-version":[{"id":416,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts\/411\/revisions\/416"}],"wp:attachment":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/media?parent=411"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/categories?post=411"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/tags?post=411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}