Front-end preguiçosos são preguiçosos

É do conhecimento geral que os programadores são preguiçosos.
Isso não deve ser considerado uma característica negativa, pois na maioria dos casos os torna mais produtivos.

No entanto, existem casos em que essa preguiça faz com que os programas / scripts sejam executados mais lentamente do que poderiam. Vamos tomar o jQuery como exemplo. O jQuery permite que os programadores manipulem o DOM sem muito conhecimento do que está acontecendo em segundo plano. Isso não é ruim na maioria dos casos, porque torna a curva de aprendizado menos acentuada, mas em outros casos degrada o desempenho.

A maioria dos programadores tende a usar jQuery para tudo que diz respeito à manipulação de DOM / seleção de elementos, mas em alguns casos eles devem usar os métodos nativos de JavaScript que estão disponíveis na maioria dos navegadores. Alguns exemplos:

Seleção de elemento com base em id (jQuery)

$('#awesome-div');

Seleção de elemento com base no id (nativo)

document.getElementById('awesome-div');

Seleção de elemento com base em id (nativo + jQuery)

$(document.getElementById('awesome-div'));

Como você pode imaginar, o método nativo é o mais rápido, enquanto o jQuery é o mais lento.
A combinação dos dois métodos (nativo + jQuery) ainda é duas vezes mais rápida do que usar apenas o jQuery.
Veja: http://jsperf.com/tschuermans-jquery-id-selector-vs-native-id-selector para um benchmark.

Criação de elemento (exemplo 1 de jQuery)

$('<div>');

Criação de elemento (exemplo 2 do jQuery)

$('<div/>');

Criação de elemento (exemplo 3 do jQuery)

$('<div></div>');

Criação de elemento (nativo)

document.createElement('div');

Criação de elemento (Native + jQuery)

$(document.createElement('div'));

Os métodos nativos venceram o jQuery novamente! Os primeiros três exemplos são semelhantes em desempenho, enquanto o método nativo é 3-4x mais rápido. A combinação dos dois métodos (nativo + jQuery) ainda é duas vezes mais rápida do que usar apenas o jQuery. Consulte http://jsperf.com/tschuermans-element-creation para obter uma referência.

Embora o jQuery seja fácil de usar, às vezes os métodos nativos ou uma combinação de jQuery e métodos nativos são uma alternativa melhor. Portanto, pare de ser preguiçoso e aprenda um pouco de JavaScript em vez de sempre usar jQuery: p