Auditoría en mobile

Ahora la herramienta Audits, la pueden encontrarn en Lighthouse

Platzi 👀

Ahora la parte de “Auditar” no se llama asi se llama “lighthouse”

Uy a mi me salió distinto jaja empeoraron un poco ambos:

SinDelantal:

Rappi:

Probé en mi página web y me fue bien jaja:

En este punto por si les sucede lean este artículo del team de Google Chrome, han simplificado el panel de Audits de Chromium (incluye Edge)
https://github.com/GoogleChrome/lighthouse/blob/master/docs/throttling.md#devtools-audits-panel-throttling

Las Progressive Web Apps proporcionan un instalable, experiencia de aplicación como en ordenadores de escritorio y móviles que se crean y entregan directamente a través de la web. Son aplicaciones web que son rápidas y confiables. Y lo más importante, son aplicaciones web que funcionan en cualquier navegador. Si estás creando una aplicación web hoy, ya estás en el camino hacia la creación de una Progressive Web App.

By: https://cutt.ly/DtD0aRk

Actualmente la pestaña se llama “Lighthouse” Y es una muy buena herramienta para mejorar el performance de cualquier página, yo la he usado mucho para mejorar cuestiones de SEO, permormance y accesibilidad, aunque siento que me falta mucho para dominarlo aún ^^

Sin delantal está muerto :c, pero pueden usar la página de uber eats: https://www.ubereats.com/mx

Curiosamente rappi esta buscando un auditor de sistemas ajajaja

En mi chrome no aparece audit, aparece ligthouse

Hola, para los que no encuentran la herramienta Audits, pueden utilzar la herramienta Lighthouse (es la misma) 😃

1. Abrimos el proyecto en nuestro navegador.

2. Clic derecho en alguna parte del proyecto. Clic en “Inspeccionar” para abrir las DevTools.

3. Al extender la sección de pestañas, seleccionamos “Lighthouse”.

4. Observamos varias opciones que podemos analizar. Puedes seleccionar todas o las que necesites. Sólo podemos generar un reporte por versión mobile o desktop. Si quieres ambas, genera otro reporte con la opción que te falte.

5. Una vez hecha la elección, clic en “Generar reporte”. Esperamos a que termine de generarlo.

6. Analizamos los resultados

Google

Seria genial un curso de Auditoria de aplicaciones o sitios web.

Como aporte, en Google Chorme Version 84, Audit cambia su nombre a Lighthouse
![Google Chrome Lighthouse](

A seguir Auditando

Lástima que SinDelantal cerró hace unos años…

RIP SinDelantal 😥

😮

Hola!! este curso necesita urgente una actualización… al parecer la parte de audits ya no existe en Chrome.

Cuando utilizo Lighthouse, a mi nunca me salen iguales los resultados, es por ello que yo lo combino con https://www.webpagetest.org/ el cual es otro sitio, que inclusive Leonidas Esteban en uno de sus cursos hablo de ella

Platzi

[](

Auditoría a platzi :3

como un aporte que puedo dar es que ahora la pestaña en devTools se conoce como Lighthouse, y para hacer correctamente una auditoria si tienen mas pestañas del mismo sitio abiertas es mejor cerrarlas para obtener resultados mas precisos.

Se la hice a la de platzi y el performance es de 14.

Woa, me quede impresionado como se ven las aplicaciones en formato de mobile y cuales serian sus problemas al momento de ejecutarse. Para ser mas especifico, en algunas aplicaciones, el equipo de desarrolladores no lo habian planificado hacerlo en formato de app.

7 de performance en mi proyecto UnU

Empeoraron o es mi internet?
Sin delantal-

Rappi-

Wow!!!

rapii

Muy util esta funcionalidad de DevTools para auditar las páginas y asi poderlas mejorar constantemente aplicando las caracteristicas necesarias para desarrollar una pagina perfecta.

Asi salio la auditoria en la pagina de Apple!

desmejoraron bastante ambas.

![](

Esto esa mega genial!

Genial.!✔👏

Progresive Web Apps (PWA)
es una solución basada en la web tradicional que todos conocemos, aunque incorpora algunas particularidades que la hacen parecerse a una app nativa para teléfonos móviles y tabletas.

Creo que no mejoró mucho de mobile a desktop:

Si vas llegando a este módulo y no encuentras Audits, tranquila, tranquilo, ve a “Lighthouse” y ahí lo tendrás:

![](

En México ya no esta disponible “Sindelantal” asi que audite UberEats y este es el resultado jajajaj

Siento que acabo de descubrir un mundo fascinante con Lighthouse.

PD: Ya no existe SinDelantal 😦

https://www.sindelantal.mx/ a fecha de hoy no existe, investigando leí que La decisión se da, según explica, dada una saturación en el mercado. 😦

Hola!!! jejeje ya no existe la página de sindelantal…

Dato importante, al utilizar LightHouse (antes llamdao Audits) es recomendable hacerlo en una ventana “Incognito”

ya han mejorado jejeje pero aun se puede mejorar