Slow-loading pages can stem from multiple causes, which makes them one of the most challenging issues to fix in web development. Lighthouse can help you detect and solve your web performance issues.

Use Lighthouse to eliminate render-blocking resources, which block the first paint of your page, in both CSS and JavaScript.

Speed up your page load times and serve browser-sensitive images with tips from this tutorial on HTML responsive images.

Improve the readability of your webpage and reduce sidebar distractions by creating responsive full-bleed layouts using CSS grid.

Web components are a great tool to increase efficiency for frontend development. But unnecessary obstacles for users are slowing their adoption and use.

In this guide, we’ll focus on five new CSS features that you can already test in the stable version of at least one web browser.

Resource hints provide the browser with information to predict the user’s expected behavior. This enables it to prefetch, prerender, or preload resources in advance.

Although variable font files are huge, they typically improve performance because they eliminate the need to use multiple font files.