OceanWP 3.0 – Musim Panas Ini Semua Tentang Vanila

OceanWP sekarang lebih cepat, lebih licin, dan lebih stabil! Dengan kode yang dimodernisasi dan berorientasi objek, ia menjalankan fungsi dengan cepat, menggunakan sumber daya yang jauh lebih sedikit dan ketergantungan yang jauh lebih sedikit.

Untuk semua orang yang memiliki harapan tinggi, kami akan memberikan es krim vanilla yang lezat – kami minta maaf! Meskipun demikian, ini masih merupakan penyegaran. Kita berbicara tentang JavaScript Vanilla dan versi baru OceanWP 3.0 .

Sebelum kami menjelaskan perubahan dan peningkatan yang akan datang, kami ingin membahas beberapa hal mendasar dengan Anda . Ini akan membantu pengguna – terutama mereka yang tidak paham kode – memahami manfaat dari perubahan yang akan datang .

Apa itu JavaScript?

JavaScript adalah bahasa front-end (pengkodean/pemrograman). Tujuan utamanya adalah untuk membuat efek animasi , terutama untuk apa yang disebut bagian bergerak, seperti bilah geser atau menu navigasi responsif.

Kami yakin setiap dari Anda pernah mengalami situasi di mana Anda diminta oleh browser untuk mengaktifkan fungsi JavaScript atau tidak. JavaScript selalu menjadi bagian dari semua browser situs web , oleh karena itu Anda tidak perlu memasukkannya secara terpisah ke situs web Anda menggunakan plugin atau skrip.

WordPress dan JavaScript

JavaScript adalah bagian dari CMS WordPress .

JavaScript ada dalam banyak bentuk , jadi tidak mengherankan jika WordPress dibundel dengan banyak pustaka JavaScript. Namun, aman untuk mengatakan bahwa yang utama digunakan adalah:

• jQuery,
• JSON,
• Garis bawahi dan
• Tulang punggung.

Mengapa kami membuat Anda bosan dengan detail ini?

Tak terhitung berapa kali kami menerima permintaan bantuan di mana pengguna akan meminta kami untuk membantu mereka menghapus jQuery dari situs web mereka karena "beberapa alat pengoptimalan kecepatan menyarankan bahwa itu memperlambat situs web".

Situasi ini membuat kami menyadari bahwa perlu beberapa waktu bagi pengguna untuk memahami alat penilaian seperti itu sama sekali tidak akurat dan sempurna . Ini juga memberi kami wawasan bahwa ada banyak pengguna WordPress yang tidak terbiasa dengan fungsionalitas "di bawah tenda" WordPress, oleh karena itu tema dan plugin WP juga.

Untuk mendapatkan pemahaman yang lebih baik tentang alat penilaian (online), pengetahuan penting tentang fungsionalitas WordPress secara keseluruhan diperlukan . Bahkan jika Anda tidak berencana untuk mempelajari bahasa pemrograman apa pun atau menjadi pengembang WordPress, informasi ini akan membantu Anda menentukan apakah "laporan" dari alat tertentu akurat atau salah. Akhirnya, Anda akan langsung tahu apakah Anda dapat melakukan sesuatu tentang laporan tersebut atau tidak.

Dalam bahasa Inggris biasa, dari semua pustaka JavaScript, jQuery adalah yang paling umum digunakan . Tidak hanya oleh WordPress itu sendiri, tetapi juga oleh tema dan plugin.

Dan untuk meringkas, Anda tidak dapat menghapus jQuery dari situs WordPress .

Apa itu jQuery?

Apakah Anda akan terkejut mengetahui bahwa dari 1 juta situs web teratas di internet (tidak hanya situs WordPress), 80% di antaranya menggunakan jQuery?

jQuery adalah pustaka JavaScript yang sangat ringan, fleksibel, sangat dapat diperluas dan (dari sudut pandang pengembang) sangat mudah digunakan.

