Welcome to EmadulAi! Explore the world of Accelerated Mobile Pages (AMP) and learn how this powerful technology can make your website faster, mobile-friendly, and more user-friendly. Stay ahead with tips, guides, and updates to optimize your site’s performance on all devices.
Experimental Feature!
The Accelerated Mobile Pages (AMP) plugin is currently experimental. We value your feedback to improve it further and make it stable.
What is Accelerated Mobile Pages?
Accelerated Mobile Pages (AMP) is an open-source framework developed by Google to create fast-loading mobile web pages. It was introduced to improve user experience on mobile devices by optimizing web content for speed and performance. AMP pages are designed to load almost instantly, even on slower networks.
Key Features of AMP include:Key Features of AMP
- Lightning-Fast Loading: AMP pages are optimized to load quickly by using a simplified version of HTML, known as AMP HTML, which eliminates resource-heavy features that can slow down the page.
- Lazy Loading: AMP implements lazy loading for images, ensuring that images only load when they appear in the user's viewport, further improving performance.
- Optimized Resource Handling: AMP controls resource loading to prioritize essential content, ensuring that scripts and images do not block the rendering of the page.
- Pre-Rendering: Google caches and pre-renders AMP pages, making them instantly accessible when clicked from search results, even before the user reaches the website.
- Mobile-Friendly Design: AMP enforces responsive web design principles, ensuring that pages look good and function well on any screen size, especially mobile devices.
- AMP Cache: AMP uses a content delivery network (CDN) known as the Google AMP Cache, which caches AMP content to provide faster delivery.
- Restricted JavaScript: AMP limits the use of custom JavaScript and third-party scripts to avoid performance bottlenecks. Only asynchronous scripts are allowed, preventing slowdowns.
- Consistent User Experience: AMP pages provide a smooth, consistent experience with no unpredictable behavior, pop-ups, or interstitials that hinder mobile usability.
AMP is widely used by publishers, news sites, and businesses looking to improve mobile performance, boost SEO rankings, and provide a better user experience.
Enable AMP Plugin
We have added experimental support for Linked AMP Lite in v3. When it is enabled, it creates two variants of all webpages: a Non-AMP webpage and a Linked AMP webpage, which can be accessed by adding ?amp=1 to URLs.
Linked AMP Lite is the best choice for Blogger as it creates a separate variant. For posts and pages, it displays a short overview of the body content and a link at the end to navigate to the Non-AMP variant to continue reading. Therefore, you don't have to worry about AMP setup—the theme will handle everything for you!
Not only that, dark mode and comments features will also be available on the Linked AMP variant of the pages.
Important Notice
Make sure you have enough knowledge about AMP and its requirements before enabling this plugin, as we do not provide any guidance for AMP errors. Do not enable it if you are unfamiliar with AMP. Once enabled, there is no going back!
Enable Linked AMP Lite
If you want to try out this feature, you can enable Linked AMP Lite through the Theme Designer.
How to Enable AMP via Blogger Theme Designer
- Go to Blogger Theme Designer.
- Click on the Advanced tab.
- From the dropdown selection list, select Plugin: AMP (Experimental).
- Set AMP to 2px and AMP Type to 3px to enable it.
Warning! Do not set AMP Type's length to any value other than 3px.
After enabling Linked AMP Lite, you can test URLs using the Google AMP Test tool.
Do's and Don'ts
When the AMP plugin is enabled, remember these do's and don'ts:
- Do not add custom JavaScript; you are not allowed to add your own scripts when AMP is enabled.
- Do not add custom CSS; custom styling is not allowed when AMP is enabled.
- Do not add AdSense scripts manually; use the built-in AdSense Plugin instead.
- Do not add Analytics scripts manually; use the built-in Analytics Plugin instead.
- Do not add widgets that use JavaScript (e.g., Followers, Feeds, etc.).
