Aprende a crear sitios web modernos con los nuevos tutoriales de Google

Google ha presentado una nueva herramienta destinada a los desarrolladores y todas aquellas personas interesadas en aprender y ampliar su conocimiento en la creación de sitios web, mediante tutoriales y herramientas que permitirán mejorar las páginas y aplicaciones web.

El nuevo sitio, llamado web.dev, se encuentra dividido en 2 secciones, la primera (Learn) con todos los tutoriales que nos permitirán crear y mejorar nuestros sitios web por medio de prácticas que nos enseñarán a medir el rendimiento del sitio, preparar imágenes optimizadas, indexar la página en los buscadores, seguridad, errores de rastreo, etc.

La segunda sección (Measure), nos permitirá hacer un análisis exhaustivo del sitio mediante una herramienta denominada Lighthouse, la cual hace ya algún tiempo se puede instalar como una extensión en el navegador Chrome. Simplemente tendremos que copiar la URL de la página que queramos analizar, y de manera automática tendremos un informe completo especificando distintas áreas como el SEO, rendimiento, accesibilidad, entre otras cosas.

En el informe se mostrarán todos los detalles que requieran de nuestra atención, y por medio de sugerencias, podremos optimizar el sitio web solucionando cada problema presentado. Lo interesante de esta función es que podemos hacer un seguimiento a fondo de un sitio web determinado, simplemente iniciando sesión con nuestra cuenta de Google.

De este manera, y a medida que vayamos solucionando las deficiencias del sitio presentadas en el análisis, podremos llevar el registro de todos los cambios efectuados, para luego ir midiendo la evolución del rendimiento de la página.

Cabe destacar que este mismo análisis lo podrán realizar también desde la extensión de Lighthouse, si es que la han instalado.

Google nos informa que el portal web.dev todavía se encuentra en fase Beta, por lo que es probable que tenga algunas limitaciones a la hora de presentar los datos de los análisis.

Si están interesados en instalar la extensión de Lighthouse, lo pueden hacer desde el siguiente enlace.

Recuerden suscribirse y compartir el Blog.