Como substituir $(document).ready() em JavaScript puro (Vanilla JS) e executar código após o carregamento do DOM?

Olá a todos! Comecei a estudar JavaScript recentemente e antes trabalhava um pouco com jQuery. Lá era simples: para executar código após a página carregar e a árvore DOM estar pronta, eu escrevia: ```javascript $(document).ready(function() { // meu código }); ``` Ou de forma abreviada: ```javascript $(function() { // meu código }); ``` Agora decidi abandonar o jQuery e escrever em JavaScript puro (Vanilla JS) para reduzir o tamanho da página e entender melhor como tudo funciona por baixo dos panos. Mas me deparei com um problema: como fazer corretamente um análogo do `$.ready()`? Tentei usar `window.onload`, mas isso só é acionado após o carregamento completo de todas as imagens e estilos, e eu preciso executar o código assim que o DOM for construído. Por exemplo, quero atribuir event handlers a botões ou alterar o texto em elementos que já estão no HTML. Tentei colocar o script no final do `` — isso funciona, mas ouvi dizer que existe uma maneira mais correta. Digam-me, como em JavaScript puro