$(document).ready() - sem JQuery

Pessoal, estava procurando algumas formas de trabalhar independente de Plugins/Frameworks, inclusive o moderador Ted k' me disse que é melhor aprender Javascript puro antes de partir para o uso de plugins (se bem que eu quero evitar isso, por mais que facilite a vida). Enfim...

Veja o código abaixo:

<script>
 document.onreadystatechange = function(){
 if (document.readyState === 'complete')
 alert('Estou pronto');
 };
</script>

Aprendi que quando o DOM está pronto o valor de readyState irá mudar para 'complete'. Então, quando houver mudança de estado no documento ele faz essa verificação. Está certo isso?

Uma outra forma que também pode funcionar é usando addEventListener no documento, assim:

<script>
 document.addEventListener('DOMContentLoaded', function(){
 alert('Estou pronto também!');
 });
</script>

Está certo?

Minha dúvida é: Ambos os códigos substituem o $(document).ready() do JQuery? Funcionam da mesma forma?

Se sim, algum deles pode agir mais rápido? Ou são idênticos?

Se não, no que posso melhorar?

Obrigado :)