Outils de laboratoire jaune fonctionne sur un serveur Node.js, est facile à installer , et permet aux développeurs de tester un site web (via une URL). Cela se fait en accédant au site Web via PhantomJS et la collecte de diverses mesures et des statistiques.
Ces paramètres sont ensuite manipulées et présentées dans un format facile à comprendre, organisée dans les catégories d'intérêt.
Actuellement, il ya une section pour analyser l'exécution chronologie JavaScript, avec un profileur JavaScript qui permet aux développeurs de voir comment les scripts JS ont été exécutés, quoi et où leurs résultats et comment il impacté la performance de la page.
Les scripts JS et leurs résultats sont classés en fonction de la façon dont ils interagissent avec les DOM alors qu'il est en cours de création, interagissaient avec, le chargement du nouveau contenu et après ça a été terminé.
La deuxième principale utilité est une fonction de notation qui fournit de A à F grades basés sur la performance des différents services publics et des opérations comme DOM complexité, la manipulation du DOM, le nombre de requêtes HTTP, les interactions du réseau, la complexité de la CSS, etc. .
En plus de la version Web de Yellow Tools Lab, le paquet est également livré avec l'intégration Node.js CLI, une tâche Grunt, et une API RESTful accessible au public.
Dans l'ensemble, jaunes Outils de laboratoire peut être vraiment utile pour les débutants et les codeurs avancés, les aider à améliorer ou corriger la façon dont ils écrivent JS et CSS, le renforcement des vitesses de chargement de page et la performance globale de leur code.
Ce qui est nouveau dans cette version:
- changements de règles:
- Nouvelle règle Poids total
- Nouvelle règle d'optimisation d'image qui vous indique le nombre de KB qui pourrait être économisé
- Nouveau minification règle de fichier qui vous indique le nombre de KB qui pourrait être économisé
- Changement de la règle la compression Gzip à dire le nombre de KB sauvé
- Nouvelle règle de ne pas lazyloaded images qui détecte les images sous le pli
- Regroupés différents html / js / css / JSON / image / PoliceWeb / vidéo / autres règles séparée en une règle de nombre de demandes
- regroupait les 3 seperated petites js / CSS / fichiers images règles dans une petite règle de demandes
- Améliorations:
- catégories réorganisé sur le tableau de bord, le poids de la page et les demandes sont maintenant premier
- Rebaptisé catégorie Réseau en config Server
- Changement des seuils certaines règles, principalement à être plus frais
Ce qui est nouveau dans la version 1.7.2:
- changements de règles:
- Nouvelle règle Poids total
- Nouvelle règle d'optimisation d'image qui vous indique le nombre de KB qui pourrait être économisé
- Nouveau minification règle de fichier qui vous indique le nombre de KB qui pourrait être économisé
- Changement de la règle la compression Gzip à dire le nombre de KB sauvé
- Nouvelle règle de ne pas lazyloaded images qui détecte les images sous le pli
- Regroupés différents html / js / css / JSON / image / PoliceWeb / vidéo / autres règles séparée en une règle de nombre de demandes
- regroupait les 3 seperated petites js / CSS / fichiers images règles dans une petite règle de demandes
- Améliorations:
- catégories réorganisé sur le tableau de bord, le poids de la page et les demandes sont maintenant premier
- Rebaptisé catégorie Réseau en config Server
- Changement des seuils certaines règles, principalement à être plus frais
Ce qui est nouveau dans la version 1.6.4:
- règles supprimées: "insère DOM", "requêtes DOM» et «événements liés"
- Ajout règle: "l'accès de DOM", en comptant toutes les règles ci-dessus enlevés et plus
- Ajout de règle "jQuery appelle objet vide"
- "Recherches sans résultats" sont maintenant aussi compter requêtes jQuery
- Fait "count police" exclut refroidisseur
- Made "Les variables globales" refroidisseur de règle
Ce qui est nouveau dans la version 1.4.1:
- Ajouter une capture d'écran de la page testé sur le tableau de bord.
- Améliorer la lisibilité délinquants pour faciliter le débogage.
- Nouveau "différentes couleurs CSS" règle.
Ce qui est nouveau dans la version 1.3.2:
- Ajouter une capture d'écran de la page testé sur le tableau de bord.
- Améliorer la lisibilité délinquants pour faciliter le débogage.
- Nouveau "différentes couleurs CSS" règle.
Ce qui est nouveau dans la version 1.2.0:
- Ajouter une capture d'écran de la page testé sur le tableau de bord.
- Améliorer la lisibilité délinquants pour faciliter le débogage.
- Nouveau "différentes couleurs CSS" règle.
Ce qui est nouveau dans la version 1.1.0:
- Yellow Tools Lab peut maintenant être utilisé:
- Comme un module NodeJS (documentation)
- De la ligne de commande (documentation)
- Comme une API publique (documentation)
- Toujours aussi un service en ligne (http://yellowlab.tools)
Ce qui est nouveau dans la version 1.0.0:
- Cette première version est très orienté JavaScript.
Exigences :
- Node.js
- Bower
Commentaires non trouvées