WP Rocket 3.19: Peningkatan yang mudah untuk meningkatkan LCP dan stabilitas tata letak

Ingat bagaimana tim Formula 1 memenangkan balapan? Ini bukan hanya satu perubahan besar tetapi lebih banyak perbaikan kecil yang bertambah dalam jangka panjang. Rilis utama baru kami mencerminkan sekali lagi visi optimasi tambahan dan cerdas ini: Temui WP Rocket 3.19!

Versi terbaru kami berfokus pada peningkatan dua fitur agar dapat diakses oleh semua orang, terlepas dari keahlian teknis mereka. Kami mengambil proses kompleks yang membutuhkan optimasi manual per halaman untuk menjadi efisien dan mengubahnya menjadi fitur yang berfungsi di latar belakang, membuat keajaiban mereka.

Hasilnya? WP Rocket 3.19 membawa pengalaman pengguna yang lebih baik bagi pengunjung Anda berkat meningkatkan stabilitas tata letak dan mencegah perubahan konten, di samping peningkatan kecepatan yang dirasakan dan peningkatan grade cat konten terbesar.

Di WP Rocket, kami percaya bahwa setiap orang layak mendapatkan situs web yang cepat - itulah sebabnya kami terus menemukan cara untuk menyederhanakan optimasi kecepatan sambil memastikan bahwa semua pelanggan kami dapat memperoleh manfaat dari fitur kami yang kuat.

Siap melihat bagaimana perbaikan mudah dan cerdas ini dapat menambah kinerja yang lebih baik untuk situs web Anda? Mari selami detail WP Rocket 3.19 atau tonton video di bawah ini.

Apa yang diperlukan WP Rocket 3.19

WP Rocket 3.19 memperkenalkan dua perangkat tambahan yang bekerja di belakang layar untuk meningkatkan kinerja situs web Anda.

Peningkatan pertama terkait dengan font preload: fitur menyimpan nama yang sama saat mengubah cara kerjanya dan lokasinya, seperti yang akan Anda baca tepat di bawah ini.

Yang kedua berfokus pada mengotomatiskan fitur Permintaan DNS Prefetch, yang telah dinamai sebelumnya dengan domain eksternal dan dihapus dari antarmuka plugin - Anda akan mempelajari alasan di balik pilihan ini di bagian khusus.

Font preload dalam satu klik

Mari kita mundur selangkah dan pahami apa itu preloading font dan mengapa itu penting untuk kinerja situs web Anda.

Menjelaskan font preloading

Font Preloading adalah teknik optimasi yang kuat yang dapat meningkatkan seberapa cepat dan lancar teks muncul di situs web Anda.

Inilah sebabnya: Ketika seorang pengunjung datang ke situs web Anda, browser mereka perlu memuat tidak hanya konten halaman Anda, tetapi juga font terkait mereka. Tanpa preloading, inilah yang biasanya terjadi:

1. Browser mulai menampilkan teks Anda menggunakan font default.

2. Kemudian menemukan dalam CSS Anda bahwa ia perlu memuat font khusus - yang Anda pilih.

3. Setelah font khusus dimuat, teks berubah untuk menggunakan font baru ini alih -alih yang default.

Proses ini dapat menyebabkan apa yang dikenal sebagai kilatan teks yang tidak tertutup (fout). Fout adalah momen singkat ketika teks Anda tiba -tiba mengubah penampilan saat font khusus memuat.

Anda dapat menebak apa yang terjadi selanjutnya: tata letak halaman Anda cenderung bergeser. Pergeseran seperti itu tidak hanya tidak menyenangkan secara visual tetapi juga dapat berdampak negatif pada tingkat tata letak kumulatif (CLS), salah satu vital web inti Google.

Font Preloading membantu mengatasi masalah ini dengan memberi tahu browser bahwa font khusus Anda penting, dan mereka perlu segera diunduh, bahkan sebelum menganalisis semua kode CSS. Akibatnya, font khusus lebih mungkin siap ketika browser pertama kali menampilkan teks, mengurangi atau menghilangkan perubahan font dan memastikan lebih banyak stabilitas tata letak.

Mengapa Anda harus preload font?

Manfaat font preloading dan menghindari tata letak shift terkait erat dengan meningkatkan pengalaman pengguna, yang berarti memberikan kesan pertama yang hebat dan memastikan pengunjung Anda bersedia untuk tetap di situs web Anda dan berpotensi mengonversi.

