{"id":27788,"date":"2016-08-22T23:01:44","date_gmt":"2016-08-22T15:01:44","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=27788"},"modified":"2025-04-04T02:48:45","modified_gmt":"2025-04-03T18:48:45","slug":"important-amp-components","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/important-amp-components\/","title":{"rendered":"Top 10 Essential AMP Components for Mobile Optimization"},"content":{"rendered":"

Accelerated Mobile Pages<\/a><\/strong> or AMP<\/strong> is Google\u2019s initiative to make the mobile web faster<\/strong>. To achieve this goal, the AMP standards restrict how you can use HTML, CSS, and JavaScript, and manages the loading of external resources<\/strong>, such as images, videos, and ads via its own runtime<\/a><\/strong>.<\/p>\n

This entails that you cannot use<\/strong> either any custom (author-written or third-party) JavaScript or any resource-related HTML elements such as images and videos in your AMP documents.<\/p>\n

To bridge the gap between users\u2019 needs and best performance practices, AMP has specific Components<\/strong> you can use in place of these excluded elements<\/strong>.<\/p>\n

AMP Components are specific HTML tags<\/strong>. They behave similar to regular HTML tags: they have opening and closing tags, attributes, and most of them can be styled with CSS<\/a>. They can be easily recognized, as they always start with the amp-<\/code> prefix<\/strong>.<\/p>\n

There are two types of AMP Components: built-in<\/a><\/strong> and extended<\/a><\/strong> Components.<\/p>\n

\n\t\t\t\t\tBeginner\u2019s Guide to Accelerated Mobile Pages (AMP)<\/span><\/a>\n
\n\t\t\t\t\t\t\t