Skip to content

mizdra/img-layout-shift-detector

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

img-layout-shift-detector

The browser extension that detects <img> tags that cause Layout Shift

Logo

Usage

  1. Access page you want to measure layout shift by <img>
  2. Open console tab of devtools
  3. Click the icon of this extension
  4. The report is outputed to console tab

Screenshots

Screenshot

Supported Rules

Playground

  1. Open https://img-layout-shift-detector.netlify.app
  2. Open console tab of devtools
  3. The report is outputed to console tab (If you don't see the table, please reload page)

How to develop

$ yarn install
$ yarn run start:chromium:dev

How to release (for contributor)

$ # Wait for passing CI...
$ git switch master
$ git pull

$ # Update version field
$ vim manifest.json
$ git add manifest.json
$ yarn version

$ # Publish
$ git push --follow-tags
$ open https://chrome.google.com/webstore/devconsole