Selain itu, font preloading juga dapat meningkatkan kelas Contentful Paint (LCP) terbesar Anda, vital web inti lain yang mengukur seberapa cepat elemen konten terbesar pada halaman Anda menjadi terlihat. Menyelam ke dalam spesifik, font preloading dapat mengoptimalkan kinerja LCP ketika elemen LCP adalah simpul teks - yang merupakan kasus untuk rata -rata 20% situs web antara seluler dan desktop.

3.19: Temui fitur font preload baru

Sementara font preloading dapat membawa keuntungan kinerja yang signifikan ini, kami perhatikan pelanggan kami hampir tidak menggunakan fitur ini atau tidak selalu diimplementasikan dengan benar. Justru sebaliknya: Font Preload terbukti merupakan kinerja yang kontraproduktif. Itu sebabnya kami ingin membuat opsi ini lebih mudah dan dapat diakses oleh semua pelanggan kami sambil mengurangi implementasinya yang salah.

Dan di sinilah kita: WP Rocket 3.19 menjadikan preload font proses otomatis yang dapat Anda aktifkan dalam satu klik.

Anda tidak perlu lagi mengidentifikasi URL file font yang benar dan memuatnya untuk membuat fitur berfungsi secara efektif. Setelah mengaktifkan opsi, WP Rocket secara otomatis mendeteksi, pada setiap halaman, font mana yang digunakan di atas lipat dan perlu diprioritaskan, baik dari seluler maupun desktop. Kemudian preload hanya font yang relevan ini, menghasilkan optimasi yang lebih tepat dan efisien.

Optimalisasi ini membuat perbedaan karena preloading aset yang tidak digunakan dapat membahayakan kinerja. Misalnya, jika font yang dimuat sebelumnya tidak digunakan dalam beberapa detik pertama dari beban halaman, browser seperti Chrome dapat mengeluarkan peringatan. Dengan berfokus hanya pada font yang benar-benar dibutuhkan di atas lipat, opsi Font Preload baru membantu Anda menghindari masalah potensial ini dan memastikan preloading font yang optimal.

Harap dicatat bahwa sekarang Anda akan menemukan fitur Preload Font baru di tab Media:

Jika Anda sebelumnya telah menentukan font secara manual, opsi otomatis akan diaktifkan secara default.

Intinya : Fitur font preload baru secara otomatis mengoptimalkan pemuatan font, memastikan pengalaman yang lebih halus bagi pengunjung Anda sejak mereka mendarat di situs web Anda - dan hanya memerlukan klik.

Prasaktif terhadap domain eksternal: proses otomatis baru

Sedangkan untuk fitur sebelumnya, mari kita mulai dengan menjelaskan secara singkat dampak prakoneksi ke domain eksternal pada kecepatan situs web Anda.

Prakoneksi ke domain eksternal dalam bahasa Inggris biasa

Prasaktif terhadap domain eksternal adalah teknik optimasi yang kuat yang berdampak positif terhadap pemuatan sumber daya.

Ketika situs web Anda perlu memuat sumber daya seperti font atau skrip dari domain eksternal, browser Anda biasanya perlu membuat koneksi ke domain ini terlebih dahulu. Proses koneksi ini dapat menambahkan keterlambatan yang tidak perlu ke proses pengunduhan aset eksternal, memengaruhi metrik spesifik yang tergantung pada aset eksternal tersebut.

Prakoneksi membahas masalah ini dengan memberi tahu browser terlebih dahulu koneksi mana yang akan dibutuhkan. Ini memungkinkan browser untuk mengatur koneksi ini lebih awal, mengurangi waktu yang diperlukan untuk memuat sumber daya eksternal saat dibutuhkan.

Optimalisasi ini membawa dua manfaat:

1. Peningkatan waktu pemuatan : Dengan mengatur koneksi terlebih dahulu, situs web Anda dapat mulai memuat sumber daya eksternal lebih cepat - dan halaman memuat lebih cepat juga.

2. Peningkatan Kinerja LCP : Jika elemen cat konten terbesar Anda adalah font dari domain pihak ketiga, prakoneksi dapat membantu memuat lebih cepat, berpotensi meningkatkan skor LCP.

3.19: Dari permintaan DNS prefetch untuk melakukan prakisisi ke domain eksternal

Kami memperhatikan bahwa fitur Permintaan DNS Prefetch juga kurang dimanfaatkan dan sering disalahgunakan. Itu sebabnya kami memutuskan untuk mengotomatiskan opsi ini, menghapusnya dari antarmuka roket WP dan mengganti nama untuk melakukan prakisisi ke domain eksternal.

