{"id":29056,"date":"2021-08-14T13:25:39","date_gmt":"2021-08-14T13:25:39","guid":{"rendered":"https:\/\/www.conectasoftware.com\/glossary\/google-lighthouse\/"},"modified":"2021-08-14T13:25:39","modified_gmt":"2021-08-14T13:25:39","slug":"google-lighthouse","status":"publish","type":"glossary","link":"https:\/\/www.conectasoftware.com\/magazine\/glosario\/google-lighthouse\/","title":{"rendered":"Google Lighthouse<span class=\"dashicons \" data-icon=\"\" style=\"color:#000;display:inline;vertical-align:baseline;\"><\/span>"},"content":{"rendered":"<h2><b>Google Lighthouse, \u00bfqu\u00e9 es?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Google Lighthouse es una herramienta de c\u00f3digo abierto desarrollada para <\/span><b>automatizar la auditor\u00eda un sitio web<\/b><span style=\"font-weight: 400;\"> con el objetivo de conocer si dicho sitio web cumple con las especificaciones de las de las Aplicaciones Web Progresivas (Progressive Web Apps, PWA), cu\u00e1l es el estado del SEO y de la accesibilidad. Adem\u00e1s, ofrece buenas pr\u00e1cticas para llevarlas a cabo, sobre todo en el \u00e1mbito de la seguridad.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p>Sigue leyendo sobre las <a href=\"https:\/\/www.conectasoftware.com\/magazine\/diseno-web\/adaptacion-dispositivos-moviles-los-disenos-responsive\/\">Progressive Web Apps<\/a><\/p>\n<p><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3325\" src=\"https:\/\/www.conectasoftware.com\/magazine\/wp-content\/uploads\/2017\/03\/webapp-comercio-electr\u00f3nico-1.jpg\" alt=\"App nativa, hibrida y webapp en comercio electr\u00f3nico \" width=\"1200\" height=\"800\" \/><\/p>\n<h2><b>Tipos de instalaciones de Google Lighthouse<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">A continuaci\u00f3n se muestran las posibles distintas instalaciones de Google Lighthouse.<\/span><\/p>\n<h3><b>A trav\u00e9s de npm<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Npm es el gestor de paquetes de Node.js, el entorno de ejecuci\u00f3n de JavaScript en el lado del servidor. Los pasos que se deben seguir son los siguientes:<\/span><\/p>\n<ul> \t<\/p>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">El comando para su instalaci\u00f3n es <\/span><b>sudo npm install -g lighthouse <\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<p> \t<\/p>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Seguidamente, se debe ejecutar el comando de lighthouse junto con la URL sobre la que se quiere realizar el test: <\/span><b>lighthouse <\/b><a href=\"https:\/\/www.conectasoftware.com\/magazine\/\"><b>https:\/\/www.conectasoftware.com\/magazine\/<\/b><\/a><\/li>\n<p> \t<\/p>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Finalmente, se genera un fichero HTML con el an\u00e1lisis sobre el sitio web.<\/span><\/li>\n<p><\/ul>\n<p><\/p>\n<h3><b>A trav\u00e9s de una extensi\u00f3n en Chrome<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Para instalar la extensi\u00f3n de Lighthouse en Google Chrome, se debe:<\/span><\/p>\n<ul> \t<\/p>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Acceder al marketplace de dicho navegador, buscar la <\/span><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/lighthouse\/blipmdconlkpinefehnmjammfjpmpbjk?hl=es\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">app Lighthouse<\/span><\/a><span style=\"font-weight: 400;\"> y hacer click en \u201cA\u00f1adir a Chrome\u201d.<\/span><\/li>\n<p> \t<\/p>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">En la esquina superior derecha, aparecer\u00e1 un bot\u00f3n con una opci\u00f3n para analizar. Se debe hacer click en el bot\u00f3n una vez que el usuario est\u00e1 en el sitio web.<\/span><\/li>\n<p> \t<\/p>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Finalmente, una vez que la extensi\u00f3n analice el sitio, aparecer\u00e1 un resumen de dicho an\u00e1lisis.\u00a0<\/span><\/li>\n<p><\/ul>\n<p><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18205\" src=\"https:\/\/www.conectasoftware.com\/magazine\/wp-content\/uploads\/2020\/06\/google-lighthouse.jpg\" alt=\"Google Lighthouse\" width=\"2500\" height=\"2500\" \/><\/p>\n<h2><b>Elementos analizados por Google Lighthouse<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">En cuanto a los elementos m\u00e1s importantes que analiza Lighthouse, se pueden encontrar los siguientes:<\/span><\/p>\n<ul> \t<\/p>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">T\u00edtulos y descripciones meta.<\/span><\/li>\n<p> \t<\/p>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">C\u00f3digos de estado del protocolo HTTP.<\/span><\/li>\n<p> \t<\/p>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Velocidad del sitio web.<\/span><\/li>\n<p> \t<\/p>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Optimizaci\u00f3n para dispositivos m\u00f3viles.<\/span><\/li>\n<p> \t<\/p>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Algunos elementos relacionados con la experiencia de usuario (UX).<\/span><\/li>\n<p> \t<\/p>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">La indexabilidad del sitio web.<\/span><\/li>\n<p> \t<\/p>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Los etiquetados para la versi\u00f3n m\u00f3vil.<\/span><\/li>\n<p> \t<\/p>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Las etiquetas canonical y las hreflang<\/span><\/li>\n<p><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Google Lighthouse, \u00bfqu\u00e9 es? Google Lighthouse es una herramienta de c\u00f3digo abierto desarrollada para automatizar la auditor\u00eda un sitio web con el objetivo de conocer si dicho sitio web cumple con las especificaciones de las de las Aplicaciones Web Progresivas (Progressive Web Apps, PWA), cu\u00e1l es el estado del SEO y de la accesibilidad. Adem\u00e1s, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":18219,"menu_order":0,"template":"","meta":{"content-type":"","footnotes":""},"glossary-categories":[94],"glossary-tags":[],"glossary-languages":[],"class_list":{"0":"post-29056","1":"glossary","2":"type-glossary","3":"status-publish","4":"has-post-thumbnail","6":"glossary-categories-seo"},"_links":{"self":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary\/29056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary"}],"about":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/types\/glossary"}],"author":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary\/29056\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/media\/18219"}],"wp:attachment":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/media?parent=29056"}],"wp:term":[{"taxonomy":"glossary-categories","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary-categories?post=29056"},{"taxonomy":"glossary-tags","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary-tags?post=29056"},{"taxonomy":"glossary-languages","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary-languages?post=29056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}