Yellow Lab Tools

Strumenti gialle Lab gira su un server Node.js, è facile da installare , e consente agli sviluppatori di testare un sito web (tramite un URL). Questo viene fatto accedendo al sito tramite PhantomJS e la raccolta di varie metriche e le statistiche.

Queste metriche vengono poi manipolati e presentati in un modo facile da capire, organizzati in categorie di interesse.

Al momento c'è una sezione per analizzare l'esecuzione temporale JavaScript, completo di un profiler JavaScript che consente agli sviluppatori di vedere come gli script JS sono stati giustiziati, cosa dove i loro risultati e come influenzato le prestazioni pagina.

Gli script JS ed i loro risultati sono classificati in base come interagiscono con il DOM mentre viene creato, hanno interagito con, caricare nuovi contenuti e dopo che è è stata completata.

La seconda utility principale è una funzione di classificazione che fornisce A-to-F gradi in base alle prestazioni di varie utility e operazioni come complessità DOM, manipolazione del DOM, il numero di richieste HTTP, interazioni di rete, la complessità CSS, e così via .

Oltre alla versione web-based del Lab Strumenti gialle, il pacchetto viene fornito con l'integrazione Node.js CLI, un compito Grunt, e una API RESTful accessibile al pubblico.

Tutto sommato, laboratorio Strumenti gialle può essere davvero utile sia per principianti e programmatori avanzati, aiutandoli a migliorare o correggere il loro modo di scrivere JS e CSS, aumentando la velocità di caricamento della pagina e le prestazioni complessive del loro codice.

Cosa c'è di nuovo in questa versione:

• Regole modifiche:
• Nuova regola Peso totale
• Nuova ottimizzazione delle regole immagine che indica il numero di KB che poteva essere salvato
• Nuovo minification regola file che indica il numero di KB che poteva essere salvato
• Modificata la regola compressione Gzip per dire il numero di KB salvato
• Nuova regola non immagini lazyloaded che rileva le immagini sotto la piega
• raggruppate le diverse html / js / css / JSON / immagine / webfont / video / altre regole separato in un numero di regola richieste
• riorganizza il 3 seperated Piccoli js / css / images file regole in una regola Piccolo richieste
• Miglioramenti:
• categorie Riorganizzata sul cruscotto, peso pagina e le richieste vengono ora prima
• Rinominato categoria Rete in config Server
• cambiate alcune regole soglie, principalmente per essere più fresco

Cosa c'è di nuovo nella versione 1.7.2:

• Regole modifiche:
• Nuova regola Peso totale
• Nuova ottimizzazione delle regole immagine che indica il numero di KB che poteva essere salvato
• Nuovo minification regola file che indica il numero di KB che poteva essere salvato
• Modificata la regola compressione Gzip per dire il numero di KB salvato
• Nuova regola non immagini lazyloaded che rileva le immagini sotto la piega
• raggruppate le diverse html / js / css / JSON / immagine / webfont / video / altre regole separato in un numero di regola richieste
• riorganizza il 3 seperated Piccoli js / css / images file regole in una regola Piccolo richieste
• Miglioramenti:
• categorie Riorganizzata sul cruscotto, peso pagina e le richieste vengono ora prima
• Rinominato categoria Rete in config Server
• cambiate alcune regole soglie, principalmente per essere più fresco

Cosa c'è di nuovo nella versione 1.6.4:

• regole rimossi: "inserti DOM", "query DOM" e "Eventi legati"
• regola Aggiunto: "accesso DOM", contando tutte le regole di cui sopra e rimossi più
• regola Aggiunto "jQuery invita oggetto vuoto"
• "Query senza risultati" sono ora contando anche le query jQuery
• made "count Carattere" esclude cooler
• made "Le variabili globali" cooler regola

Cosa c'è di nuovo nella versione 1.4.1:

• Aggiungi uno screenshot della pagina testato sul cruscotto.
• Migliorare i trasgressori leggibilità per facilitare il debug.
• Nuova regola "diversi colori CSS".

Cosa c'è di nuovo nella versione 1.3.2:

• Aggiungi uno screenshot della pagina testato sul cruscotto.
• Migliorare i trasgressori leggibilità per facilitare il debug.
• Nuova regola "diversi colori CSS".

Cosa c'è di nuovo nella versione 1.2.0:

• Aggiungi uno screenshot della pagina testato sul cruscotto.
• Migliorare i trasgressori leggibilità per facilitare il debug.
• Nuova regola "diversi colori CSS".

Cosa c'è di nuovo nella versione 1.1.0:

• Lab Strumenti gialle può ora essere utilizzato:
• Come modulo NodeJS (documentazione)
• dalla riga di comando (documentazione)
• Come una API pubblica (documentazione)
• Ancora come servizio online (http://yellowlab.tools)

Cosa c'è di nuovo nella versione 1.0.0:

• Questa prima versione è molto orientato JavaScript.

Requisiti :

• Node.js
• Bower