HTML

In HTML, the mask attribute is used in the <input> element to specify a pattern that the input value must match. This pattern can be used to ensure that the user enters data in a specific format, such as a phone number, date, or credit card number.

The mask attribute uses a special syntax to define the pattern. For example, a mask for a phone number might look like this: (999) 999-9999. The 9 character in the pattern represents a digit, while the parentheses and hyphen are literal characters that will appear in the input. When the user types into the input, the browser will only allow them to enter characters that match the pattern.

Note that the mask attribute is not a standard HTML attribute, but rather a feature of some JavaScript libraries or frameworks like Input Mask, jQuery Mask Plugin, or VanillaMasker. Additionally, the mask attribute is not supported by all browsers, so it is important to provide alternative validation methods for users who may be using older or unsupported browsers.

With fetchpriority="high|low|auto" you can handle how browsers will prioritize fetching on some resources on your webpage. This can significantly improve your LCP ( Largest Contentful Paint) insights. For example, you can set fetchpriority="high" on an image that is above-the-fold of your webpage. 

This way the browser knows that this image must be loaded as soon as possible and before the resources set as fetchpriority="low". The user will probably see this image quicker and the LCP will be reduced. Remember that Google recommends the LCP to be lower than 2.5 seconds.