Duda de rendimiento entre dos códigos JavaScript

diegorl · 26 Ene 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.

Insertar CODE, HTML o 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

Insertar CODE, HTML o 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 Ene 2016

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

La primera sin lugar a dudas.

ocurrencio · 2 Feb 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>

Duda de rendimiento entre dos códigos JavaScript

diegorl

XxMarkxX

ocurrencio