{"id":475781,"date":"2023-08-09T07:23:51","date_gmt":"2023-08-09T07:23:51","guid":{"rendered":""},"modified":"2023-09-05T11:11:13","modified_gmt":"2023-09-05T11:11:13","slug":"accelerated-mobile-pages","status":"publish","type":"wiki","link":"https:\/\/oneproxy.pro\/id\/wiki\/accelerated-mobile-pages\/","title":{"rendered":"Halaman Seluler yang Dipercepat"},"content":{"rendered":"<p>Accelerated Mobile Pages (AMP) adalah kerangka kerja HTML sumber terbuka yang dikembangkan oleh Google bekerja sama dengan Twitter. Proyek ini bertujuan untuk membuat konten web lebih cepat dan lebih ramah pengguna bagi pengguna seluler, memberikan pengalaman penelusuran yang efisien dan efisien. AMP mencapai hal ini dengan merender halaman web dalam format yang disederhanakan namun efisien, mengurangi waktu muat, dan meningkatkan keterlibatan pengguna.<\/p>\n<h2>Kejadian dan Kemunculan Laman Seluler yang Dipercepat<\/h2>\n<p>Proyek Accelerated Mobile Pages pertama kali diumumkan oleh Google pada bulan Oktober 2015. Google bekerja sama dengan sejumlah penerbit, perusahaan teknologi, dan platform, termasuk Twitter, Pinterest, LinkedIn, dan WordPress.com, untuk menciptakan standar baru yang lebih cepat untuk seluler isi web.<\/p>\n<p>Tujuan utamanya adalah untuk memerangi pengalaman web yang semakin membengkak dan lambat bagi pengguna seluler. Idenya adalah menghilangkan elemen yang tidak perlu dan memprioritaskan kecepatan, semuanya tanpa mengorbankan fungsionalitas yang diharapkan pengguna. Pada bulan Februari 2016, AMP diintegrasikan ke dalam hasil pencarian seluler Google, menandai debut resminya.<\/p>\n<h2>Memperluas Laman Seluler yang Dipercepat<\/h2>\n<p>Pada intinya, Accelerated Mobile Pages adalah versi sederhana dari HTML biasa. AMP menggunakan serangkaian teknologi web tertentu untuk menyajikan halaman web, dengan fokus pada kecepatan dan keterbacaan bagi pengguna seluler. Ini terdiri dari tiga komponen inti: AMP HTML, AMP JS (JavaScript), dan AMP Cache.<\/p>\n<p>AMP HTML adalah bagian dari HTML dengan beberapa tag dan properti khusus. Ini mencakup beberapa elemen khusus bawaan yang membantu meningkatkan kinerja, seperti amp-img untuk gambar dan amp-video untuk video.<\/p>\n<p>AMP JS mengelola penanganan sumber daya dan pemuatan asinkron, yang bertujuan untuk memberikan rendering halaman tercepat. Ini hanya mengizinkan JavaScript asinkron, memastikan tidak ada skrip yang memblokir jalur rendering.<\/p>\n<p>AMP Cache, yang disediakan oleh Google, menyajikan halaman HTML AMP yang di-cache. Cache dilengkapi dengan sistem validasi bawaan yang mengonfirmasi apakah halaman memenuhi kriteria AMP, sehingga menjamin keandalan dan kecepatan.<\/p>\n<h2>Cara Kerja Laman Seluler yang Dipercepat<\/h2>\n<p>Laman Seluler yang Dipercepat menggunakan kerangka kerja HTML yang disederhanakan dan membatasi elemen HTML, CSS, dan JavaScript tertentu yang sering menyebabkan waktu muat laman lebih lambat. AMP menggunakan pemuatan lambat, yang memungkinkan hanya konten yang diperlukan dimuat saat pengguna membuka halaman web, sehingga meningkatkan kecepatan pengiriman konten.<\/p>\n<p>Dalam sistem AMP, JavaScript dijaga agar tetap minimum. JavaScript pihak ketiga tidak diizinkan dalam elemen AMP khusus, sehingga membantu mencegah pemblokiran render. Sebaliknya, konten interaktif ditangani dalam elemen AMP khusus. CSS di AMP juga dibuat sebaris dan dibatasi ukurannya, sehingga menghasilkan lebih sedikit data yang diambil.<\/p>\n<p>Cache AMP juga memainkan peran penting. Saat pengguna meminta halaman AMP, halaman tersebut diambil dari Cache AMP Google, yang secara otomatis meningkatkan kinerja halaman.<\/p>\n<h2>Fitur Utama Laman Seluler yang Dipercepat<\/h2>\n<ol>\n<li>\n<p><strong>Kecepatan dan Performa<\/strong>: Halaman AMP dimuat lebih cepat dibandingkan halaman seluler standar, sehingga memberikan pengalaman pengguna yang lancar.<\/p>\n<\/li>\n<li>\n<p><strong>Optimisasi Mesin Pencari<\/strong>: Halaman berkemampuan AMP disukai oleh algoritma mesin pencari Google, sehingga menghasilkan visibilitas yang lebih tinggi di halaman hasil mesin pencari (SERP).<\/p>\n<\/li>\n<li>\n<p><strong>Keterlibatan dan Monetisasi<\/strong>: Pemuatan halaman yang lebih cepat menghasilkan keterlibatan pengguna yang lebih tinggi, rasio pentalan yang lebih rendah, dan visibilitas iklan yang lebih baik.<\/p>\n<\/li>\n<li>\n<p><strong>Analisis<\/strong>: AMP mendukung beragam analisis, jaringan iklan, dan teknologi, dengan ketentuan untuk mengumpulkan, menganalisis, dan bertindak berdasarkan data pengguna.<\/p>\n<\/li>\n<\/ol>\n<h2>Jenis Halaman Seluler yang Dipercepat<\/h2>\n<p>Tidak ada \u201cjenis\u201d AMP yang berbeda, melainkan penerapan AMP yang berbeda di berbagai jenis konten dan platform. Beberapa contohnya adalah:<\/p>\n<ul>\n<li><strong>Situs Web AMP<\/strong>: Situs web standar yang dibuat sepenuhnya dengan AMP HTML untuk kecepatan dan kinerja.<\/li>\n<li><strong>Cerita AMP<\/strong>: Format penyampaian cerita visual untuk web terbuka, yang dapat disadap, menarik, dan imersif.<\/li>\n<li><strong>Iklan AMP<\/strong>: Iklan yang dibuat dengan AMP dimuat lebih cepat, sehingga meningkatkan pengalaman pengguna dan kinerja iklan.<\/li>\n<li><strong>Email AMP<\/strong>: Email interaktif dan real-time menggunakan kerangka AMP.<\/li>\n<\/ul>\n<h2>Kegunaan, Masalah, dan Solusi<\/h2>\n<p>AMP terutama digunakan oleh penerbit berita, situs e-niaga, dan platform periklanan untuk memberikan pengalaman yang cepat dan menarik di perangkat seluler. Namun, AMP telah dikritik karena terlalu menyederhanakan halaman, fungsinya terbatas dibandingkan dengan situs web lengkap, dan ketergantungan pada infrastruktur Google.<\/p>\n<p>Google terus melakukan perbaikan pada kerangka AMP untuk mengatasi masalah ini, termasuk menambahkan lebih banyak komponen untuk meningkatkan fungsionalitas dan menciptakan keseimbangan yang lebih baik antara kecepatan dan kegunaan.<\/p>\n<h2>Perbandingan dengan Teknologi Serupa<\/h2>\n<table>\n<thead>\n<tr>\n<th>Fitur<\/th>\n<th>AMP<\/th>\n<th>Halaman Seluler Biasa<\/th>\n<th>Desain Web Responsif<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Kecepatan<\/td>\n<td>Sangat tinggi<\/td>\n<td>Sedang<\/td>\n<td>Tergantung pada desain<\/td>\n<\/tr>\n<tr>\n<td>Manfaat SEO<\/td>\n<td>Tinggi<\/td>\n<td>Rendah<\/td>\n<td>Sedang<\/td>\n<\/tr>\n<tr>\n<td>Berfokus pada Seluler<\/td>\n<td>Ya<\/td>\n<td>TIDAK<\/td>\n<td>Ya<\/td>\n<\/tr>\n<tr>\n<td>Interaktivitas<\/td>\n<td>Terbatas<\/td>\n<td>Tinggi<\/td>\n<td>Tinggi<\/td>\n<\/tr>\n<tr>\n<td>Ketergantungan pada Google<\/td>\n<td>Tinggi<\/td>\n<td>TIDAK<\/td>\n<td>TIDAK<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Perspektif dan Teknologi Masa Depan<\/h2>\n<p>Masa depan AMP bergerak menuju fleksibilitas dan fungsionalitas yang lebih besar, dengan pembaruan berkelanjutan untuk memungkinkan pengalaman yang lebih kaya dengan tetap menjaga kecepatan. Aplikasi Web Progresif (PWA), yang menghadirkan pengalaman seperti aplikasi asli ke aplikasi web, semakin mengintegrasikan AMP untuk \u201chalaman masuk\u201d mereka. Kombinasi teknologi PWA dan AMP menjanjikan pengalaman web yang imersif dan memuat instan di masa depan.<\/p>\n<h2>Server AMP dan Proksi<\/h2>\n<p>Server proxy, seperti OneProxy, dapat digunakan untuk menyajikan konten AMP. Server ini dapat menyimpan halaman AMP dalam cache dan mengirimkannya ke pengguna, sehingga meningkatkan waktu muat dan kinerja. Namun, validasi dan optimasi yang disediakan oleh Google AMP Cache tidak akan ada kecuali diterapkan secara khusus.<\/p>\n<h2>tautan yang berhubungan<\/h2>\n<p>Untuk informasi lebih lanjut tentang AMP:<\/p>\n<ol>\n<li><a href=\"https:\/\/amp.dev\/\" target=\"_new\" rel=\"noopener nofollow\">Situs Resmi Proyek AMP<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/search\/docs\/guides\/intro-to-amp\" target=\"_new\" rel=\"noopener nofollow\">Pengenalan Google tentang AMP<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/ampproject\/amphtml\" target=\"_new\" rel=\"noopener nofollow\">AMP di GitHub<\/a><\/li>\n<\/ol>\n<p>Tinjauan komprehensif tentang AMP ini mengeksplorasi asal usul, fungsi, aplikasi, dan masa depannya. Seiring dengan meningkatnya penggunaan internet seluler, kebutuhan akan AMP kemungkinan akan meningkat, menyediakan web yang lebih cepat dan lebih ramah pengguna untuk semua orang.<\/p>","protected":false},"featured_media":0,"menu_order":0,"template":"","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"class_list":["post-475781","wiki","type-wiki","status-publish","hentry"],"acf":{"faq_title":"Frequently Asked Questions about <mark>Accelerated Mobile Pages: An In-depth Look<\/mark>","faq_items":[{"question":"What is Accelerated Mobile Pages (AMP)?","answer":"<p>Accelerated Mobile Pages (AMP) is an open-source HTML framework developed by Google in partnership with Twitter. It aims to make web content faster and more user-friendly for mobile users, providing a more efficient browsing experience.<\/p>"},{"question":"When was AMP first introduced?","answer":"<p>The Accelerated Mobile Pages project was first announced by Google in October 2015, with the aim of combating the increasingly bloated and slow web experience for mobile users.<\/p>"},{"question":"How does AMP work?","answer":"<p>AMP uses a simplified version of regular HTML and a specific set of web technologies to deliver web pages. It consists of three core components: AMP HTML, AMP JS, and AMP Cache. AMP HTML is a subset of HTML with custom tags and properties, while AMP JS manages resource handling and asynchronous loading for fast rendering. The AMP Cache is provided by Google and serves cached AMP HTML pages to ensure speed and reliability.<\/p>"},{"question":"What are some key features of AMP?","answer":"<p>AMP's key features include its speed and performance, its positive effect on search engine optimization, its potential for improved user engagement and monetization, and its robust analytics capabilities.<\/p>"},{"question":"Are there different types of AMP?","answer":"<p>There aren't different \"types\" of AMP, but rather different implementations of AMP across various content types and platforms. These include AMP websites, AMP stories, AMP ads, and AMP email.<\/p>"},{"question":"What are some challenges and solutions associated with AMP?","answer":"<p>While AMP is beneficial for speed and user experience, it has been critiqued for over-simplifying pages and limiting functionality compared to full-fledged websites. Google has made continuous improvements to address these issues, including adding more components to increase functionality.<\/p>"},{"question":"How does AMP compare with similar technologies like regular mobile pages and responsive web design?","answer":"<p>AMP tends to load faster than regular mobile pages and responsive web designs, which can result in higher visibility in search engine results and improved user experience. However, it's more dependent on Google's infrastructure and has limited interactivity compared to the other two.<\/p>"},{"question":"What is the future of AMP?","answer":"<p>The future of AMP is likely to involve greater flexibility and functionality, with continuous updates to allow richer experiences while maintaining speed. Progressive Web Apps (PWAs), which bring a native-app-like experience to web applications, are increasingly integrating AMP for their \"entry pages.\"<\/p>"},{"question":"How can proxy servers like OneProxy be used with AMP?","answer":"<p>Proxy servers like OneProxy can be used to serve AMP content. They can cache AMP pages and deliver them to users, potentially improving load times and performance. However, the validation and optimization provided by the Google AMP Cache won't be present unless specifically implemented.<\/p>"}]},"_links":{"self":[{"href":"https:\/\/oneproxy.pro\/id\/wp-json\/wp\/v2\/wiki\/475781","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oneproxy.pro\/id\/wp-json\/wp\/v2\/wiki"}],"about":[{"href":"https:\/\/oneproxy.pro\/id\/wp-json\/wp\/v2\/types\/wiki"}],"version-history":[{"count":0,"href":"https:\/\/oneproxy.pro\/id\/wp-json\/wp\/v2\/wiki\/475781\/revisions"}],"wp:attachment":[{"href":"https:\/\/oneproxy.pro\/id\/wp-json\/wp\/v2\/media?parent=475781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}