Vi esta pregunta en stackoverflow pero no siento que haya sido respondida en absoluto.

Es $(document).readynecesario?

Vinculo todos mis javascripts en la parte inferior de la página, por lo que, en teoría, todos se están ejecutando después de que el documento esté listo de todos modos.

Es $(document).readynecesario?

No

si ha colocado todos sus scripts justo antes de la </body>etiqueta de cierre, ha hecho exactamente lo mismo.

Además, si el script no necesita acceder al DOM, no importará dónde se cargue más allá de las posibles dependencias de otros scripts.

Para muchos CMS, no tiene muchas opciones de dónde se cargan los scripts, por lo que es una buena forma para que el código modular use el document.readyevento. ¿Realmente desea volver atrás y depurar el código antiguo si lo reutiliza en otro lugar?

sin relación:

Como nota al margen: debe usar en jQuery(function($){...});lugar de $(document).ready(function(){...});como fuerza al alias $.

No, si su javascript es lo último antes de cerrar, no necesitará agregar esas etiquetas.

Como nota al margen, una abreviatura de $ (document) .ready es el código a continuación.

$(function() {
// do something on document ready
});

Esta pregunta puede ser buena. ¿Lo leíste? jQuery: ¿Por qué usar document.ready si JS externo está en la parte inferior de la página?

No, no es necesario siempre que sepa que no está sucediendo ningún asunto diferido y, en la mayoría de los casos, sabrá si ha desarrollado lo que está trabajando de arriba a abajo.

- Es cuando traes el código de otra persona, sin auditarlo a fondo, que no sabes.

Entonces, pregúntese si está utilizando un marco o editor que le ayude con la estructura. ¿Está introduciendo el código de otra persona y no se ha molestado en leer cada archivo? ¿Está preparado para pasar por la matriz del sistema operativo, el navegador y la versión del navegador para probar su código? ¿ Necesita exprimir cada gramo de velocidad de su código?

document.ready () hace que muchas de esas preguntas se vuelvan irrelevantes. document.ready () fue diseñado para hacerle la vida más fácil. Se trata de un pequeño (y me atrevería a decir aceptable) éxito de rendimiento.

He visto referencias / publicaciones de blog en Internet sobre el uso de jquery's document.ready. En mi opinión, tanto usarlo como poner todo su javascript al final de la página son válidos. Y ahora la pregunta sería ¿cuál sería mejor? Es solo una cuestión de estilo de programación.

No, no es necesario. Puede poner la etiqueta de script justo antes de la etiqueta de cierre del cuerpo o, si es compatible con IE9 +, puede usar JS nativo.

<script>alert('DOM Loaded!');</script>
</body>

<script>
document.addEventListener("DOMContentLoaded", function(event) { 
      // DOM has loaded ready to fire JS scripts
    });
</script>