Qu'est-ce que CLS Visualizer ?

CLS Visualizer est une extension Chrome développée par MarketingTracer, et sa fonction principale est "Visualizer the CLS of any webpage".

Captures d'Écran de l'Extension

Télécharger le fichier CRX de l'extension CLS Visualizer

Téléchargez les fichiers d'extension CLS Visualizer au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

This plugin will highlight and visualize the Cumulative Layout Shift.

Cumulative Layout Shift (CLS) is an important, user-centric metric for measuring visual stability because it helps quantify how often users experience unexpected layout shifts—a low CLS helps ensure that the page is delightful.

Unfortunately the CLS is a pain to debug without visualisation

Informations de Base sur l'Extension

Nom	CLS Visualizer
ID	jbbeihojggidiclbcneckhcblilapahn
URL Officiel	https://chromewebstore.google.com/detail/cls-visualizer/jbbeihojggidiclbcneckhcblilapahn
Description	Visualizer the CLS of any webpage
Taille du Fichier	17.27 KB
Nombre d'Installations	8,771
Version Actuelle	1.4
Dernière Mise à Jour	2022-11-20
Date de Publication	2020-11-12
Évaluation	4.36/5 Total 11 Évaluations
Développeur	MarketingTracer
Email	[email protected]
Type de Paiement	free
Site Web de l'Extension	https://www.marketingtracer.com
URL de la Page d'Aide	https://www.marketingtracer.com/contact
URL de la Page de Politique de Confidentialité	https://www.marketingtracer.com/privacy
Langues Prises en Charge	en
manifest.json
{ "action": { "default_popup": "popup.html" }, "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'" }, "description": "Visualizer the CLS of any webpage", "icons": { "144": "icons\/icon144.png", "16": "icons\/icon16.png", "48": "icons\/icon48.png" }, "manifest_version": 3, "name": "CLS Visualizer", "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "version": "1.4", "content_scripts": [ { "matches": [ "https:\/\/\/", "http:\/\/\/" ], "run_at": "document_start", "js": [ "js\/cls.js" ] } ] }