jQuery membantu membuat dan menangani tugas-tugas kompleks , seperti permintaan AJAX, acara, animasi, manipulasi CSS, dan fungsionalitas front-end situs web secara keseluruhan. Dibandingkan dengan perpustakaan JS lainnya, tugas yang rumit lebih mudah dicapai dengan jQuery karena memerlukan pengkodean yang minimal.

Lagi pula, moto jQuery adalah "menulis lebih sedikit, lakukan lebih banyak" .

OceanWP dan jQuery

Tentu saja, sekarang Anda mungkin sudah menebaknya.

OceanWP telah menggunakan jQuery . Bahkan beberapa plugin favorit Anda, seperti Elementor dan WooCommerce menjalankan jQuery.

Bagi Anda yang baru memulai dengan OceanWP atau setidaknya mempertimbangkannya – OceanWP adalah salah satu tema terbaik untuk digunakan untuk WooCommerce dan/atau Elementor. Lihat semua fitur OceanWP atau pratinjau template demo situs web lengkap kami.

Sejak 2016, dengan bantuan jQuery, kami dapat membantu pengguna kami melakukan dan mencapai lebih banyak dengan satu tema WordPress dan tanpa menggunakan plugin tambahan yang tidak perlu. Tak perlu dikatakan, kita sedang berbicara tentang OceanWP

Dibandingkan dengan moto jQuery, moto kami tidak jauh berbeda sama sekali. Tujuan OceanWP adalah untuk memungkinkan semua orang – dari pemula hingga profesional – untuk membangun situs web luar biasa dari semua jenis (eCommerce, blog, portofolio) dengan cepat dan dengan cara yang mulus dan ramah pengguna . Dilihat dari umpan balik dan ulasan yang kami dapatkan dari pengguna kami, kami berhasil.

Yang terpenting, kami berencana untuk melanjutkan tradisi ini, tetapi dengan cara yang lebih baik .

Itulah alasan kami beralih dari jQuery ke Vanilla JavaScript .

Apa itu JavaScript Vanila?

Vanilla JavaScript atau Vanilla JS adalah istilah populer yang digunakan untuk JavaScript biasa .

Tidak seperti jQuery atau Underscore JS, Vanilla JS berarti pengkodean dari awal, tanpa menggunakan kerangka kerja atau pustaka sebagai dependensi.

Dalam bahasa Inggris biasa, Vanilla JS BUKAN jenis khusus JavaScript – ini ADALAH JavaScript dalam bentuk paling murni . Dengan demikian, dan seperti yang telah kami sebutkan di awal, ini sudah digunakan dan didukung oleh semua browser.

Dari mana istilah Vanilla JS berasal?

Ini sebenarnya fakta yang menyenangkan, dan, percaya atau tidak, ini terkait dengan es krim vanilla asli. Es krim vanilla mewakili bentuk pertama atau rasa es krim. Jadi, jika Anda berada di toko kue dan memesan es krim tanpa menentukan rasanya, Anda akan mendapatkan vanilla.

OceanWP dan Vanila

Mengapa OceanWP tidak menggunakan JavaScript Vanilla dari awal?

Sayangnya, tidak ada yang namanya buku aturan atau buku panduan untuk menentukan kapan yang terbaik untuk menggunakan satu atau yang lain.

Bahasa pemrograman , terutama PHP dan JavaScript, (di antara CSS yang paling banyak digunakan di WordPress) terus berkembang. Adalah tugas pengembang untuk menentukan bahasa mana yang akan melakukan pekerjaan terbaik tanpa membengkakkan kode yang tidak perlu .

Ketika datang ke JavaScript atau "anak-anaknya", bagi kami di OceanWP, pilihan sempurna itu telah menjadi jQuery selama bertahun-tahun sekarang.

Akhirnya, JavaScript telah cukup matang dalam hal ini dapat digunakan untuk melakukan tugas yang sama seperti jQuery dan pada saat yang sama menjalankannya lebih cepat . Dan itulah saat yang kami tunggu-tunggu.

Apakah menggunakan jQuery membuat situs web saya lebih lambat?

