Cara AMP berfungsi. Pengoptimalan setelah Anda tercampur adalah alasan utama halaman web AMP sangat cepat sehingga halaman ini dapat dimuat langsung

Cara AMP berfungsi. Pengoptimalan setelah Anda tercampur adalah alasan utama halaman web AMP sangat cepat sehingga halaman ini dapat dimuat langsung

Anda akan menemukan tujuh alasan secara keseluruhan: namun, dengan asumsi masih banyak yang harus dijelajahi, hanya lihat setiap film penjelajah:

Lakukan hampir semua JavaScript AMP secara asinkron

JavaScript menarik, dapat mengubah hampir semua aspek halaman web, namun juga dapat memblokir konstruksi DOM dan juga menunda perenderan halaman web (perhatikan interaktivitas yang juga menambahkan JavaScript). Untuk membantu mempertahankan JavaScript setelah menunda pembuatan halaman web, AMP hanya mengizinkan JavaScript asinkron.

Elemen AMP mungkin hadir dengan JavaScript di tudung, namun mereka sepenuhnya dibuat untuk memastikan ini tidak memicu penurunan efisiensi.

Meskipun JS yang disesuaikan terlihat diizinkan di amp-script, JS pihak ketiga sebenarnya diberikan di iframe, hal ini tidak dapat memblokir pembuatan. Misalnya, ketika JS pihak ketiga menggunakan setiap dokumen yang sangat buruk untuk kinerja. Menulis API, umumnya tidak memblokir pembuatan halaman web utama.

Mengukur banyak cara secara statis

Di luar sarana seperti misalnya foto, iklan hingga iframe harus mencantumkan bentuknya di dalam HTML agar AMP dapat mengetahui ukuran setiap elemen kemudian posisi sebelumnya berarti sudah pasti terpasang. AMP banyak desain Anda dari halaman web web ini tanpa khawatir mencari cara lain untuk menginstal.

Desain laporan pelepasan AMP di desain situs. Hanya satu permintaan HTTP yang diperlukan untuk mendesain dokumen mereka yang berisi + font lengkap). Karena AMP disetel dengan baik untuk menghindari penghitungan ulang jenis yang mahal dan desain di browser internet internet web, sekitar tidak akan mencoba melakukan tata letak ulang apa pun setelah memuat alat.

Jangan izinkan mekanisme ekspansi memblokir rendering

AMP tidak mengizinkan mekanisme ekspansi memblokir pembuatan halaman web web. AMP membantu ekstensi untuk hal-hal seperti lightbox, sematan instagram, posting twitter, dan sebagainya. Permintaan tersebut tidak memblokir tata letak dan perenderan halaman sementara ini memerlukan permintaan HTTP tambahan.

Halaman web yang berjalan pada sekumpulan skrip yang dipersonalisasi harus memberi tahu bahwa program AMP sehingga pada akhirnya akan memiliki label yang dipersonalisasi. Sebagai contoh, skrip mereka yang amp-iframe mesin Anda, Anda akan memiliki label amp-iframe yang sangat baik. AMP membawa paket iframe mereka yang akan disertakan bahkan sebelum ia mengetahui apa:

Pertahankan sebagian besar JavaScript pihak ketiga yang terkait dengan jalur yang sangat penting

JS pihak ketiga suka menggunakan JS yang memuat sinkron. Selain itu mereka memilih untuk mendokumentasikan. Tulis lebih banyak skrip yang disinkronkan. Misalnya, mereka menyebabkan tiga pemuatan sinkron, masing-masing dengan koneksi latensi 1 detik, Anda berada dalam waktu muat 15 detik hanya untuk pemuatan JS jika Anda memiliki lima iklan di laman Anda, dan masing-masing.

Halaman web AMP memungkinkan JavaScript pihak ketiga sekali lagi secara eksklusif di dalam iframe sandbox. Cukup dengan membatasi konsumen pada iframe, mereka tidak dapat memblokir eksekusi yang terkait dengan halaman web utama. Bahkan ketika ini memicu beberapa kalkulasi ulang desain, Situs Penampakannya yang berkencan dengan iframe online yang berukuran kecil hampir tidak ada DOM.

Cukup waktu yang diperlukan untuk menyelesaikan penghitungan ulang gaya, lalu desain cenderung dibatasi hanya oleh bentuk DOM, sehingga penghitungan ulang iframe sangat cepat dibandingkan dengan penghitungan ulang jenis untuk mendesain halaman web.

Banyak CSS harus memiliki batasan ukuran dan sebaris

CSS menghalangi semua pembuatan, ini menghalangi pemuatan halaman web, juga cenderung mengalami pembengkakan. Di dalam halaman web HTML AMP, satu-satunya desain sebaris diizinkan. Hal ini menghilangkan satu atau mungkin beberapa kali peningkatan kebutuhan HTTP dari rendering yang sangat penting dibandingkan dengan banyak halaman situs web.

