Bagaimana Elementor Memprioritaskan dan Meningkatkan Kinerja Situs Web

Mari kita bicara tentang Roadmap Produk Elementor untuk tahun 2021, khususnya pengoptimalan kinerja. Sementara kami terus merencanakan dan mengembangkan fitur baru yang keren yang diminta oleh komunitas kami, tahun ini kami telah menjadikan misi kami untuk meningkatkan kinerja situs web pengguna kami. Dalam posting ini, saya ingin berbagi dengan Anda beberapa tindakan yang telah kami ambil untuk mencapai tujuan ini, dan berbicara sedikit tentang apa yang akan terjadi di tahun mendatang.

Kinerja situs web telah menjadi masalah bagi pembuat web sejak awal internet. Menjadi pembuat web sendiri, saya akan selalu mengajukan pertanyaan seperti:

• “Apakah situs saya terlalu lambat? Apakah itu menyebabkan pengguna meninggalkan atau merusak peringkat Google saya?”
• “Haruskah saya melepaskan fungsi tertentu untuk meningkatkan kecepatan situs?”
• Dan tentu saja: “Apa yang masih menyebabkan masalah kinerja saya? Saya pikir saya menutupi semua pangkalan di sini! ”

Jadi ya, mendapatkan kinerja luar biasa dari situs web selalu menjadi tantangan bagi pembuat web, terlepas dari platform atau alat yang kami gunakan. Dengan begitu banyak faktor relevan yang memengaruhi kinerja, tidak selalu mudah untuk mengisolasi masalah sebenarnya, apalagi menemukan solusi untuk itu. Inilah tepatnya mengapa kami membuat kursus video lima bagian tentang kinerja ini . Dalam seri ini, kami menyelidiki setiap faktor penting yang mungkin memengaruhi kinerja situs Anda, apakah itu terkait dengan Elementor atau tidak, dan memandu Anda melalui cara mengoptimalkannya.

Untuk membuat segalanya benar-benar menarik, Google baru-baru ini mengumumkan bahwa kinerja situs web sekarang akan secara resmi berperan dalam algoritme peringkatnya. Ini menempatkan masalah kinerja di bawah sorotan, meningkatkan kekhawatiran di antara pemilik situs web di seluruh dunia. Itu sebabnya selama enam bulan terakhir, tim R&D dan SEO kami telah bekerja tanpa lelah untuk memastikan bahwa situs web Elementor melewati pembaruan ini dan lulus dengan warna-warna cerah.

Ketika berbicara tentang algoritme misterius Google, kami tahu bahwa dibutuhkan lebih dari sekadar kata-kata kami untuk membuat Anda merasa aman. Oleh karena itu, sebagai layanan kepada pengguna kami dan komunitas pembuat web, kami akan menyelenggarakan webinar kinerja web gratis dengan pakar SEO terkemuka untuk membahas perubahan yang akan datang. Ini tidak hanya akan mencakup pembaruan itu sendiri, tetapi juga akan merinci bagaimana perubahan ini dapat memengaruhi situs web Anda dan apa yang dapat Anda lakukan untuk mempersiapkannya. Webinar berlangsung pada tanggal 28 April, jadi pastikan Anda menyimpan kursi Anda .

Namun, mengesampingkan semua kursus dan webinar, tujuan utama kami adalah memastikan bahwa produk kami tidak memengaruhi kinerja situs Anda secara negatif. Ini telah, dan akan terus menjadi, prioritas utama bagi kami. Jadi tanpa basa-basi lagi, mari selami upaya pengoptimalan kinerja Elementor, seperti yang ditetapkan dalam Peta Jalan Produk 2021 kami.

Di luar optimalisasi siklus pengembangan produk kami, visi kami untuk meningkatkan kinerja Elementor terdiri dari pendekatan lima jalur. Kami telah membuat beberapa peningkatan signifikan di beberapa area ini, sementara yang lain akan dibahas di versi Elementor yang akan datang.

Kami juga bangga untuk mengatakan bahwa kinerja telah menjadi bagian integral dari pengembangan dan rilis pipa kami. Setiap versi Elementor sekarang divalidasi terhadap berbagai metrik kinerja untuk memastikan bahwa tidak ada fitur baru, tweak, atau perbaikan yang memiliki efek negatif pada situs web yang ada yang dibuat dengan Elementor.

Sekarang mari kita tinjau trek kita satu per satu:

Kami meningkatkan cara Elementor memuat aset untuk memastikannya hanya memuat apa yang dibutuhkan di setiap halaman. Dalam versi terbaru Elementor dan Elementor Pro, kami telah memperkenalkan eksperimen pemuatan aset yang dioptimalkan untuk meningkatkan kinerja front-end situs web, mempercepat setiap halaman dengan hanya memuat fungsionalitas yang diperlukan. Anda dapat mempelajarinya lebih lanjut di sini.

