Google Discover Optimization Tactics

Pagespeed insights

PageSpeed Insights

PageSpeed Insights is a free Google tool that reports how a web page performs and offers…
Learn More
Diagram showing critical css inlined in the head for above the fold content while the full stylesheet loads deferred.

Critical CSS

Critical CSS is the minimal set of styles needed to render the visible, above-the-fold portion of…
Learn More
Code splitting

Code Splitting

Code splitting is the practice of breaking a JavaScript bundle into smaller chunks that load on…
Learn More
Browser viewport diagram showing an eager loaded hero lcp image above the fold and lazy loaded images below the fold, beside a rule of thumb panel for safe lazy loading.

Lazy Loading

Lazy loading is a technique that defers loading of non-critical resources, usually images and iframes, until…
Learn More
Diagram of lazy loading showing above the fold images loaded eagerly and below the fold images deferred with loading equals lazy while protecting the lcp element.

Lazy Loading

Lazy loading means not loading images and other content until someone scrolls down to them. It…
Learn More
Preload

Preload

Preload is a resource hint that tells the browser to fetch a specific file early and…
Learn More

Get new blog posts by email: