{"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\/my\/wiki\/accelerated-mobile-pages\/","title":{"rendered":"Halaman Mudah Alih Dipercepat"},"content":{"rendered":"<p>Accelerated Mobile Pages (AMP) ialah rangka kerja HTML sumber terbuka yang dibangunkan oleh Google dengan kerjasama Twitter. Projek ini bertujuan untuk menjadikan kandungan web lebih pantas dan lebih mesra pengguna untuk pengguna mudah alih, memberikan pengalaman penyemakan imbas yang diperkemas dan cekap. AMP mencapai ini dengan memaparkan halaman web dalam format yang mudah tetapi cekap, mengurangkan masa muat dan meningkatkan penglibatan pengguna.<\/p>\n<h2>Kejadian dan Kemunculan Halaman Mudah Alih Dipercepat<\/h2>\n<p>Projek Accelerated Mobile Pages pertama kali diumumkan oleh Google pada Oktober 2015. Google bekerjasama dengan pelbagai penerbit, syarikat teknologi dan platform, termasuk Twitter, Pinterest, LinkedIn dan WordPress.com, untuk mencipta standard baharu yang lebih pantas untuk mudah alih kandungan web.<\/p>\n<p>Matlamat utama adalah untuk memerangi pengalaman web yang semakin membengkak dan perlahan untuk pengguna mudah alih. Ideanya adalah untuk menanggalkan elemen yang tidak perlu dan mengutamakan kelajuan, semuanya tanpa mengorbankan fungsi yang diharapkan pengguna. Menjelang Februari 2016, AMP telah disepadukan ke dalam hasil carian mudah alih Google, menandakan debut rasminya.<\/p>\n<h2>Memperluas pada Halaman Mudah Alih Dipercepat<\/h2>\n<p>Pada terasnya, Accelerated Mobile Pages ialah versi HTML biasa yang dilucutkan. AMP menggunakan set teknologi web khusus untuk menyampaikan halaman web, memfokuskan pada kelajuan dan kebolehbacaan untuk pengguna mudah alih. Ia terdiri daripada tiga komponen teras: HTML AMP, AMP JS (JavaScript) dan Cache AMP.<\/p>\n<p>HTML AMP ialah subset HTML dengan beberapa teg dan sifat tersuai. Ia termasuk beberapa elemen tersuai terbina dalam yang membantu meningkatkan prestasi, seperti amp-img untuk imej dan amp-video untuk video.<\/p>\n<p>AMP JS menguruskan pengendalian sumber dan pemuatan tak segerak, bertujuan untuk menyampaikan pemaparan halaman terpantas. Ia hanya membenarkan JavaScript tak segerak, memastikan tiada skrip menyekat laluan pemaparan.<\/p>\n<p>Cache AMP, yang disediakan oleh Google, menyediakan halaman HTML AMP yang dicache. Cache disertakan dengan sistem pengesahan terbina dalam yang mengesahkan sama ada halaman memenuhi kriteria AMP, yang memastikan kebolehpercayaan dan kelajuan.<\/p>\n<h2>Kerja Dalaman Halaman Mudah Alih Dipercepat<\/h2>\n<p>Halaman Mudah Alih Dipercepatkan menggunakan rangka kerja HTML yang diperkemas dan mengehadkan elemen HTML, CSS dan JavaScript tertentu yang sering bertanggungjawab untuk masa muat halaman yang lebih perlahan. AMP menggunakan pemuatan malas, yang membenarkan hanya kandungan yang diperlukan dimuatkan apabila pengguna membuka halaman web, sekali gus meningkatkan kelajuan penghantaran kandungan.<\/p>\n<p>Dalam sistem AMP, JavaScript disimpan pada tahap minimum. JavaScript pihak ketiga tidak dibenarkan dalam elemen AMP tersuai, yang membantu menghalang penyekatan pemaparan. Sebaliknya, kandungan interaktif dikendalikan dalam elemen AMP tersuai. CSS dalam AMP juga diselaraskan dan terikat saiz, menyebabkan kurang data untuk diambil.<\/p>\n<p>Cache AMP juga memainkan peranan penting. Apabila pengguna meminta halaman AMP, halaman itu diambil daripada Cache AMP Google, yang secara automatik meningkatkan prestasi halaman.<\/p>\n<h2>Ciri Utama Halaman Mudah Alih Dipercepat<\/h2>\n<ol>\n<li>\n<p><strong>Kelajuan dan Prestasi<\/strong>: Halaman AMP dimuatkan lebih cepat daripada halaman mudah alih standard, memberikan pengalaman pengguna yang lancar.<\/p>\n<\/li>\n<li>\n<p><strong>Pengoptimuman Enjin Carian<\/strong>: Halaman berdaya AMP digemari oleh algoritma enjin carian Google, menghasilkan keterlihatan yang lebih tinggi dalam halaman hasil enjin carian (SERP).<\/p>\n<\/li>\n<li>\n<p><strong>Penglibatan dan Pengewangan<\/strong>: Pemuatan halaman yang lebih pantas membawa kepada penglibatan pengguna yang lebih tinggi, kadar lantunan yang lebih rendah dan keterlihatan iklan yang lebih baik.<\/p>\n<\/li>\n<li>\n<p><strong>Analitis<\/strong>: AMP menyokong pelbagai jenis analitis, rangkaian iklan dan teknologi, dengan peruntukan untuk mengumpul, menganalisis dan bertindak ke atas data pengguna.<\/p>\n<\/li>\n<\/ol>\n<h2>Jenis Halaman Mudah Alih Dipercepat<\/h2>\n<p>Tidak terdapat &quot;jenis&quot; AMP yang berbeza, tetapi pelaksanaan AMP yang berbeza merentas pelbagai jenis kandungan dan platform. Beberapa contoh ialah:<\/p>\n<ul>\n<li><strong>Laman Web AMP<\/strong>: Tapak web standard dibina sepenuhnya dengan HTML AMP untuk kelajuan dan prestasi.<\/li>\n<li><strong>Cerita AMP<\/strong>: Format penceritaan visual untuk web terbuka, yang boleh diketik, menarik dan mengasyikkan.<\/li>\n<li><strong>Iklan AMP<\/strong>: Iklan yang dibina dengan AMP dimuatkan dengan lebih pantas, meningkatkan pengalaman pengguna dan prestasi iklan.<\/li>\n<li><strong>E-mel AMP<\/strong>: E-mel masa nyata interaktif menggunakan rangka kerja AMP.<\/li>\n<\/ul>\n<h2>Penggunaan, Masalah dan Penyelesaian<\/h2>\n<p>AMP digunakan terutamanya oleh penerbit berita, tapak e-dagang dan platform pengiklanan untuk menyampaikan pengalaman yang pantas dan menarik pada peranti mudah alih. Walau bagaimanapun, AMP telah dikritik kerana terlalu memudahkan halaman, kefungsian terhad berbanding tapak web lengkap dan pergantungan pada infrastruktur Google.<\/p>\n<p>Google telah membuat penambahbaikan berterusan pada rangka kerja AMP untuk menangani isu ini, termasuk menambah lebih banyak komponen untuk meningkatkan fungsi dan mewujudkan keseimbangan yang lebih baik antara kelajuan dan kebolehgunaan.<\/p>\n<h2>Perbandingan dengan Teknologi Serupa<\/h2>\n<table>\n<thead>\n<tr>\n<th>Ciri<\/th>\n<th>AMP<\/th>\n<th>Halaman Mudah Alih Biasa<\/th>\n<th>Reka Bentuk Web Responsif<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Kelajuan<\/td>\n<td>Sangat tinggi<\/td>\n<td>Sederhana<\/td>\n<td>Bergantung pada reka bentuk<\/td>\n<\/tr>\n<tr>\n<td>Faedah SEO<\/td>\n<td>tinggi<\/td>\n<td>rendah<\/td>\n<td>Sederhana<\/td>\n<\/tr>\n<tr>\n<td>Fokus Mudah Alih<\/td>\n<td>ya<\/td>\n<td>Tidak<\/td>\n<td>ya<\/td>\n<\/tr>\n<tr>\n<td>Interaktiviti<\/td>\n<td>Terhad<\/td>\n<td>tinggi<\/td>\n<td>tinggi<\/td>\n<\/tr>\n<tr>\n<td>Pergantungan 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 sedang menuju ke arah fleksibiliti dan fungsi yang lebih besar, dengan kemas kini berterusan untuk membolehkan pengalaman yang lebih kaya sambil mengekalkan kelajuan. Apl Web Progresif (PWA), yang membawa pengalaman seperti apl asli kepada aplikasi web, semakin menyepadukan AMP untuk &quot;halaman masuk&quot; mereka. Gabungan teknologi PWA dan AMP menjanjikan masa depan pemuatan segera, pengalaman web yang mendalam.<\/p>\n<h2>AMP dan Pelayan Proksi<\/h2>\n<p>Pelayan proksi, seperti OneProxy, boleh digunakan untuk menyampaikan kandungan AMP. Pelayan ini boleh cache halaman AMP dan menghantarnya kepada pengguna, meningkatkan masa muat dan prestasi. Walau bagaimanapun, pengesahan dan pengoptimuman yang disediakan oleh Cache AMP Google tidak akan hadir melainkan dilaksanakan secara khusus.<\/p>\n<h2>Pautan Berkaitan<\/h2>\n<p>Untuk maklumat lanjut tentang AMP:<\/p>\n<ol>\n<li><a href=\"https:\/\/amp.dev\/\" target=\"_new\" rel=\"noopener nofollow\">Laman Web Rasmi Projek AMP<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/search\/docs\/guides\/intro-to-amp\" target=\"_new\" rel=\"noopener nofollow\">Pengenalan Google kepada AMP<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/ampproject\/amphtml\" target=\"_new\" rel=\"noopener nofollow\">AMP pada GitHub<\/a><\/li>\n<\/ol>\n<p>Semakan komprehensif AMP ini meneroka asal usul, fungsi, aplikasi dan masa depannya. Memandangkan penggunaan internet mudah alih terus berkembang, keperluan untuk AMP mungkin akan meningkat, menyediakan web yang lebih pantas dan lebih mesra 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\/my\/wp-json\/wp\/v2\/wiki\/475781","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oneproxy.pro\/my\/wp-json\/wp\/v2\/wiki"}],"about":[{"href":"https:\/\/oneproxy.pro\/my\/wp-json\/wp\/v2\/types\/wiki"}],"version-history":[{"count":0,"href":"https:\/\/oneproxy.pro\/my\/wp-json\/wp\/v2\/wiki\/475781\/revisions"}],"wp:attachment":[{"href":"https:\/\/oneproxy.pro\/my\/wp-json\/wp\/v2\/media?parent=475781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}