This site uses cookies for analytics. By continuing to browse this site, you agree to this use.
A JS Foundation Project

AMP HTML Validator

AMP HTML Validator (@sonarwhal/rule-amp-validator)

AMP HTML is a way to build web pages that render with reliable and fast performance. It is our attempt at fixing what many perceive as painfully slow page load times – especially when reading content on the mobile web. AMP HTML is built on existing web technologies; an AMP page will load (quickly) in any modern browser.

From AMPProject - AMP HTML

Why is this important?

If you are building an AMP page, you need to make sure the HTML is valid. Only valid AMP content can be added to an AMP Cache.

What does the rule check?

This rule uses amphtml-validator to validate the HTML of your page.

Can the rule be configured?

Yes, you can decide if you want to receive errors only, or also warnings found by amphtml-validator. By default all warnings and errors are reported. If you prefer to see only the errors you can use the following rule configuration in your .sonarwhalrc file:

{
"connector": {...},
"formatters": [...],
"rules": {
"amp-validator": ["error", {
"errorsOnly": true
}],
...
},
...
}

How to use this rule?

To use it you will have to install it via npm:

npm install @sonarwhal/rule-amp-validator

Note: You can make npm install it as a devDependency using the --save-dev parameter, or to install it globally, you can use the -g parameter. For other options see npm's documentation.

And then activate it via the .sonarwhalrc configuration file:

{
"connector": {...},
"formatters": [...],
"parsers": [...],
"rules": {
"amp-validator": "error"
},
...
}

Further Reading