Category: Tech

This article will help you understand how Core Web Vitals correlate with key business metrics by exploring examples of companies which have already see positive impact for their users and business. May 18, 2021 Are you struggling to convince your stakeholders to adopt Core Web Vitals? Or are you wondering if it actually helps your Read More

CSS-related techniques for optimizing Web Vitals Jun 2, 2021 The way you write your styles and build layouts can have a major impact on Core Web Vitals. This is particularly true for Cumulative Layout Shift (CLS) and Largest Contentful Paint (LCP). This article covers CSS-related techniques for optimizing Web Vitals. These optimizations are broken down Read More

Learn how to send Web Vitals data to Google Analytics 4 properties and export the data for analysis in BigQuery and Data Studio. May 18, 2021• Updated May 18, 2021 Google provides a number of tools—Search Console, PageSpeed Insights (PSI), and the Chrome User Experience Report (CrUX)—that let developers see how their sites perform against Read More

These seemingly small additions to CSS selector syntax are going to have a big impact. May 27, 2021• Updated May 27, 2021 When writing CSS, you can sometimes end up with long selector lists to target multiple elements with the same style rules. For example, if you want to color adjust any tags found inside Read More

Finding opportunities to improve user-experience with Chrome’s web tooling. May 11, 2021 Today, we’ll cover new tooling features in Lighthouse, PageSpeed and DevTools to help identify how your site can improve on the Web Vitals. As a refresher on the tools, Lighthouse is an open-source, automated tool for improving the quality of web pages. You Read More

Controlling macro and micro layout in a new era of responsive web design. May 19, 2021• Updated May 26, 2021 Responsive Design Today # Today, when using the term: “responsive design”, you are most likely thinking about using media queries to change layout when resizing a design from mobile size, to tablet size, through to Read More

Before optimizing third party tags, make sure that these scripts are still needed on your site. Apr 22, 2021 Third-party scripts, or “tags” can be a source of performance problems on your site, and therefore a target for optimization. However, before you start optimizing the tags you have added, make sure that you are not Read More

A foundational overview of how to build a responsive horizontal scrollview for TVs, phones, desktops, etc. May 12, 2021 In this post I want to share thinking on ways to create horizontal scrolling experiences for the web that are minimal, responsive, accessible and work across browsers and platforms (like TVs!). Try the demo. Demo If Read More

Plans for improving the CLS metric to be more fair to long-lived pages. Apr 7, 2021 Jun 2, 2021: The update to CLS described in this post is now available across Chrome’s web tooling surfaces. See Evolving Cumulative Layout Shift in web tooling for details. We (the Chrome Speed Metrics Team) recently outlined our initial Read More

A foundational overview of how to build split letter and word animations. Apr 20, 2021 In this post I want to share thinking on ways to solve split text animations and interactions for the web that are minimal, accessible, and work across browsers. Try the demo. Demo If you prefer video, here’s a YouTube version Read More

1 4 5 6 7 8 12