Selain itu, ukuran maksimum diperoleh dengan pengukuran lembar gaya sebaris 55 kilobyte. Meskipun dimensinya lebih besar diperlukan untuk halaman web yang benar-benar canggih, namun hal ini membutuhkan penulis halaman web untuk melatih CSS yang sehat.

Pemicuan font harus efektif

Font bersih selalu sangat besar, dan pengoptimalan font internet sangat penting di dalam pertunjukan. Ke halaman yang memiliki beberapa skrip sinkronisasi dan beberapa lembar jenis eksternal, browser web yang menunggu sedang menunggu untuk mulai mendapatkan jenis font besar ini hingga semua ini terjadi.

Bahwa AMP yang dinyatakan oleh tubuh Anda sama sekali tidak memerlukan HTTP sampai font mulai diterima. Ini adalah satu-satunya Anda dapat karena setiap JS di dalam AMP memiliki karakteristik async untuk sprei eksklusif terlihat seperti diperbolehkan; tidak ada permintaan HTTP yang memblokir browser web itu setelah mendapatkan font.

Minimalkan penghitungan ulang desain

Setiap kali Anda menentukan apa pun, ini menyebabkan kalkulasi ulang desain yang mahal karena browser perlu mendesain setiap halaman web yang utuh. Semua pembacaan DOM terjadi terlebih dahulu sebelum semua penulisan di halaman AMP. Kami memastikan ada maksimal 1 recalc tentang jenis setiap framework.

Cari tahu lebih lanjut tentang pengaruh jenis serta perhitungan ulang desain tentang membuat pertunjukan.

Animasi akselerasi GPU utama yang eksklusif

Cara Anda yang hanya datang dengan pengoptimalan cepat adalah memimpin mereka dari GPU. GPU mengetahui level, bahwa ia memahami cara menyelesaikan banyak item biasa ke level tersebut, dapat mendorong konsumen, dapat menguranginya, namun tidak dapat meningkatkan desain halaman web; Ini akan mengontrol proses mana untuk setiap web browser internet internet, yang mana yang negatif.

Bahwa pedoman untuk CSS terkait animasi memastikan animasi Anda dapat diakselerasi dengan GPU. Secara eksklusif, AMP secara eksklusif mengaktifkan animasi dan juga transisi pada transformasi kemudian opacity memastikan bahwa desain halaman web web tidak diperlukan. Cari tahu tentang penggunaan opacity dan transconcerningm untuk modifikasi animasi.

Prioritaskan pemuatan situs

Setelan AMP hampir semua paket sumber daya: ini memprioritaskan pemuatan situs, memuat hanya apa yang diperlukan, lalu memuat lebih dulu cara yang dimuat lambat.

Setelah AMP mengunduh sumber daya, itu mengoptimalkan unduhan memastikan bahwa saat ini lebih banyak sumber daya yang penting dipasang terlebih dahulu. Foto dan iklan hanya dipasang jika mereka cenderung diperhatikan oleh pemiliknya, over the fold, atau jika seseorang mungkin akan menggulirnya dengan cepat.

AMP juga mengambil sumber daya yang dimuat lambat. Berarti cenderung penuh sesak karena terlambat yang Anda bisa, masih di-prefetch secepatnya. Seperti itu barang muat sangat cepat tetapi Central Processing Unit digunakan kapan saja berarti telah ditunjukkan kepada konsumen.

Muat halaman web web sekarang juga

Bahwa preconnect yang terbaru terlihat digunakan secara intens untuk memastikan kebutuhan HTTP cenderung secepat mungkin ketika mereka siap. Pengguna benar-benar memilihnya, yang mengarah ke pemuatan instan dengan ini, halaman dapat dirender sebelum pengguna secara eksplisit menyatakan mereka ingin menavigasi ke sana; halaman tersebut mungkin sudah tersedia pada saat itu.

Ketika prapenguraian digunakan untuk semua atau semua konten situs, itu mungkin menggunakan banyak bandwidth daripada Central Processing Unit. AMP sebenarnya disesuaikan untuk mengurangi kedua masalah ini. Prapenguraian hanya memaketkan sumber daya berkali-kali, lalu prapenguraian tidak dapat memberikan item yang mungkin mahal jika menyangkut Unit Pemrosesan Pusat.

Setiap kali kertas AMP dibeli prarender untuk pemuatan langsung, secara eksklusif berarti over the fold sekarang sudah terpasang. Kapan pun dokumen AMP menemukan prarender untuk dimuat langsung, sumber daya yang dapat menggunakan Central Processing Unit yang signifikan (seperti iframe pihak ketiga) tidak dipasang.