Seperti yang disebutkan sebelumnya, jQuery adalah salah satu skrip JS tercepat dan paling banyak digunakan.

Skrip saja tidak membuat situs web apa pun menjadi lebih lambat – kualitas kodelah yang memengaruhi kinerja situs web (di antara faktor internal dan eksternal lainnya).

Dan itu adalah kualitas kode yang sama persis yang membuat situs web OceanWP yang kaya fitur berkinerja sama cepat atau bahkan lebih baik dibandingkan dengan tema lain dengan jumlah fitur paling sedikit.

Akankah OceanWP sepenuhnya menghapus jQuery?

Jawaban singkat untuk pertanyaan ini adalah – tidak.

Jawaban panjangnya, dan tanpa melibatkan terminologi pengembang yang rumit, masih ada tugas yang hanya bisa dilakukan jQuery . Atau, lebih baik lagi, tidak ada pengganti kode Vanilla JS untuk kode jQuery ini.

Karena itu, OceanWP masih akan menggunakan jQuery dalam kodenya di dalam tema dan semua plugin kami, tetapi pada level minimum .

Akankah Vanilla JS di OceanWP berdampak pada plugin yang menjalankan jQuery?

Peralihan OceanWP ke Vanilla JS tidak akan berdampak negatif dan tidak akan menimbulkan konflik dengan plugin yang menggunakan jQuery .

Faktanya, pengalaman situs web Anda secara keseluruhan dan terutama pengalaman pengunjung situs web Anda akan meningkat secara signifikan . Dengan pengkodean yang ditingkatkan, OceanWP sekarang bergantung pada ketergantungan yang jauh lebih sedikit, yang memastikan stabilitas dan meminimalkan kemungkinan konflik JS. Yang terpenting, ia menjalankan fungsi lebih cepat menggunakan sumber daya yang jauh lebih sedikit.

Kapan OceanWP 3.0 akan dirilis?

Era penggunaan Vanilla JS di OceanWP dimulai dengan versi 3.0.

Anda dapat mengharapkan rilis resmi pada 20 Juli – hari yang tepat untuk versi baru WordPress 5.8 diharapkan.

Dan itu membawa kita ke bagian terpenting – mempersiapkan pembaruan .

Selain tema OceanWP, ekstensi Ocean berikut juga telah ditingkatkan ke Vanilla:

• penggeser posting laut,
• Tongkat laut Apa Pun,
• Jendela Modal laut,
• Berbagi Sosial laut,
• Berbagi Produk Laut,
• Tajuk Lengket Laut,
• Footer Lengket Laut,
• Masuk Lautan Popup,
• popup laut Woo,
• Layar Penuh Laut,
• Widget Elemen Laut,
• Panel Sisi laut,
• Pemberitahuan Cookie Laut, dan
• Portofolio Laut.

Pembaruan Ocean Extra 1.7.8 juga dirilis, namun plugin ini tidak mengandung perubahan Vanilla.

Cara Mempersiapkan Pembaruan OceanWP Vanilla JS

Bersamaan dengan OceanWP, semua plugin dengan versi Vanilla JS akan dirilis pada hari yang sama.

Urutan pembaruan yang benar adalah:

1. Perbarui OceanWP melalui Penampilan> Tema, lalu
2. Perbarui semua plugin Ocean melalui Plugins > Installed Plugins.

Sebelum Anda memperbarui, pastikan Anda telah mengambil tindakan pencegahan yang diperlukan.

Uji rilis baru di localhost atau situs web pementasan terlebih dahulu

Ingat, ini adalah pembaruan besar.

Praktik terbaik adalah menguji perubahan baru di localhost, lingkungan pengujian atau staging.

Jika Anda tidak memiliki opsi untuk menguji pembaruan di mana pun, jangan segera memperbarui . Tunggu beberapa hari atau bahkan seminggu, hingga kami mengumpulkan umpan balik dan memastikan aman bagi Anda untuk memperbarui.

Ingat, meskipun semuanya baik-baik saja, selalu ada yang salah selama pembaruan. Lagi pula, hal buruk tentang perangkat lunak adalah – itu perangkat lunak.

