Users from mobile devices are currently on the rise, beating users from desktop devices. There are at least around 73% of users who use mobile devices to access browsing. That is very high when compared to desktop users, which are only 22%, and 5% more are tablet users.
As we know, at this time Google prioritizes the loading speed of a website for them to display on the start page or page one. This good page loading speed also affects the user experience to stay on a website. Therefore Google is currently developing a system called AMP (Accelerated Mobile Pages).
What is AMP
Accelerated Mobile Pages or AMP is an open source framework developed by Google to make websites open faster, especially on mobile devices. It aims to simplify html and remove all unnecessary elements, thereby building a faster and more efficient mobile experience.
With AMP, web pages load up to about 4 times faster and use 2 times less data than regular web pages. This makes AMP very useful for mobile users who access web pages from devices that are limited in terms of bandwidth or poor internet network.
How AMP works
AMP only takes less than 1 second to open a website page that is opened on a mobile device via the Google search engine. This is because AMP implements three main components that accelerate its performance. What are the components? Here's the explanation.
1. AMP HTML
AMP HTML is a modified version of plain HTML, which has some special elements and attributes designed to increase the speed and performance of web pages on mobile devices.
However, it has some strict rules that must be followed in order for web pages to load quickly. For example, AMP HTML does not allow unlimited use of JavaScript, and all unnecessary elements must be removed. AMP HTML also limits the way in which images and videos can be loaded on a web page. This is all done to ensure that web pages load quickly especially on mobile devices.
2. AMP JS
AMP JS is a JavaScript library created to be used alongside AMP HTML, which is responsible for managing the technical aspects of AMP web pages, such as managing content loaded asynchronously and ensuring that web pages remain responsive and interactive even when no external JavaScript is used. .
Using AMP JS, authors can focus on creating quality content without worrying about how their web pages will load and operate on mobile devices.
3. AMP Cache
The AMP Cache allows AMP web pages to be quickly stored and accessed from Google servers. This reduces web page loading time because the web page does not need to be reloaded from the website server that provided the content.
AMP Cache also optimizes the process of loading web pages by compressing content and setting the priority of loading different elements.
For example, when someone clicks on a link to an AMP page from Google search results, the page will be loaded from cache on Google's servers. This means that only the necessary sections will be loaded, so that the page loads quickly.
If there is a part of the web page that has not been cached, then that part will be loaded directly from the original source. In this way, AMP ensures that web pages always load quickly, regardless of the available internet connection.
Advantages and disadvantages of using AMP
Behind all the goals of AMP planning, of course, there are also some advantages and disadvantages. Although Google says that AMP web pages will receive priority in search results, there is no significant confirmation of this yet.
That doesn't mean that you stop knowing about this latest technology, so you don't want to use it. For more details, please see some of the advantages and disadvantages of using Accelerated Mobile Pages (AMP).
Advantages of using AMP
Some of the advantages that you will experience when using AMP are:
Free to use : The first advantage that you can feel when using AMP is that it is free without paying a fee.
Speed up web loading : Simplification of code in AMP makes website loading faster.
Increased visibility : Websites that use AMP have a special sign in the form of a small lightning bolt next to the SERP meta title in the Google search engine. This aims to give instructions to users that the site is faster than other sites. But unfortunately this is no longer displayed in the Google search engine.
Improve user experience : Fast loading websites on AMP makes visitors more satisfied and comfortable.
Automatic website optimization : Google AMP uses a framework that can automatically optimize various website elements such as images.
Lighten server workload: Because AMP data is stored in cache, so it doesn't overload the server.
Analysis of visit tracker : AMP can also find out how visitors got to your site, where they came from and other minor tidbits.
Disadvantages of using AMP
Behind the advantages provided, Accelerated Mobile Pages (AMP) also has some drawbacks. What are they? Here's the explanation.
Difficult to use : AMP requires a minimalist website appearance making it very difficult to implement as desired.
Post update delay : Because AMP displays Google cache pages, it makes your recently updated posts read slower.
Many plugins and widgets don't work properly : The appearance of websites that use AMP is very minimalist, making some plugins and widgets not work.
There is a problem with JavaScript : AMP prohibits the execution of javascript because it is considered to be burdensome for a website. That's why when using AMP, a lot of third-party javascript doesn't run normally. Although it now features an amp-script component for running external javascript code, it still has strict regulations and limited features in its use.
Can Blogger use AMP?
Currently, AMP is used by more than 200 content publishers including WordPress, LinkedIn, Medium, Nuzzel, Pinterest, and Twitter.
For WordPress users themselves, it has been easier to implement AMP because there is an AMP plugin feature, with this plugin the website can be valid for AMP without complicated settings.
However, Blogger by default does not provide a plugin feature which will make it very difficult to implement AMP on Blogger because you have to set it up manually, starting from a special AMP blogger template, and editing the entire post code so that it is valid for AMP, this will be very draining time and effort for those who already have hundreds or even thousands of posts who want to switch to AMP.
Is there an easiest way to use AMP on Blogger?
Yes, now on Blogger you can use the AMP very easily by using the template from Theme62.
What is Theme62?
Theme62 is the best blogger template provider website with features inspired by WordPress, has support for many plugins and easy template configuration without touching any code.
The Theme62 blogger template contains the AMP Lite plugin, so all you have to do is activate the AMP Lite plugin, so the blog can auto AMP.
It's even better that you don't need to edit html, articles, and templates. In other words, just create an article as usual, it will auto AMP like WordPress.
Reference :
- https://idcloudhost.com/mengenal-accelerated-mobile-pages-amp-google/
- https://www.jagoanhosting.com/blog/apa-itu-amp-adalah/
- https://techorganism.com/accelerated-mobile-pages-amp/