Tips Ngeblog

Apa Itu AMP? Lengkap dengan Tutorial Setting AMP di Blog WordPress.com

Loading sebuah situs yang cepat adalah idaman bagi setiap blogger. Karena hal ini juga merupakan salah satu faktor yang mempengaruhi penilaian sebuah situs web/blog itu SEO friendly atau tidak.

Dalam postingan kali ini, Mas Bro akan membahas secara singkat tentang AMP (Accelerated Mobile Pages).

Apa itu AMP?

AMP adalah kerangka kerja open source yang memungkinkan browser dan aplikasi untuk memuat situs Anda dengan cepat pada perangkat mobile. Jadi, tujuan dari AMP adalah agar tampilan web/blog terlihat responsive dan loading yang cepat ketika dibuka dari perangkat mobile.

Sebuah blog/website yang sudah mendukung AMP dapat terlihat di perangkat mobile ketika Anda mencari di search result Google.

Berikut, pengertian AMP.

AMP is a way to build web pages for static content that render fast. AMP in action consists of three different parts:

AMP HTML is HTML with some restrictions for reliable performance and some extensions for building rich content beyond basic HTML. The AMP JS library ensures the fast rendering of AMP HTML pages. The Google AMP Cache can be used to serve cached AMP HTML pages.

AMP HTML

Though most tags in an AMP HTML page are regular HTML tags, some HTML tags are replaced with AMP-specific tags (see also HTML Tags in the AMP spec). These custom elements, called AMP HTML components, make common patterns easy to implement in a performant.way.

AMP JS

The AMP JS library implements all of AMP’s best performance practices, manages resource loading and gives you the custom tags mentioned above, all to ensure a fast rendering of your page.

Among the biggest optimizations is the fact that it makes everything that comes from external resources asynchronous, so nothing in the page can block anything from rendering.

Other performance techniques include the sandboxing of all iframes, the pre-calculation of the layout of every element on page before resources are loaded and the disabling of slow CSS selectors.

Google AMP Cache

The Google AMP Cache is a proxy-based content delivery network for delivering all valid AMP documents. It fetches AMP HTML pages, caches them, and improves page performance automatically. When using the Google AMP Cache, the document, all JS files and all images load from the same origin that is using HTTP 2.0 for maximum efficiency.

The cache also comes with a built-in validation system which confirms that the page is guaranteed to work, and that it doesn’t depend on external resources. The validation system runs a series of assertions confirming the page’s markup meets the AMP HTML specification.

Another version of the validator comes bundled with every AMP page. This version can log validation errors directly to the browser’s console when the page is rendered, allowing you to see how complex changes in your code might impact performance and user experience.

https://www.ampproject.org/learn/about-amp/

Mengaktifkan AMP di Blog WordPress.com

Untuk menggunakan fitur AMP di blog WordPress.com, pastikan blog Anda tidak dalam mode Private dan Hidden.

Biasanya fitur AMP ini sudah otomatis aktif untuk setiap blog WordPress.com.

Selanjutnya, untuk mengaktifkan/menonaktifkan AMP, setting di My Sites, kemudian pilih Settings → General.

AMP blog wordpress.com
Kustomisasi Tampilan AMP

Untuk kustomisasi tampilan AMP, klik saja Edit Design. Sesuaikan dengan keinginan Anda

Reff: https://en.support.wordpress.com/google-amp-accelerated-mobile-pages/

Silakan bagikan postingan ini mentah-mentah. Semoga bermanfaat 🙂

Happy Blogging

Iklan

Komentarnya donk Om.. Tanteee.. silakan :)

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s