Pastikan untuk membuat cadangan situs web Anda dengan benar . Jangan mengandalkan backup hosting saja, ambil juga backup manual dan simpan data di tempat yang aman. Jika Anda menggunakan plugin Reset WordPress (jangan dikelirukan dengan Reset Database WordPress), Anda juga dapat membuat snapshot situs web.

Penting: ingat untuk membersihkan cache secara menyeluruh setelah pembaruan, beberapa kali jika perlu. Hal yang sama berlaku untuk cache CDN (cloud).

Cara Menggunakan Vanilla JS dengan OceanWP

Untuk memanfaatkan sepenuhnya Vanilla JS, semua skrip melalui Panel Tema > Skrip & Gaya harus DIAKTIFKAN setiap saat.

Penjelasan singkat: menonaktifkan skrip apa pun membuat file yang sama sekali baru yang kemudian ditempatkan di folder instalasi situs web Anda, kemudian diterapkan di front-end situs web Anda alih-alih menggunakan skrip tema OceanWP default.

Penjelasan panjang: pada saat opsi Scripts & Styles (bagian dari plugin Ocean Extra) diperkenalkan, plugin caching yang baik (dan gratis) tidak dapat diakses oleh semua orang. Seiring waktu, situasinya telah berubah. Jika Anda menjalankan plugin pengoptimalan dan caching yang baik, menonaktifkan skrip apa pun sama sekali tidak diperlukan.

Penting: ingat untuk membersihkan cache secara menyeluruh , beberapa kali jika perlu. Hal yang sama berlaku untuk cache CDN (cloud).

Apakah mengaktifkan semua skrip akan berdampak negatif pada situs web saya?

Tidak, tidak akan.

Itu juga salah satu alasan utama kami memperkenalkan Vanilla JS. Namun, kami tidak berencana untuk berhenti di situ.

Meskipun kami menggunakan pemuatan skrip bersyarat dalam kode kami (memuat skrip di front-end hanya jika diperlukan), setelah rilis Vanilla kami berencana untuk lebih meningkatkan fungsionalitas ini. Pada dasarnya, kami berencana untuk mengotomatiskan fungsionalitas yang sebelumnya disediakan oleh fitur Scripts & Styles .

Apa berikutnya?

Langkah selanjutnya adalah menikmati peningkatan kinerja situs web Anda

Jika Anda melihat ada bug atau masalah, berikan kami umpan balik yang menyeluruh dan mendalam baik di halaman GitHub kami, atau dengan mengirimkan tiket dukungan atau tiket prapembelian.

Kami berkomitmen untuk perbaikan terus-menerus . Tujuan kami adalah menjadikan pengalaman Anda dan pengunjung situs web Anda dengan OceanWP sebaik mungkin. Untuk pembaruan di masa mendatang, fokus utama kami adalah pada kinerja, peningkatan aksesibilitas lebih lanjut, fitur dan gaya baru , serta revisi kode yang ada.

OceanWP dibangun untuk komunitas WordPress . Jika Anda ingin berkontribusi dengan ide-ide Anda, beri tahu kami bagaimana Anda yakin kami bisa mendapatkan dan melakukan yang lebih baik. Bagikan ide Anda tentang fitur dan peningkatan menggunakan formulir permintaan fitur kami.

LOS; Rp. (Panjang atau Pendek, Saya Tidak Pernah Membaca):

Kami merilis pembaruan besar .

Ambil cadangan situs web, termasuk pencadangan manual, sebelum memperbarui plugin OceanWP dan Ocean .

Praktik terbaik adalah menguji semua pembaruan pada lingkungan pengujian, localhost, atau staging . Jika Anda tidak memiliki kesempatan untuk menguji pembaruan, jangan segera memperbarui. Tunggu dengan pembaruan beberapa hari hingga kami mengumpulkan umpan balik.

Jika ada masalah atau masalah, beri tahu kami tentang kemungkinan bug atau kirimkan tiket.