Dengan WP Rocket 3.19, optimasi yang kuat ini berfungsi di latar belakang dan tidak perlu diaktifkan. Itulah mengapa Anda tidak akan menemukan fitur ini di pengaturan roket WP lagi.

Inilah yang perlu Anda ketahui tentang peningkatan ini:

1. Ini adalah proses yang sepenuhnya otomatis : Anda tidak perlu lagi mengidentifikasi domain mana yang akan dimasukkan saat mengimplementasikan optimasi. WP Rocket sekarang menangani ini secara otomatis.

2. Ini hanya diterapkan pada halaman di mana diperlukan, baik di ponsel maupun desktop, menghasilkan pendekatan yang lebih efisien dan bertarget yang konsisten di semua perangkat.

Seperti yang dijelaskan di atas, fitur ini dapat menyebabkan waktu pemuatan halaman yang lebih cepat dan skor LCP yang lebih baik - semua tanpa Anda harus mengangkat jari.

Jika Anda ingin menonaktifkan fitur, Anda perlu menerapkan filter berikut:

 add_filter('rocket_preconnect_external_domains_optimization', '__return_false');

Kami menyarankan untuk menonaktifkannya hanya jika situs web Anda memiliki lebih dari sepuluh domain untuk preload - dalam kasus tepi ini, yang terbaik adalah membiarkan browser mengelola proses. Meskipun umumnya ada beberapa domain eksternal per halaman, Anda dapat memeriksa apakah skenario ini berlaku untuk situs web Anda dengan melihat kode sumber halaman dan jumlah kejadian data-rocket-preconnect.

Intinya : Fitur Preconnect to External Domain adalah peningkatan otomatis baru yang mengatur koneksi lebih cepat antara situs web Anda dan sumber daya eksternal sambil menghapus risiko untuk implementasi yang salah.

Kinerja Fine-Tuned: Optimalisasi Otomatis beraksi

Berbicara tentang fitur roket WP yang berfungsi secara otomatis, prasaktif terhadap domain eksternal adalah yang terbaru, dan menambah yang sudah ada:

• Cache halaman (termasuk cache seluler)

• Mengoptimalkan gambar kritis

• Rendering malas otomatis

• Caching browser

• Kompresi Gzip

• Dukungan Cross-Origin untuk Web Fonts

• WooCommerce Refresh Cart Fragments Cache

• Mengoptimalkan file Google Fonts

• Nonaktifkan emoji WordPress

Semua fitur ini tidak memiliki antarmuka pengguna - mereka hanya berfungsi. Yakinlah bahwa jika perlu, Anda selalu dapat menonaktifkannya menggunakan filter atau plugin pembantu.

Fitur otomatis ini berada di atas opsi yang dihidupkan ketika Anda pertama kali mengaktifkan WP Rocket, seperti Minify CSS dan JS, Cache Lifespan, Preload Cache, Preload Links, dan Heartbeat Control.

Tidak heran situs web Anda mendapat peningkatan kecepatan segera setelah Anda mengaktifkan plugin kami!

Jika Anda ingin tahu tentang dampak dunia nyata dari otomatisasi ini, perlu diingat bahwa hasilnya dapat bervariasi tergantung pada situs web spesifik Anda. Sementara WP Rocket 3.19 membawa peningkatan baru, peningkatan kinerja yang akan Anda lihat menambah kenaikan kecepatan yang sudah dicapai oleh fitur kami yang ada.

Membungkus

WP Rocket 3.19 memperkuat komitmen kami untuk mengikuti pendekatan "keputusan, bukan opsi" dan membuat optimasi yang kompleks sebagai proses otomatis. Kami berusaha untuk membuat pilihan yang tepat untuk Anda, jadi Anda tidak perlu menghabiskan waktu dan upaya untuk memahami apa yang terbaik untuk situs web Anda.

Kami secara bertahap menghilangkan hambatan untuk kinerja tinggi, memastikan lebih banyak pengguna dapat memperoleh manfaat dari optimisasi canggih - dan lebih banyak lagi yang akan datang!

Siap melihat bagaimana fitur otomatis baru ini dapat membantu situs Anda? Perbarui ke WP Rocket 3.19 atau mencobanya dengan jaminan uang kembali 14 hari kami. Rasakan secara langsung bagaimana kami membuat optimasi lebih sederhana dan beri tahu kami pemikiran Anda di komentar!