Experimental feature!
Accelerated Mobile Pages plugin is an experimental feature. We need 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:
- 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 the webpages, a Non-AMP webpage and a Linked AMP webpage which can be accessed by adding ?amp=1 to urls.
Linked AMP Lite is best choice for blogger as it creates a separate variant. For posts and pages, it displays a short overview of the body contents and a link at end to navigate to the Non-AMP variant to continue reading. Therefore you don't have to care about AMP things, the theme will handle everything for you!
Not only that, dark mode and comments features will also be available on Linked AMP variant of the pages.
Make sure you have enough knowledge about AMP and its requirements before enabling this plugin. Do not enable it if you don't know anything about it.
Enable Linked AMP Lite
If you want to try out this feature you can enable Linked AMP Lite through Theme Designer.
- Go to Blogger Theme Designer.
- Click on Advanced tab.
- From 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 non other than 3px.
After enabling Linked AMP Lite, you can test urls using Google AMP Test tool.
Do's and Don'ts
When AMP plugin is enabled, remember these do's and don'ts.
- Do not add custom javascript, you are not allowed to add your custom javascript when AMP is enabled.
- Do not add custom css, you are not allowed to add your custom css when AMP is enabled.
- Do not add Adsense script manually, use built-in Adsense Plugin instead.
- Do not add Analytics script manually, use built-in Analytics Plugin instead.
- Do not add widgets which uses javascript (Followers, Feeds, etc).
