dataset vs .data - Différence?

Je suis en train de lire quelques valeurs données dans les champs d'attributs. J'ai vu deux façons de lire les données comme indiqué ci-dessous:

var webappData = document.getElementById('web-app-data'),
    rating = webappData.dataset.rating;

OU

var effectData = $('.effects-list li'),
    creative = effectData.filter('[data-creative]').data("creative");

Ma question est de savoir lequel de ces a de meilleures performances, ou ont-ils vraiment différents?

J'ai une page avec de nombreux attributs de données que je suis accédant et je voudrais utiliser la méthode qui a le meilleur rendement.

Des conseils sur la compréhension de la différence entre les deux serait appréciée. Alors que je suis en train de regarder la performance spécifiquement si il y a d'autres raisons d'utiliser l'un sur l'autre, je voudrais savoir ce que bien.

source d'informationauteur L84