Skip to main content
waktu baca 5 menit (1081 kata)

Iframe dan HTML5 lazy loading, pramuat cache, dan lainnya di WordPress

Iframe-dan-HTML5-lazy-loading-cache-preloading-dan-lainnya-di-WordPress

Kesan pertama itu penting, dan di web, Anda membuat kesan pertama bahkan sebelum apa pun dimuat di blog WordPress Anda. Waktu yang dibutuhkan halaman beranda atau postingan atau halaman WordPress lainnya untuk dimuat menentukan berapa lama pengguna bertahan di blog Anda, jika mereka memang bertahan. Kini, dengan WP Speed of Light dua pembaruan cepat dari Addon, Anda dapat mengoptimalkan waktu pemuatan blog dan meningkatkan SEO lebih lanjut. 

Pembaruan terbaru menghadirkan dua jenis fitur baru. Pertama, Addon WP Speed of Light memiliki fitur baru untuk mengoptimalkan waktu pemuatan, terutama dengan kemungkinan lazy-load iframe dan video HTML5. Kedua, plugin WordPress kini memberi Anda lebih banyak fleksibilitas untuk menentukan cara meng-cache file, serta cara mengelompokkan dan meminifikasi skrip dan stylesheet. Mari kita bahas! 

Lazy loading video iframe dan HTML5 lazy loading di WordPress 

Jika waktu pemuatan menjadi prioritas Anda, maka Anda tidak perlu mencari jauh. Di pengaturan utama WP Speed of Light, sebuah tombol baru yang dapat dialihkan telah muncul untuk meningkatkan waktu pemuatan blog WordPress Anda dan, dengan itu, skor SEO Anda: Iframe & video lazy loading.

Lazy loading adalah teknik percepatan yang memuat multimedia—terutama gambar dan video—hanya saat pengguna menggulir ke arahnya. Jika pengguna tidak pernah mencapainya, gambar atau video tersebut tidak akan dimuat. Dengan memuat elemen hanya saat dan jika diperlukan, WP Speed of Light tidak membuang waktu dan mengurangi berapa lama pengguna Anda harus menunggu sebelum berinteraksi dengan blog Anda. 

Fitur baru ini mengatasi masalah terburuk dari semuanya. Iframe, yang sering berupa halaman web atau widget, menyematkan dirinya di blog WordPress Anda—bayangkan memuat beberapa halaman web sekaligus. Sebaliknya, video HTML5 berperilaku seperti video biasa dan keduanya juga memperlambat waktu pemuatan.

Untungnya, dengan WP Speed of Light, meningkatkan waktu pemuatan adalah prosedur yang sangat sederhana. Untuk mengaktifkan lazy loading untuk iframe dan video HTML5, cukup buka pengaturan plugin WordPress. Alihkan tombol berlabel iframe & video lazy loading dan nikmati waktu pemuatan yang lebih baik. 

Pramuat cache untuk pos dan halaman WordPress 

Teknik utama lainnya untuk meningkatkan waktu pemuatan adalah melalui caching dan pramuat. Biasanya, WordPress menghasilkan cache saat pengguna pertama kali mengunjungi halaman web. Namun, dengan pramuat, WP Speed of Light menghasilkan cache saat Anda menghapusnya, sehingga meminimalkan waktu pemuatan secara langsung.

Versi 3.1 dan 3.2 dari WP Speed of Light telah menambahkan dukungan untuk memuat terlebih dahulu halaman web yang tercantum dalam peta situs XML. Peta situs memandu mesin pencari, seperti Google, Bing, dan Yahoo, untuk menemukan halaman di situs web Anda. Biasanya, peta situs berisi tautan ke halaman terpenting di blog Anda, atau bahkan semuanya. Sebaliknya, peta situs merupakan alat ideal untuk memuat cache terlebih dahulu. 

Untuk mengaktifkan pramuat cache, buka tab lanjutan di pengaturan WP Speed of Light. Pastikan Anda telah mengaktifkan pramuat cache lalu tambahkan tautan ke sitemap Anda di kolom yang benar. Jika Anda tidak yakin tentang tautan sitemap, Anda dapat menggunakan plugin SEO, seperti WP Meta SEO.

Dari tab lanjutan , Anda juga dapat memuat halaman tertentu terlebih dahulu. Menggunakan kolom Muat halaman berikut terlebih dahulu , Anda dapat memuat halaman yang paling banyak dikunjungi terlebih dahulu, seperti beranda blog Anda. Siapa pun yang mengunjungi halaman tersebut akan menikmati waktu pemuatan yang cepat, bahkan setelah Anda menghapus cache.

