it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


Controlla le prestazioni e la qualità di qualsiasi sito web con Lighthouse

Google è all'avanguardia del moderno web design. Offre così tanti strumenti, da Analytics a DevTools, tutti con lo scopo di aiutare le persone a creare un Web migliore.

Recentemente ha pubblicato un altro utile strumento chiamato Faro. Questo è uno strumento di test automatico gratuito che viene eseguito in background su Chrome . Funziona come un mini sito Web di audit in cui controlla le prestazioni, la velocità, l'accessibilità e l'adesione alle best practice semantiche del sito.

L'estensione Lighthouse è stata creata principalmente per le webapp progressive . Queste sono webapp generali che funzionano nel browser e si comportano come app native, ma funzionano come i siti web tipici.

Gli PWA sono una parte enorme del progetto Lighthouse. Ma l'obiettivo di Lighthouse è aiutare tutti gli sviluppatori web a controllare la qualità delle loro pagine.

Questo può includere il controllo dei bug HTML / CSS o la ricerca di linee di codice duplicate. Lighthouse inoltre esamina le prestazioni del Web con suggerimenti di ottimizzazione per immagini, dimensioni dei file, richieste HTTP e molto altro ancora.

Tutti i principali risultati dell'audit vengono visualizzati direttamente in Chrome DevTools, quindi non è nemmeno necessario aprire una nuova finestra per controllare le statistiche. Tutto ciò di cui hai bisogno è una versione funzionante di Chrome e un po 'di tempo per setacciare i risultati dell'audit di Lighthouse.

Generalmente questo si divide in quattro categorie:

  • Prestazione.
  • Accessibilità.
  • Migliori pratiche.
  • Proprietà webapp progressive.

Ogni categoria si suddivide ulteriormente in proprietà più piccole con raccomandazioni per i miglioramenti UX.

Con il semplice clic di un pulsante puoi ottenere risultati di controllo che ti aiuteranno a migliorare radicalmente le prestazioni del sito web, la velocità, l'usabilità e praticamente ogni aspetto che interessa a Google.

Se vuoi saperne di più sfoglia la pagina principale e leggi le numerose funzionalità di Lighthouse.

Puoi anche guardare questa presentazione da Google I / O 2017 che ha introdotto per la prima volta Lighthouse nella comunità di sviluppatori.

Come visualizzare i dati come tabella nella console del browser

Come visualizzare i dati come tabella nella console del browser

Console è uno strumento integrato del browser che registra gli errori che si verificano sul sito web. Se ci sono errori - come collegamenti interrotti, funzioni JavaScript incomplete o proprietà CSS sconosciute - i browser mostreranno messaggi di errore all'interno della Console.Inoltre, possiamo interagire con la console tramite la shell e l'API della console, che è utile quando si testano determinate funzioni e l'output dei dati. Q

(Consigli tecnici e di design)

13 Browser Web alternativi per Smart Phone

13 Browser Web alternativi per Smart Phone

Con l'avvento degli smartphone e la disponibilità di Internet ad alta velocità, la mania per le applicazioni di telefonia mobile con caratteristiche uniche e utili è potenziata. Considerando questa mania, una delle applicazioni più importanti e fondamentali per l'accesso alle pagine Web e ai siti Web è il browser web.Tutt

(Consigli tecnici e di design)