Dúvida de desempenho entre dois códigos JavaScript

diegorl · 26/01/2016

Tengo 2 códigos que me gustaría utilizar en una web, me gustaría saber cual es el que menos afectaría al rendimiento de la misma y el Hosting, su función es expandir o contraer texto.

Inserir CODE, HTML ou PHP:

<style type='text/css'>
  .elementoVisible {display:block;}
  .elementoOculto {display:none;}
  .linkContraido {
    ... propiedades de estilo para fuentes o imágenes ...
  }
  .linkExpandido {
    ... propiedades de estilo para fuentes o imágenes ...
  }
</style>

<script type='text/JavaScript'>
  function desplegarContraer(cual,desde) {
    var elElemento=document.getElementById(cual);
    if(elElemento.className == 'elementoVisible') {
      elElemento.className = 'elementoOculto';
      desde.className = 'linkContraido';
    } else {
      elElemento.className = 'elementoVisible';
      desde.className = 'linkExpandido';
    }
  }</script>

o

Inserir CODE, HTML ou PHP:

<!-- Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'></script>
<script>
google.load("prototype","1.7.0.0");
google.load("scriptaculous", "1.9.0");
</script>
<!-- Prototype y Scriptaculous-->

¿Cual seria mejor utilizar en una web?

XxMarkxX · 27/01/2016

No me parece sensato usar 2 frameworks unicamente para el manejo del DOM.

La primera sin lugar a dudas.

ocurrencio · 02/02/2016

El código Javascript se ejecuta en la máquina del usuario no en el servidor, así que no afecta para nada al Hosting. En cualquier caso, te recomiendo usar la librería jQuery. Es sencilla de usar y está bastante optimizada:

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script>
$('#elementoVisible').show();
$('#elementoOculto').hide();
//o puedes hacer ambos cambios a la vez con:
$('#elementoVisible, #elmentoOculto').toggle();
</script>

Dúvida de desempenho entre dois códigos JavaScript

diegorl

XxMarkxX

ocurrencio