Kami juga telah menambahkan opsi pemuatan lambat ke widget tertentu dan akan terus melakukannya di masa mendatang. Misalnya, widget Video menyertakan opsi pemuatan lambat, yang memberi Anda kemampuan untuk mengganti pemutar video lengkap yang disematkan dengan gambar mini gambar statis. Gambar kemudian akan beralih kembali ke video penuh setelah pengunjung berinteraksi dengannya.

Dengan memanfaatkan teknik pemuatan lambat ini, Anda dapat sangat mengurangi ukuran halaman dan jumlah permintaan HTTP selama pemuatan halaman awal, yang akan menghasilkan pengalaman yang jauh lebih cepat bagi pengunjung Anda.

Sejak kami meluncurkan Elementor hampir lima tahun yang lalu, browser web telah banyak berkembang. Sekarang, beberapa fitur yang diperlukan perpustakaan eksternal lima tahun lalu dapat diimplementasikan menggunakan dukungan browser asli. Hal ini membuat implementasi jauh lebih efisien dan, dalam beberapa kasus, dapat sangat mengurangi waktu eksekusi JavaScript.

Salah satu contohnya adalah pustaka Waypoints yang, dalam kasus tertentu, diganti dengan Intersection Observer API asli.

Kami bertujuan untuk mengurangi penggunaan jenis pustaka CSS dan JavaScript ini dan menggantinya dengan dukungan browser asli jika memungkinkan.

Kami berencana untuk terus meningkatkan dan mengoptimalkan JavaScript dan CSS internal Elementor yang ada.

Contohnya termasuk kemampuan untuk mengonfigurasi metode pemuatan Google Font dan properti tampilan font yang ditambahkan ke perpustakaan Font Awesome. Peningkatan ini akan mengurangi proses pemblokiran render untuk file-file ini dan memberikan pengoptimalan tambahan untuk file CSS dan JS yang ada.

Di Elementor 3.0, kami meningkatkan mekanisme pemuatan dan rendering CSS dinamis. Elementor digunakan untuk memindai halaman untuk elemen dengan nilai dinamis pada setiap pemuatan halaman. Mulai di Elementor 3.0, saat halaman dibuat dan dikunjungi untuk pertama kalinya, Elementor membuat cache semua elemen dengan nilai dinamis. Kemudian, alih-alih memindai halaman untuk elemen dinamis setiap kali halaman dikunjungi, daftar tersebut diambil dari cache dan segera ditampilkan. Ini secara signifikan meningkatkan waktu rendering sisi server dan menghasilkan peningkatan yang nyata. Kami berencana untuk menerapkan peningkatan penguraian tambahan untuk Elementor di masa mendatang. Anda dapat mempelajari lebih lanjut tentang itu di posting blog ini.

Terakhir, kami berencana untuk terus meningkatkan dan memperkecil keluaran kode yang dihasilkan Elementor untuk mengurangi ukuran DOM.

Kami sudah mulai membuat peningkatan ini di Elementor 3.0, di mana kami menghapus tiga elemen pembungkus untuk membuat DOM yang lebih kecil dan menyederhanakan keluaran kode.

Di Elementor 3.2, kami menghapus dua elemen lagi untuk mencapai pengurangan ukuran DOM yang lebih besar lagi. Lebih banyak pengurangan direncanakan dalam waktu dekat.

Seperti yang Anda lihat, fitur baru, peningkatan, dan perbaikan dapat diharapkan pada tahun 2021 dan seterusnya. Ini semua dilakukan dalam upaya untuk membantu Anda terus membangun situs web yang luar biasa dengan kinerja yang lebih baik. Jika Anda belum meningkatkan ke versi terbaru, pastikan Anda menikmatinya dan peningkatan lainnya.

Seperti yang Anda ketahui, ada banyak faktor yang tidak terkait dengan Elemen yang memengaruhi kinerja situs web WordPress Anda. Ini termasuk pengoptimalan gambar, hosting web, penyedia server, CDN, dan banyak lagi. Karena kami bertujuan untuk memberdayakan pengguna kami untuk menerapkan pengoptimalan WordPress yang lengkap, kami telah membuat bank sumber daya yang luas dari tutorial, webinar, dan artikel gratis untuk membantu Anda mempelajari lebih lanjut tentang kinerja.

• Kami telah membuat kursus video tentang kinerja – dalam seri lima bagian ini , kami membahas setiap faktor penting yang dapat memengaruhi kinerja Anda, dan bagaimana Anda dapat mengoptimalkannya.

• Pada tanggal 28 April, kami akan mengadakan webinar di Core Web Vitals dengan pakar SEO terkemuka untuk membahas perubahan algoritme Google yang akan datang dan dampaknya pada situs web Anda. Simpan kursi Anda di sini.

• Kami juga telah menerbitkan posting blog terperinci tentang cara mempercepat situs web WordPress, bersama dengan artikel lain yang berfokus pada kinerja tentang topik seperti memilih hosting web, plugin caching, menjalankan tes kecepatan, menggunakan WP Rocket, dan banyak lagi.

Kami akan terus membuat webinar, posting blog, dan video gratis untuk membahas aspek lain dari kinerja WordPress untuk terus mendukung komunitas pembuat web.