html amp project blogger blogspot template gratis free custom blogger
html amp project
Membuat web masa depan bersama-sama. AMP Project adalah inisiatif sumber terbuka yang bertujuan untuk membuat web lebih baik bagi semua kalangan. Proyek ini memungkinkan pembuatan situs dan iklan dengan performa tinggi, cepat, dan konsisten di berbagai perangkat dan platform distribusi. Pelajari tentang AMP atau Mulai Membuat Terbaru Berita AMP Conf 2019 January 11, 2019 Berita A year of open source funding January 9, 2019 Berita Announcing AMP Conf 2019: Tokyo January 8, 2019 Berita LaterPay, Lessons Learned December 19, 2018 Berita Why AddThis chose to integrate with AMP December 13, 2018 Berita Ads on AMP pages became safer and more user-friendly in 2018 December 11, 2018 Get the latest news and tips from our newsletter: Berlangganan Hal yang Diberikan AMP Keterlibatan dan Performa yang Lebih Baik Halaman dan iklan yang dipublikasikan dalam format AMP sumber terbuka dimuat secara hampir instan, sehingga memberikan pengalaman yang lancar dan menyenangkan di perangkat seluler dan desktop. Fleksibilitas dan Hasil Penayang dan pengiklan dapat menentukan cara konten ditampilkan dan vendor teknologi yang digunakan, sambil tetap mempertahankan dan meningkatkan indikator performa utama. Upaya kolaboratif AMP dibuat berkat kolaborasi yang mendalam dengan ribuan developer, penayang dan situs, platform distribusi, serta perusahaan teknologi. Lebih dari 1,5 miliar halaman AMP telah dipublikasikan hingga sekarang dan lebih dari 100 penyedia analisis, teknologi iklan, dan CMS terkemuka mendukung format AMP.
blogspot template gratis free
Juga, dokumen HTML AMP dapat diunggah ke server web dan disajikan sama seperti dokumen HTML lainnya; tidak diperlukan konfigurasi khusus untuk server. Namun, mereka juga dirancang untuk dilayani secara opsional melalui sistem penyajian AMP khusus yang memproksi dokumen AMP. Dokumen-dokumen ini melayani mereka dari asalnya sendiri dan diizinkan untuk menerapkan transformasi pada dokumen yang memberikan manfaat kinerja tambahan. Daftar optimasi yang tidak lengkap yang mungkin dilakukan oleh sistem penyajian adalah: Ganti referensi gambar dengan gambar berukuran ke viewport pemirsa. Sejajarkan gambar yang terlihat di atas flip. Variabel CSS sebaris. Preload komponen yang diperluas. Minimalkan HTML dan CSS. AMP HTML menggunakan serangkaian elemen khusus yang dikelola tetapi dihosting secara terpusat dan dihosting untuk mengimplementasikan fungsionalitas tingkat lanjut seperti galeri gambar yang mungkin ditemukan dalam dokumen HTML AMP. Meskipun memungkinkan penataan dokumen menggunakan CSS khusus, itu tidak memungkinkan penulis menulis JavaScript di luar apa yang disediakan melalui elemen kustom untuk mencapai tujuan kinerjanya. Dengan menggunakan format AMP, produsen konten membuat konten dalam file AMP tersedia untuk dirayapi (tunduk pada batasan robots.txt), di-cache, dan ditampilkan oleh pihak ketiga. Kinerja Performa yang dapat diprediksi adalah tujuan desain utama untuk AMP HTML. Terutama kami bertujuan mengurangi waktu sampai konten halaman dapat dikonsumsi / digunakan oleh pengguna. Secara konkret ini berarti: Permintaan HTTP yang diperlukan untuk membuat dan menata sepenuhnya dokumen harus diminimalkan. Sumber daya seperti gambar atau iklan hanya boleh diunduh jika cenderung dilihat oleh pengguna. Browser harus dapat menghitung ruang yang dibutuhkan oleh setiap sumber daya di halaman tanpa mengambil sumber daya itu. Dokumen Contoh format AMP HTML
custom blogger
Keunggulan utama AMP terletak bukan hanya pada membuat halaman cepat dimuat, namun juga membuat halaman cepat dimuat dengan cara yang dapat divalidasi . Dengan begitu, pihak ketiga seperti Twitter, Instagram, atau Google Penelusuran dapat merasa puas dengan penayangan halaman AMP kepada pembaca melalui cara yang semakin menarik. Bagaimana cara memeriksa validitas halaman AMP saya? Ada beberapa cara untuk memvalidasi dokumen AMP. Semua cara akan memberikan hasil yang sama persis, jadi gunakan cara mana saja yang paling sesuai dengan gaya pengembangan Anda. Selain memvalidasi AMP, ada baiknya Anda juga mengonfirmasi bahwa dokumen AMP Anda dapat ditemukan oleh platform pihak ketiga. Developer Console Browser Validator AMP hadir sepaket dengan library JS AMP, sehingga library ini tersedia di setiap halaman AMP tanpa perlu diotak-atik. Untuk memvalidasi: Buka halaman AMP di browser. Tambahkan " #development=1 " ke akhir URL, misalnya, http://localhost:8000/released.amp.html#development=1 . Buka konsol DevTools Chrome dan periksa apakah ada error validasi. Error Developer Console akan terlihat seperti ini: Antarmuka Web Validator AMP dapat digunakan sebagai antarmuka web di validator.ampproject.org . Antarmuka ini menunjukkan error yang ditampilkan inline beserta sumber HTML halaman. Antarmuka ini adalah editor interaktif: perubahan pada sumber HTML menyebabkan validasi ulang yang interaktif. Ekstensi Browser Validator AMP dapat diakses langsung dari toolbar browser menggunakan ekstensi browser. Saat Anda menjelajah, Validator AMP akan otomatis memvalidasi setiap halaman AMP yang dikunjungi dan memberikan indikasi visual terkait validitas halaman dengan ikon berwarna. Jika terjadi error dalam halaman AMP, ikon ekstensi akan muncul dalam warna merah dan menampilkan jumlah error yang ditemukan. Jika tidak ada error dalam halaman AMP, ikon muncul dalam warna hijau dan menampilkan jumlah peringatan, jika ada. Jika halaman itu bukan AMP, namun mengindikasikan ada versi AMP-nya, ikon akan muncul dalam warna biru dengan ikon link, dan jika ekstensi diklik, browser akan dialihkan ke versi AMP tersebut.
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<html amp='amp' lang='en'>
<head>
<meta charset='utf-8'/>
<title>Template Blogger AMP</title>
<meta content='width=device-width,minimum-scale=1,initial-scale=1' name='viewport'/>
<link expr:href='data:blog.url' rel='canonical'/>
<script async='async' src='https://cdn.ampproject.org/v0.js'/>
<style amp-boilerplate='amp-boilerplate'>
body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
</style>
<noscript>
<style amp-boilerplate='amp-boilerplate'>
body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}
</style>
</noscript>
<!--<b:skin><![CDATA[ ]]></b:skin>
</head><!--<head/>-->
<body>
<b:section id='bloggerjx'/>
<h3>Selamat Template Blogger anda sudah <span style='color:#0f9d58'>AMP</span></h3>
<p>Template by. <a href='https://bloggerjx.blogspot.com/' target='_blank'>bloggerjx</a></p>
<!--</body>--> </body>
</html>