Pagespeed monitoring

Introduction

Pagespeed monitor measures various elements in your website performance. These metrics include,

  • Performance
  • Search Engine Optimization - SEO
  • Accessibillity
  • Best Practices
  • Progressive Web App - PWA
  • Core web vitals

{info} Create an account for free and start monitoring your website

Performance

Performance is key for a website. Performance in pagespeed perform several checks,

  • Are there any unused CSS and JavaScript?
  • Are the image format optimal for performance?
  • Is your server responding within required time?
  • Are you using best practices for your font loading ?
  • and more ...

Search Engine Optimization

Search Engine Optimization (SEO) plays a vital role of your website's visibility online. SEO check in pagespeed includes,

  • Are the links crawlable?
  • Does your document have valid title and description meta?
  • Does your site have a robot.txt ?
  • Whether all the images have alt tags.
  • and more ...

Accessibillity

Accessibility checks include,

  • Whether your form elements have associated labels?
  • Background and foreground color contrast checks
  • Are your headings in a valid sequential order?
  • Do the links have descriptive text associated with them?
  • and more..

Best Practices

Best practices checks inlcudes,

  • Frontend libraries with security vulnerabilities are included or not
  • Browser errors are not logged on to the console
  • Do you request notification permission and gelocation on page load?
  • avoids deprecated APIs
  • and more...

Progressive Web App

Progressive web app helps users to install your website on their phone, like a native app. Pretty cool huh.. But there are certain criterias to be met for your website to be eligible as a PWA. PWA check in pagespeed helps to check whether your website meets all these criterias.

These checks includes,

  • Does your website load fast enough on mobile devices?
  • Have you configured a splash screen, set theme color, provided a manifest file, etc..
  • Is your website server over HTTPS?
  • Does your page response when offline,
  • and more..

Core web vitals

Web vitals helps to simplify the website performance mechanism, measuring the quality experience delivered to your customer. There are 3 metrics in the core vitals.

LCP

Largest Contentful Paint (LCP): This measures loading performance, how long the largest piece of content (image, text, etc..) takes to appear on the screen.

{info} If LCP is less than 2.5 seconds, you're golden.

FID

First Input Delay (FID): This measures interactivity. How long does it take the webpage to respond to first user interaction determine FID.

{info} Webpages should have an FID of less than 100 milliseconds.

CLS

Cumulative Layout Shift (CLS): This measures visual stability. To provide the best user experience, elements in your webpage should not move around hence not interactable for users.

{info} Ideally, pages should maintain a CLS of less than 0.1