The browser extension that detects `` tags that cause Layout Shift
img-layout-shift-detector Extension
Detects elements that may cause Layout Shift from the current tab page.
1. Access the page you want to inspect.
2. Open the console tab of the dev-tools.
3. Click on the extension icon that appears in the upper right corner of your browser window.
4. Wait a few seconds as the image inspection begins.
5. The result will be output to console.
Details: https://github.com/mizdra/img-layout-shift-detector
Read more
1. Access the page you want to inspect.
2. Open the console tab of the dev-tools.
3. Click on the extension icon that appears in the upper right corner of your browser window.
4. Wait a few seconds as the image inspection begins.
5. The result will be output to console.
Details: https://github.com/mizdra/img-layout-shift-detector
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "img-layout-shift-detector", "description": "The browser extension that detects `` tags that cause Layout Shift", "author": "mizdra", "version": "0.0.2", "browser_specific_settings": { "gecko": { "strict_min_version": "58.0" } }, "homepage_url": "https://github.com/mizdra/img-layout-shift-detector", "icons": { "16": "static/icon-16x16.png", "32": "static/icon-32x32.png", "48": "static/icon-48x48.png", "96": "static/icon-96x96.png", "128": "static/icon-128x128.png" }, "browser_action": { "default_icon": { "16": "static/icon-16x16.png", "32": "static/icon-32x32.png", "48": "static/icon-48x48.png" }, "default_title": "Detect that cause Layout Shift" }, "background": { "scripts": ["dist/js/background.js"] }, "permissions": ["activeTab"]}
Read more