Cara AMP berfungsi. Campuran setelah optimasi Anda adalah alasan utama halaman web AMP sangat cepat sehingga ini benar-benar dapat langsung dimuat

Cara AMP berfungsi. Campuran setelah optimasi Anda adalah alasan utama halaman web AMP sangat cepat sehingga ini benar-benar dapat langsung dimuat

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 sangat menarik, dapat mengubah hampir semua aspek halaman web, tetapi juga dapat memblokir konstruksi DOM dan juga menunda rendering halaman web (perhatikan interaktivitas yang juga menambahkan JavaScript). Untuk membantu menjaga JavaScript setelah menunda pembuatan halaman web, AMP mengizinkan JavaScript asinkron tunggal.

Elemen AMP mungkin datang dengan JavaScript, namun 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, ini tidak dapat memblokir pembuatan. Misalnya, ketika JS pihak ketiga menggunakan setiap dokumen kinerja yang sangat buruk. Menulis API, umumnya tidak memblokir pembuatan halaman web utama itu.

Diukur banyak berarti secara statis

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

AMP memisahkan desain laporan di desain situs. Hanya satu permintaan HTTP yang diperlukan untuk mendesain dokumen mereka yaitu seluruh+font). Karena AMP telah disetel dengan baik untuk menghindari perhitungan ulang tipe yang mahal dan desain di browser web, sekitar tidak akan mencoba untuk melakukan tata letak ulang apa pun setelah memuat.

Jangan izinkan mekanisme ekspansi memblokir rendering

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

Halaman web yang berjalan pada kumpulan skrip yang dipersonalisasi harus menginformasikan bahwa program AMP 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 mengetahui apa:

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

JS pihak ketiga suka menggunakan JS yang memuat secara 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 pemuatan 15 detik hanya untuk pemuatan JS jika Anda memiliki lima iklan di halaman Anda, dan masing-masing.

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

Cukup waktu yang diperlukan untuk menyelesaikan penghitungan ulang gaya, maka 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 terikat ukuran dan sebaris

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

Selain itu, maksimum dimiliki oleh ukuran 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.

Pemicu font harus efektif

Font bersih selalu sangat besar, dan pengoptimalan font internet sangat penting di dalam pertunjukan. Untuk halaman yang paling baik beberapa skrip sinkronisasi dan beberapa lembar tipe eksterior, browser web itu 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 hingga font mulai terbentuk. Ini adalah satu-satunya yang Anda bisa karena setiap JS di dalam AMP mendapatkan karakteristik asinkron untuk secara eksklusif sprei tampilan inline diizinkan; tidak ada permintaan HTTP yang memblokir browser web itu setelah mendapatkan font.

Minimalkan perhitungan ulang desain

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

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

Animasi akselerasi GPU memimpin eksklusif

Cara Anda yang hanya datang dengan pengoptimalan cepat adalah dengan mengarahkan mereka dari GPU. GPU mengetahui level, memahami bagaimana menyelesaikan banyak item biasa ke level tersebut, dapat mendorong konsumen, dapat menguranginya, tetapi tidak dapat meningkatkan desain halaman web; itu akan mengontrol proses mana ke masing-masing browser internet web, ke mana yang negatif.

Bahwa pedoman untuk CSS terkait animasi memastikan animasi Anda dapat dipercepat GPU. Secara eksklusif, AMP secara eksklusif memungkinkan 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 mengambil sarana yang dimuat lambat.

Setelah AMP mengunduh sumber daya, AMP mengoptimalkan unduhan memastikan bahwa saat ini lebih banyak sumber daya yang penting dipasang terlebih dahulu. Foto dan iklan hanya dipasang jika mereka ingin diperhatikan oleh pemiliknya, di flip, atau jika mungkin seseorang akan cepat menggulir untuk mereka.

Selain itu, AMP mengambil sumber daya yang dimuat lambat. Berarti cenderung dikemas karena terlambat yang Anda bisa, masih diambilkan segera setelah tersedia. Seperti itu barang dimuat sangat cepat namun Central Processing Unit diterapkan kapan saja cara sebenarnya ditunjukkan kepada konsumen.

Muat halaman web web segera

Bahwa preconnect yang terlihat terbaru digunakan secara intensif 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 bahwa mereka ingin menavigasi ke sana; halaman mungkin sudah tersedia pada saat itu.

Ketika prerendering digunakan untuk semua atau semua konten situs, itu mungkin menggunakan banyak bandwidth kemudian Central Processing Unit. AMP sebenarnya disesuaikan untuk mengurangi kedua masalah ini. Pra-perenderan hanya mengemas sumber daya di paruh kemudian pra-perenderan tidak dapat memberikan item yang bisa mahal jika menyangkut Unit Pemrosesan Pusat.

Setiap kali kertas AMP membeli yang telah diprarender untuk segera dimuat, secara eksklusif berarti over the fold kini telah terpasang. Setiap kali dokumen AMP ditemukan telah diprarender untuk segera dimuat, sumber daya yang mungkin menggunakan Unit Pemrosesan Pusat yang signifikan (suka iframe pihak ketiga) tidak diinstal.

Author: Nellie Cole