Caching kini juga mendukung penghapusan cache hanya untuk URL tertentu, bahkan jika Anda menggunakan CDN. CDN menyajikan konten blog WordPress Anda dari server di seluruh dunia, mengirimkan halaman web dari lokasi yang secara geografis dekat dengan pengguna. Dengan pembaruan terbaru, Anda dapat menentukan halaman CDN mana yang ingin Anda cache.

Anda dapat mengatur konfigurasi Anda dari tab Integrasi CDN di pengaturan plugin. Jika Anda telah mengaktifkan akun Cloudflare Anda, gulir ke bawah ke bagian yang bertuliskan Pada pembersihan cache, juga bersihkan. Aktifkan caching Cloudflare dan isi kolomnya, secara opsional memilih untuk membersihkan file individual.

 Meningkatkan pengelompokan dan minifikasi skrip serta stylesheet

Seiring pertumbuhan dan perubahan situs WordPress Anda, blog Anda cenderung melambat. Naluri Anda mungkin mengatakan untuk menerima perlambatan itu sebagai hal yang tak terhindarkan, tetapi mempercepat bahkan situs web yang paling kompleks tidak harus menjadi tugas yang mustahil. Pengelompokan dan minifikasi membantu Anda mengendalikan waktu pemuatan.

Pengelompokan dan minifikasi adalah dua alat optimasi yang sering digunakan bersamaan. Sebagian besar situs web menggunakan beberapa stylesheet dan skrip, yang masing-masing memerlukan permintaan tersendiri dan karenanya menambah waktu pemuatan. Pengelompokan menggabungkan semua stylesheet menjadi satu dan semua skrip menjadi satu, sehingga masing-masing hanya memerlukan satu permintaan. Minifikasi, di sisi lain, mengurangi ukuran stylesheet atau skrip individual atau kelompok stylesheet dan skrip, sehingga semakin mengurangi waktu pemuatan. 

WP Speed of Light terletak di tab yang tepat dinamai group and minify di pengaturan. Kini, di versi terbaru plugin, Anda dapat menyesuaikan perilaku pengelompokan dan minifikasi di blog Anda.

Misalnya, jika Anda sedang melakukan debug, Anda mungkin tidak ingin mengelompokkan atau meminifikasi stylesheet atau script tertentu, atau halaman tertentu. Atau Anda mungkin menemukan bahwa pengelompokan dan minifikasi membuat halaman Anda tidak tampil dengan benar, atau bahwa halaman tidak dapat berfungsi sampai stylesheet atau script dimuat. Dari tab group and minify , Anda sekarang dapat mengecualikan pengelompokan dan minifikasi gaya inline serta mengecualikan halaman dari optimasi.

Opsi optimasi lainnya adalah menunda pemuatan stylesheet dan skrip. Dengan kata lain, dengan WP Speed of Light, Anda dapat memuat konten terlebih dahulu, lalu pada akhirnya memuat stylesheet dan skrip. Tujuannya: pengguna dapat berinteraksi dengan halaman, meskipun dengan cara yang terbatas, lebih awal. Sekarang, jika Anda mengaktifkan penundaan kode JavaScript, plugin juga akan menunda skrip inline.

Optimasi itu penting, tetapi setiap blog WordPress memiliki kebutuhan yang berbeda. Seiring WP Speed of Light terus berkembang, penawarannya juga ikut berkembang. Versi 3.1 dan 3.2 dari addon ini menawarkan fitur baru untuk mempercepat semua blog—lazy loading video iframe dan HTML5—serta opsi baru untuk mengatur cara pramuat cache, serta pengelompokan dan minifikasi bekerja.

Salah satu fitur terbaik yang dapat dimiliki oleh WP Speed of Light adalah kompatibilitasnya dengan semua Hosting, misalnya dengan Cloudways yang merupakan hosting yang powerful :)

Jika blog WordPress Anda perlu dipercepat, tidak perlu mencari lagi. Pelajari lebih lanjut tentang WP Speed of Light di sini. 

Tetaplah Terinformasi

Saat Anda berlangganan blog, kami akan mengirimkan email kepada Anda ketika ada pembaruan baru di situs agar Anda tidak melewatkannya.

Pos Terkait