Yellow Lab Tools

Κίτρινο Εργαλεία Εργαστηρίου τρέχει σε ένα διακομιστή Node.js, είναι εύκολο στην εγκατάσταση , και επιτρέπει στους προγραμματιστές να δοκιμάσουν μια ιστοσελίδα (μέσω ενός URL). Αυτό γίνεται με την πρόσβαση στην ιστοσελίδα μέσω του PhantomJS και συλλογή διαφόρων μετρήσεων και στατιστικά στοιχεία.

Αυτές οι μετρήσεις τότε χειραγωγείται και παρουσιάζονται σε έναν εύκολο να καταλάβει τον τρόπο, οργανώνονται σε κατηγορίες ενδιαφέροντος.

Αυτή τη στιγμή υπάρχει μια ενότητα για την ανάλυση του χρονοδιαγράμματος εκτέλεσης JavaScript, πλήρης, με ένα profiler JavaScript που επιτρέπει στους προγραμματιστές να δούμε πώς JS σενάρια έχουν εκτελεστεί, τι όταν τα αποτελέσματά τους και πώς επηρέασε την απόδοση της σελίδας.

Τα σενάρια JS και τα αποτελέσματά τους κατατάσσονται σε κατηγορίες με βάση τον τρόπο που αλληλεπιδρούν με το DOM, ενώ είναι που δημιουργούνται, συνδυάστηκαν με, φόρτωση νέο περιεχόμενο και αφού έχει ολοκληρωθεί.

Το δεύτερο κύριο πρόγραμμα είναι ένα χαρακτηριστικό ταξινόμησης που παρέχει ένα-προς-F βαθμούς με βάση την απόδοση των διαφόρων υπηρεσιών κοινής ωφελείας και επιχειρήσεις όπως DOM πολυπλοκότητα, DOM χειραγώγηση, τον αριθμό των αιτήσεων HTTP, αλληλεπιδράσεις δικτύου, CSS πολυπλοκότητα, και ούτω καθεξής .

Εκτός από το Web-based έκδοση του Yellow Εργαλεία Εργαστηρίου, το πακέτο έρχεται επίσης με Node.js CLI ολοκλήρωσης, μια εργασία Grunt, και δημόσια προσβάσιμο ξεκούραστη API.

Συνολικά, κίτρινο Εργαλεία Εργαστηρίου μπορεί να είναι πραγματικά χρήσιμο τόσο για αρχάριους και προχωρημένους προγραμματιστές, βοηθώντας τους να βελτιώσουν ή να καθορίζει τον τρόπο που γράφουν JS και CSS, ενισχύοντας την ταχύτητα φόρτωσης της σελίδας και τη συνολική απόδοση κωδικό τους.

Τι είναι καινούργιο σε αυτή την έκδοση:

• Κανόνες αλλαγές:
• Νέος κανόνας Συνολικό βάρος
• Νέα βελτιστοποίησης κανόνα εικόνας που σας λέει τον αριθμό των KB που θα μπορούσαν να σωθούν
• Νέα σμίκρυνσης κανόνα αρχείων που σας ενημερώνει για τον αριθμό των KB που θα μπορούσαν να σωθούν
• Άλλαξε ο κανόνας συμπίεση gzip για να πει τον αριθμό των KB έσωσε
• Νέα κανόνας δεν lazyloaded εικόνες που ανιχνεύει τις εικόνες κάτω από το φορές
• συγκέντρωσε τις διαφορετικές HTML / JS / CSS / JSON / εικόνα / webfont / βίντεο / Χωρισμένος άλλους κανόνες σε μια σειρά αιτήματα κανόνα
• συγκέντρωσε τις 3 χωρίζονται Μικρό JS / CSS / αρχεία εικόνων κανόνες σε ένα μικρό κανόνα αιτήματα
• Βελτιώσεις:
• Αναδιοργανώθηκε κατηγορίες στο ταμπλό, το βάρος και Page αιτήματα είναι τώρα το πρώτο
• Μετονομάστηκε κατηγορία Network config στο διακομιστή
• Αλλαγή όρια ορισμένοι κανόνες, κυρίως για να είναι πιο δροσερές

Τι είναι καινούργιο στην έκδοση 1.7.2:

• Κανόνες αλλαγές:
• Νέος κανόνας Συνολικό βάρος
• Νέα βελτιστοποίησης κανόνα εικόνας που σας λέει τον αριθμό των KB που θα μπορούσαν να σωθούν
• Νέα σμίκρυνσης κανόνα αρχείων που σας ενημερώνει για τον αριθμό των KB που θα μπορούσαν να σωθούν
• Άλλαξε ο κανόνας συμπίεση gzip για να πει τον αριθμό των KB έσωσε
• Νέα κανόνας δεν lazyloaded εικόνες που ανιχνεύει τις εικόνες κάτω από το φορές
• συγκέντρωσε τις διαφορετικές HTML / JS / CSS / JSON / εικόνα / webfont / βίντεο / Χωρισμένος άλλους κανόνες σε μια σειρά αιτήματα κανόνα
• συγκέντρωσε τις 3 χωρίζονται Μικρό JS / CSS / αρχεία εικόνων κανόνες σε ένα μικρό κανόνα αιτήματα
• Βελτιώσεις:
• Αναδιοργανώθηκε κατηγορίες στο ταμπλό, το βάρος και Page αιτήματα είναι τώρα το πρώτο
• Μετονομάστηκε κατηγορία Network config στο διακομιστή
• Αλλαγή όρια ορισμένοι κανόνες, κυρίως για να είναι πιο δροσερές

Τι είναι καινούργιο στην έκδοση 1.6.4:

• Αφαιρέθηκε κανόνες: «DOM εισάγει", "ερωτήματα DOM" και "Εκδηλώσεις δεσμεύεται"
• Προστέθηκε κανόνας: "πρόσβαση DOM», καταμέτρηση όλων των ανωτέρω κανόνων και απομακρύνονται περισσότερα
• Προστέθηκε κανόνα "jQuery καλεί κενό αντικείμενο"
• "Ερωτήματα χωρίς αποτελέσματα" τώρα ελπίζει επίσης jQuery ερωτήματα
• Made "Font μετράνε" κανόνα του ψυγείου
• Made "καθολικές μεταβλητές" δροσερό κανόνα

Τι είναι καινούργιο στην έκδοση 1.4.1:

• Προσθέστε ένα screenshot της σελίδας δοκιμαστεί στο ταμπλό.
• Βελτίωση της αναγνωσιμότητας των παραβατών για τον ευκολότερο εντοπισμό σφαλμάτων.
• Νέος κανόνας "διαφορετικά χρώματα CSS".

Τι είναι καινούργιο στην έκδοση 1.3.2:

• Προσθέστε ένα screenshot της σελίδας δοκιμαστεί στο ταμπλό.
• Βελτίωση της αναγνωσιμότητας των παραβατών για τον ευκολότερο εντοπισμό σφαλμάτων.
• Νέος κανόνας "διαφορετικά χρώματα CSS".

Τι είναι καινούργιο στην έκδοση 1.2.0:

• Προσθέστε ένα screenshot της σελίδας δοκιμαστεί στο ταμπλό.
• Βελτίωση της αναγνωσιμότητας των παραβατών για τον ευκολότερο εντοπισμό σφαλμάτων.
• Νέος κανόνας "διαφορετικά χρώματα CSS".

Τι είναι καινούργιο στην έκδοση 1.1.0:

• Κίτρινο Εργαλεία Εργαστηρίου μπορούν πλέον να χρησιμοποιηθούν:
• Ως μονάδα NodeJS (τεκμηρίωση)
• από τη γραμμή εντολών (τεκμηρίωση)
• Ως δημόσια API (τεκμηρίωση)
• Νεκρή ως μια ηλεκτρονική υπηρεσία (http://yellowlab.tools)

Τι είναι καινούργιο στην έκδοση 1.0.0:

• Η πρώτη εκδοχή είναι πολύ προσανατολισμένη JavaScript.

Απαιτήσεις :

• Node.js
• Bower