DE{CODE}: 6 Trik Pengembang WooCommerce untuk Membangun Situs Web eCommerce Cepat

Di samping penjualan, kecepatan situs mungkin merupakan metrik terpenting untuk situs web eCommerce Anda. Mengapa? Situs web eCommerce cepat mendapatkan lebih banyak lalu lintas, memiliki rasio konversi lebih tinggi, rasio pentalan lebih rendah, dan menghasilkan lebih banyak pengunjung kembali. Dalam sesi ini, Manajer Produk Senior Mesin WP Jeremy Benoit dan Manajer Teknik Catherine Kelly mengeksplorasi trik pengembang, fitur Mesin WP, dan alat lain untuk membuat toko WooCommerce Anda lebih cepat.

Slide Sesi

Transkrip Teks Lengkap

JEREMY BENOIT : Halo semuanya, dan selamat datang di DE{CODE} 2022. Ini adalah jalur e-niaga. Saya Jeremy Benoit, manajer produk senior dengan WP Engine dan kami di sini untuk membahas enam tip untuk meningkatkan kinerja WooCommerce. Bergabung dengan saya hari ini akan menjadi rekan saya, Catherine Kelly dan mari kita mulai.

Jadi saya akan mulai dengan membagikan kutipan dari salah satu insinyur perangkat lunak kami, Chris Weigman. Dan seperti yang dia katakan, Menurut Google, 53% pengguna akan meninggalkan situs jika kecepatan memuat halaman membutuhkan waktu lebih dari tiga detik. Itu berarti Anda punya waktu tepat tiga detik untuk mendapatkan semua data di halaman produk itu, semua gambar yang Anda kirimkan kepada mereka, semua informasi tentangnya, semua widget kecil dan iklan, dan ini akan menunjukkan kepada Anda mengapa kami ' sedang berbicara tentang kecepatan hari ini, karena kecepatan pengalaman pembelanja sangat penting.

Kecepatan halaman adalah waktu pemuatan satu halaman, dan dapat diukur dengan berbagai cara. Dua cara penting adalah Time To First Byte, yang digunakan oleh Google PageSpeed ​​Insights, atau Time To Full Page Load atau Last Byte, yang seringkali mencerminkan apa yang dialami pembeli. Kecepatan halaman juga memengaruhi tingkat konversi di situs belanja Anda, dan itu juga akan memengaruhi SEO situs e-niaga Anda.

Salah satu bagian penting dari kecepatan adalah hosting yang luar biasa untuk kualitas pengalaman pembelanja Anda. Di platform yang dioptimalkan untuk komputasi WP Engine, kami memberikan pengalaman E-niaga yang ditingkatkan untuk meningkatkan kinerja di semua konten belanja Anda, statis atau dinamis. Dan kita akan berbicara tentang dua jenis konten yang berbeda di sini sebentar lagi saat kita memulai 6 tip dan trik. Sekarang saya akan menyerahkannya kepada rekan saya, Catherine.

CATHERINE KELLY : Semangat. Terima kasih untuk itu, Jeremy. Hari ini kita akan membahas enam tips terkait WooCommerce, konfigurasinya, dan menyiapkan toko E-niaga. Bagi sebagian dari Anda pengembang berpengalaman, kiat dan saran ini akan cukup familiar bagi Anda, tetapi bagi sebagian pengembang baru, Anda mungkin mendapatkan beberapa wawasan berguna.

Jadi hari ini kita akan membahas WooCommerce dan caching, pengoptimalan media, pengoptimalan pencarian, fragmen gerobak Ajax, tabel pesanan khusus, dan kecepatan headless. Jadi untuk yang pertama kita akan bahas adalah WooCommerce dan caching. Sebelum kita membahasnya, kami ingin memahami apa saja opsi berbeda yang Anda miliki sehubungan dengan caching, apa itu, dan kemudian kami dapat mendekati bagaimana kami akan melakukan perbaikan untuk itu.

Jadi caching bisa memberi kesan sebagai cawan suci dalam kaitannya dengan masalah kinerja. Padahal sebenarnya, caching pada awalnya dibuat bukan dalam kaitannya dengan kinerja, tetapi itu benar-benar agar komputer memiliki respons otomatis terhadap permintaan yang sama berulang kali, daripada harus menghitung ulang setiap saat. Caching adalah teknik yang digunakan untuk menyimpan sementara respons terhadap permintaan, dan kemudian mengirimkan respons yang sama ke permintaan yang sama persis ke sumber daya yang sama di lain waktu.

Jadi ini seperti salah satu dari anak-anak yang menyebalkan itu– anak Anda yang menyebalkan yang akan menanyakan pertanyaan yang sama berulang kali, setiap hari, seperti mengapa, mengapa, mengapa, dan Anda hanya ingin memberikan jawaban otomatis untuk itu. Dan ini dapat bekerja dengan sangat baik dan saat menyajikan informasi statis untuk situs statis, Anda selalu memberikan respons yang sama. Namun, pendekatan ini tidak bekerja dengan baik sehubungan dengan e-commerce, karena ini membuat kunci pas bekerja karena permintaan yang dikirimkan ke server setiap saat tidak selalu sama, dan Anda harus melakukannya menangani dan mengontrol dalam kaitannya dengan gerobak, permintaan yang berbeda dari pengguna yang berbeda pada waktu yang sama.

Anda juga ingin mengingat transaksi sebelumnya yang Anda miliki sehubungan dengan pelanggan Anda, apa yang ada di keranjang mereka, Anda ingin mengingat apa yang tidak lagi tersedia di toko Anda sehingga keranjang dapat secara akurat mencerminkan apa yang disajikan kepada pengguna tersebut. Anda juga ingin memastikan sehubungan dengan caching bahwa Anda tidak memberikan keranjang yang terkait dengan pelanggan A ke pelanggan B, dan mereka benar-benar dapat melihat apa yang sebenarnya dipesan orang lain, pada dasarnya membocorkan informasi, yang tidak Anda inginkan. . Ada keseimbangan terbatas yang dapat Anda miliki sehubungan dengan caching yang Anda lakukan – yang cukup sulit untuk disajikan saat Anda mencoba melayani apa yang merupakan sentuhan pribadi kepada pelanggan Anda sehingga mereka tetap terlibat di situs Anda. Jadi berbagai level dan jenis cache yang kami miliki– cache server.

Dan cache server umumnya seperti cache lainnya. Ini pada dasarnya adalah cache yang ada di server Anda ketika Anda membuat halaman dan Anda menyajikannya untuk permintaan tertentu. Saat Anda berdiri tepat di samping server itu dan Anda mengajukan permintaan, respons Anda bisa seketika. Namun, ketika Anda, seperti, 1.000 kilometer jauhnya, seperti individu atau pengguna e-niaga Anda, respons itu dapat memakan banyak waktu untuk mencapainya.

Anda kemudian memiliki cache aplikasi. Dan cache aplikasi di WordPress dan WooCommerce, Anda dapat menggunakan plugin untuk mengelolanya. plugin seperti W3 Total Cache, WP Rocket semuanya memiliki opsi untuk mengelola cache dalam aplikasi dan plugin ini pada dasarnya menyimpan versi sementara dari halaman yang diminta dan file di server mereka. Ini bisa menjadi– namun, ini bisa menjadi cara caching yang sangat tidak efisien dan tidak boleh digunakan jika Anda memiliki kemampuan untuk melakukan cache baik di server itu sendiri atau di layanan seperti domain yang dipercepat atau Cloudflare, yang mendistribusikan cache secara global.

Anda kemudian memiliki cache browser. Dan cache browser pada dasarnya adalah cache pengguna akhir. Pernahkah Anda mengalami, misalnya, sesuatu di situs yang telah Anda perbarui dan Anda tidak secara otomatis melihatnya di bagian depan saat Anda sedang mengembangkan dan meninjau situs Anda? Ini karena sudah di-cache ke browser yang sebenarnya. Ini pada dasarnya adalah versi sementara dari halaman atau aset yang disimpan di browser pengguna Anda di komputer atau ponsel Anda.

Itu ada sehingga Anda tidak perlu mengunduh halaman atau aset yang sama beberapa kali untuk mempercepat tampilan halaman itu, yang berfungsi, sekali lagi, cukup baik saat Anda memiliki situs statis. Namun saat Anda memiliki situs dinamis seperti situs e-niaga, kami selalu berusaha menyajikan produk, deskripsi, dan informasi. Itu bisa– itu tidak seefektif yang Anda inginkan.

Anda kemudian memiliki apa yang dikenal sebagai cache CDN proxy. Cache CDN proxy adalah cache yang berada di antara server asal Anda– jadi server yang mengembangkan dan menampilkan halaman asli pertama– dan browser pengguna sebenarnya itu sendiri. Ini domain yang dipercepat dan Cloudflare adalah jenis CDN proxy. Dan semua permintaan dan tanggapan melewati domain mereka sebelum masuk ke server asli.

Ini pada dasarnya adalah sekelompok server yang ditempatkan secara strategis di seluruh dunia dengan tujuan mempercepat pengiriman konten statis untuk pengguna Anda. Jadi hampir seperti mereka berdiri tepat di samping server penyajian asli saat jaraknya 1.000 mil. Jadi itu mempercepat penyajian halaman itu. Dan setelah aset statis Anda di-cache di semua server tepi di lokasi tertentu, semua pengunjung berikutnya dan permintaan informasi statis dikirimkan dari apa yang dikenal sebagai server tepi Anda, bukan dari server asli, sehingga mengurangi beban, dan mempercepat kinerja , dan meningkatkan skalabilitas.

Jadi ini semua bekerja dengan sangat baik secara umum berkaitan dengan situs statis seperti yang disebutkan. Tapi cache e-commerce membuat kunci pas bekerja. Dan e-niaga– alasan mengapa ada kunci pas sedang dikerjakan terkait dengan halaman masuk Anda, keranjang Anda, pembayaran Anda, daftar keinginan Anda, yang diperbarui secara dinamis setiap saat. Jadi mereka tidak statis seperti yang Anda perlukan di situs blog biasa, misalnya.

Secara umum, Anda dapat meng-cache permintaan GET. Dan dengan permintaan GET, atau seperti namanya, permintaan untuk mendapatkan beberapa sumber daya. Meskipun permintaan GET seringkali aman untuk di-cache, seperti yang disebutkan, Anda tidak ingin melakukan caching lagi halaman login, keranjang, dan checkout. Anda ingin menyajikannya selalu segar dan baru kepada pelanggan sehingga selalu terkini dan akurat.

Jadi Anda tidak ingin mengirimkan sesuatu dari keranjang dan tidak menulis– jangan menulisnya dengan cache. Umumnya, ketika Anda memiliki sesuatu di troli, sebagian besar server akan mem-bypass cache sepenuhnya. Dengan demikian, Anda kembali ke masalah menyajikannya dari server asli Anda, bukan dari CDN Anda. Jadi yang harus Anda lakukan adalah Anda harus pintar tentang hal itu dan mencari tahu, oke, bagaimana saya bisa melayani elemen statis dari penyedia CDN saya tetapi selalu menerapkan dinamis dari server asli saya yang sebenarnya sehingga semuanya mutakhir dan akurat?

Jadi hal-hal yang perlu diperhatikan– untuk cache server, karena server menghasilkan halaman web, caching server memungkinkannya untuk mengingat bagian halaman di seluruh halaman yang tidak dibuat dari awal setiap saat. Dan dengan cache browser, ini membantu browser untuk mengingat tampilan halaman web sehingga tidak perlu menghabiskan waktu untuk bertukar data dengan server. Dan ini berguna, seperti yang disebutkan, bagi pengunjung yang mengakses banyak halaman karena bisa jadi ada file statis. Misalnya, styleSheets, file JavaScript semuanya dapat disimpan di browser.

Jadi untuk praktik terbaik terkait caching, selalu cache HTML secara selektif. Pada dasarnya, sebagai tingkat pertama, tembolok semuanya untuk bertindak seperti anonim statis– untuk konten anonim statis. Dan kemudian lihat untuk mem-bypass cache pada cookie dan meng-cache semua yang ada di keranjang Anda, di daftar keinginan Anda menggunakan cookie untuk mem-bypass elemen tertentu dari cache. Dan selalu atur cache usia Anda, waktu Anda untuk hidup, dengannya sehubungan dengan konfigurasi Cloudflare Anda. Itu harus memastikan bahwa cache Anda selalu diperbarui dan cocok dengan asal aslinya.

Jadi salah satu hal yang kami pahami dari berbicara dengan pelanggan e-niaga kami adalah ini adalah masalah yang umumnya harus ditangani dan diselesaikan oleh pengembang sendiri. Jadi sebagai bagian dari pengembangan kami di WP Engine, kami sebenarnya sedang mengerjakan solusi khusus e-niaga, yang memungkinkan, secara default, menyediakan dan memasang WooCommerce dengan semua aturan caching ini ditetapkan secara default. Jadi kami menyimpan semua hal statis dan kemudian tidak menyimpan semua hal dinamis sehingga selalu segar. Itu selalu disegarkan terus menerus untuk Anda. Dan dengan demikian, Anda tidak memiliki konflik seperti fragmentasi keranjang untuk pengguna Anda.

Pengoptimalan media– hal lain yang penting terkait pengiriman konten dari server Anda ke pengguna akhir, yang ada di situs e-niaga Anda, adalah seputar pengoptimalan media. Hal pertama yang harus dipikirkan adalah, apa itu optimasi media? Apa boleh buat? Dan bagaimana kami dapat memastikan bahwa pelanggan memiliki pengalaman yang cepat, efektif, dan dinamis saat menjelajah dan menggunakan situs mereka?

Jadi terkait dengan gambar dan video, mereka memerlukan jenis pengoptimalan yang berbeda, sekali lagi, untuk memberikan pengalaman optimal kepada pelanggan Anda berdasarkan perangkat yang sebenarnya mereka gunakan. Jadi pengoptimalan media adalah proses menggunakan alat terbaik, strategi lanjutan, dan eksperimen, karena Anda selalu ingin bereksperimen untuk menghadirkan performa situs e-niaga. Anda ingin pengoptimalan aset. Ini berusaha untuk menemukan keseimbangan antara efisiensi dan keandalan.

Jadi, Anda ingin selalu mengirimkan konten untuk pelanggan Anda secepat mungkin yang tidak akan merugikan kinerja situs Anda. Anda ingin menyajikan konten dengan tampilan terbaik dalam waktu sesingkat-singkatnya dengan mempertimbangkan berbagai platform dan aset yang mungkin digunakan oleh media, misalnya laptop, atau PC, atau perangkat seluler, dan, seperti yang kami pindah ke dunia tanpa kepala, berbagai jenis perangkat seperti layar TV, iPad, dan hal-hal seperti itu, di mana konten dapat dikirimkan juga dari toko e-niaga dan dikonsumsi.

Jadi yang ingin Anda pikirkan adalah meningkatkan pengoptimalan gambar untuk menyempurnakan web– performa situs Anda untuk mendorong lebih banyak lalu lintas, meningkatkan konversi tersebut, meningkatkan pendapatan bagi pemilik toko, merek, atau pedagang Anda. Dan salah satu aspek terpenting dari pengoptimalan situs web, ini berdampak pada pencarian dan pengoptimalan. Jadi, jika gambar dan video Anda cepat dan cepat, Anda benar-benar mendapatkan peringkat yang lebih baik dalam hal pengoptimalan mesin telusur.

Optimalkan aset tidak hanya membuatnya– produk Anda lebih menarik dan lebih terlihat oleh calon klien, tetapi juga membuat mereka muncul lebih sering dalam pencarian, sekali lagi, optimisasi mesin pencari. Hal utama yang perlu diingat, adalah melihat pemuatan lambat untuk gambar dan video. Pemuatan malas pada dasarnya adalah strategi untuk mengidentifikasi sumber daya yang tidak memblokir atau tidak penting dan memuatnya hanya jika diperlukan. Jadi konten, pada dasarnya paro atas, dimuat dan ditampilkan kepada pengguna sebagai prioritas, lalu kami menunda semua perenderan lainnya untuk semua yang ada di bawah layar ini sehingga apa pun yang mereka gulir ke bawah.

Teknik pengoptimalan ini memungkinkan untuk menampilkan terlebih dahulu– gambar dan konten pertama yang akan dilihat pengguna. Dan kemudian kami tidak membuang-buang sumber daya mengunduh hal-hal yang sebenarnya tidak akan mereka lihat dan lihat. Google sendiri merekomendasikan pemuatan lambat dan pada dasarnya menyebutnya sebagai penangguhan gambar di luar layar. Dan kemudian saya akan mengatakan jangan repot-repot memuatnya.

Anda dapat secara manual, sebagai pengembang, memberi tag pada setiap gambar Anda jika Anda mau atau video Anda dimuat dengan lambat. Tapi seperti yang bisa Anda bayangkan untuk situs e-niaga, melakukan itu akan menjadi usaha yang lumayan. Dan juga, jika Anda merasa tidak nyaman memberi tag secara manual pada masing-masing gambar tersebut, Anda dapat menggunakan plug-in untuk melakukannya. Jika Anda memiliki pencarian cepat di Google untuk memuat plug-in terbaik untuk WordPress, ada beberapa rekomendasi di sana untuk menggunakan plugin terbaik.

Tetapi bagi kami dan dalam e-commerce, kami akan merekomendasikan untuk memasukkannya, misalnya, ke WP Rocket. Ini menawarkan pengoptimalan pemuatan malas Adobe. Hal-hal juga yang ingin Anda pertimbangkan juga adalah selalu mengingat pengguna ponsel Anda. Layar dan kinerjanya lebih kecil sehingga Anda tidak perlu memuat gambar berukuran besar. Anda ingin menurunkannya.

Anda ingin menggunakan kompresi untuk seluruh gambar Anda, karena itu akan menghemat besar, 40%, pada bandwidth dan juga jelas memuat layar dan format file tertentu adalah kunci untuk gambar. Misalnya, karena ada 600 x 600 gambar dalam JPEG berukuran 100 kilobyte, PNG berukuran 216, sedangkan WebP hanya berukuran 56 kilobyte. Jadi Anda ingin sangat berhati-hati dalam mempertimbangkan, oke, apa format file yang akan saya gunakan untuk semua gambar yang akan disajikan? Terutama dari situs e-niaga, saya berpotensi memiliki ribuan produk, ribuan gambar, dan ratusan video untuk mendukung gambar dan konten itu juga.

Anda ingin selalu mengubah ukuran gambar Anda. Anda dapat melihat alat online seperti Imagify, Youoptimizer, TinyJPG, dan lihat alat untuk mengoptimalkan gambar Anda di WordPress. Imagify dibuat oleh tim yang sama dengan WP Rocket dan merupakan plug-in yang sangat intuitif yang mengompres gambar secara otomatis menggunakan tiga jenis level yang berbeda– normal, agresif, dan ultra. Dan itu memungkinkan Anda untuk menyesuaikan ukuran gambar yang sesuai untuk pengguna akhir Anda.

Perhatikan juga ukuran thumbnail Anda. Buat mereka tetap kecil, karena bagaimanapun juga mereka kecil. Jauhkan latar belakang sederhana. Gunakan alat seperti remove.bg dan Slazenger untuk menghapus latar belakang dan memperbarui latar belakang untuk menyederhanakannya. Dan juga gunakan CDN untuk pengiriman global yang lebih cepat. Selalu, juga, dengan gambar Anda, selalu lampirkan label bermanfaat alternatif ke gambar tersebut.

Ini membantu dengan SEO, optimisasi mesin pencari. Dan selalu pastikan label Anda benar-benar mencerminkan konten gambar atau video Anda. Sebagai pengembang, terkadang kami dapat membuat singkatan seperti RDHD atau hanya menggunakan Y band. Kita tahu itu topi merah dengan pita kuning. Tapi SEO tidak akan tahu itu, jadi cobalah dan jadilah lebih nyata atau bahasa dalam hal presentasi gambar.

Jadi pengoptimalan video juga, gunakan alat kompresi data. Sekali lagi, ingat pengguna seluler Anda. Konversikan semuanya, jika memungkinkan, ke format HTML5. Untuk video apa pun yang tidak memiliki suara, hapus semua audionya. Tidak ada gunanya memilikinya karena hanya menghabiskan bandwidth. Gunakan lagi, jaringan pengiriman konten. Tentukan situs video Anda dan lagi, juga sehubungan dengan pemuatan lambat, selalu tunda pemuatan gambar tersebut sampai halaman Anda diunduh sepenuhnya.

Pengoptimalan mesin telusur– seperti yang mungkin kita ketahui, pengoptimalan penelusuran pada dasarnya adalah metode yang kami sebut membongkar penelusuran Anda ke penyedia layanan tertentu yang ahli dalam hal itu karena mereka dapat meningkatkan keefektifan penelusuran Anda dan dengan demikian meningkatkan penjualan Anda untuk pedagang Anda dan pengguna. Seperti yang kita ketahui secara default, WooCommerce hadir dengan fitur pencarian bawaan. Namun masih banyak hal yang diinginkan dalam kaitannya dengan fungsionalitas seputar kecocokan untuk atribut produk, bidang khusus, dan deskripsi. Ini sangat lambat. Itu tidak menawarkan pengalaman pengguna yang baik. Dan pada akhirnya, itu sangat tidak efektif.

Jika Anda melakukan pencarian untuk – pencarian produk yang berkaitan dengan WooCommerce, itu adalah fitur umum sehubungan dengan itu tidak berfungsi seefektif yang Anda inginkan. Sungguh, yang ingin Anda lakukan adalah memiliki fitur pencarian yang memiliki toleransi kesalahan yang kuat sehingga tidak mengganggu perjalanan pelanggan. Anda ingin mereka dapat memiliki pelengkapan otomatis kueri yang kuat dan memilikinya dalam pemrosesan bahasa alami untuk hasil yang lebih baik, yang semuanya hilang dari pencarian WooCommerce.

Anda juga kemudian ingin memiliki fitur seputar analitik komprehensif untuk peningkatan yang mudah dalam pelaporan sehingga Anda benar-benar dapat melihat dan melihat keefektifan pencarian yang telah Anda bangun dalam hal tanggapan terhadapnya, apa yang dicari pelanggan Anda, seberapa baik apakah itu cocok dengan produknya, lalu perubahan apa yang dapat Anda lakukan dalam konfigurasi untuk benar-benar membantunya? Pada dasarnya, bantu pelanggan Anda menemukan apa yang mereka cari dengan lebih cepat.

Jadi apa yang bisa kita lakukan? Seperti yang saya sebutkan, apa yang kami lakukan adalah untuk mengurangi gesekan dalam pengalaman pencarian dan membantu pelanggan menemukan apa yang mereka inginkan, kami menggunakan pembongkaran pencarian. Jadi ini adalah proses yang pada dasarnya dilakukan oleh pihak ketiga. Ini meningkatkan kemampuan pencarian WooCommerce karena terintegrasi dengan Woo. Ini pada dasarnya memiliki widget untuk memfilter sesuai kebutuhan Anda. Ini memberikan hasil kepada pengguna, yang dapat membantu meningkatkan kepercayaan merek.

Ini memiliki sugesti otomatis, dan Anda dapat mengonfigurasi dan menyesuaikan pembobotan. Anda dapat memberikan hasil pelanggan– hasil khusus. Anda dapat memiliki pencarian otomatis dan analitik pencarian instan, seperti yang saya sebutkan, yang sangat penting. Tidak ada gunanya melakukan pencarian jika Anda tidak dapat menganalisis pencarian untuk melihat seberapa efektifnya. Dan juga membantu dalam hal menyempurnakan integrasi SEO Anda untuk memastikan pelanggan dapat menemukan apa yang mereka inginkan. Ketika mereka mencari di Google, mereka pergi ke situs tertentu ini berdasarkan apa yang Anda cari.

Ini juga membantu mengungkap niat pelanggan dan mengungkapkan data seputar minat pelanggan. Apa yang mereka cari? Apa yang ingin mereka beli? Apa yang menarik mereka ke situs Anda? Apa yang mereka cari?

Rekomendasi kami seputar pencarian adalah mencari pelengkapan otomatis. Jadi berikan saran terkait hal itu. Dan selalu aktifkan koreksi kesalahan. Jadi jika seseorang mengetikkan sesuatu yang salah terkait dengan suatu produk, cobalah untuk tidak mengingatnya. Coba dan selalu ingat ejaan atau deskripsi yang benar terkait dengan suatu produk. Jangan pernah, ketika Anda mengaktifkan pencarian di situs Anda, biarkan pengguna menemui jalan buntu.

Selalu punya halaman. Bahkan jika mereka menelusuri sesuatu yang tidak ada di situs Anda, arahkan mereka ke halaman yang mengatakan, saat ini kami tidak dapat menemukan produk tersebut. Silakan hubungi departemen penjualan kami dan seterusnya, dan kami dapat membantu Anda melakukannya. Ini adalah pengalaman yang lebih baik bagi pengguna tertentu dan juga akan menghasilkan kepercayaan dengan pelanggan tersebut.

Optimalkan selalu. Saat Anda melakukan penelitian analitik berdasarkan apa yang dicari pelanggan, optimalkan dalam kaitannya dengan istilah tersebut sehingga ketika pelanggan lain kembali mencari mereka dapat benar-benar menemukannya. Gunakan tag, judul, dan deskripsi pada semua produk Anda. Mereka adalah roti dan mentega dari pencarian Anda.

Jadi pastikan semua data Anda akurat, mencerminkan apa produknya, dan selalu jelaskan sebanyak mungkin produk individual yang ada di situs merchant tertentu. Konfigurasikan penelusuran Anda untuk seluler. Dan pencarian seluler sedikit berbeda dengan pencarian laptop dalam hal situs web, boleh kami katakan. Pastikan Anda telah mengonfigurasi dan mengaktifkannya dalam pencarian Anda. Dan selalu merujuk kembali ke analitik Anda.

Dalam hal Mesin WP, kami telah bermitra dengan ElasticPress untuk menawarkan, pada dasarnya, apa yang kami yakini sebagai plugin pencarian premium yang secara otomatis default dan dipasang sebagai bagian dari penawaran e-niaga kami. Ini menawarkan semua sugesti otomatis, pembobotan, hasil pelanggan, dan banyak lagi.

Dan sekarang saya sudah menyelesaikan tiga tip saya terkait dengan saran, panduan untuk WooCommerce, dan saya akan mengembalikannya ke Jeremy. Jadi begini, Jeremy. Terima kasih.

JEREMY BENOIT: Area lain untuk dilihat adalah fragmen gerobak AJAX. Fragmen gerobak AJAX adalah bagian kode yang diinginkan. Itu dikenal karena penundaan yang dihasilkannya, menyebabkan lonjakan server, dan berjalan tidak perlu. Tetapi apakah fragmen keranjang AJAX benar-benar seburuk itu?

Nah, tujuannya adalah untuk memperbarui keranjang dengan produk baru, harga produk baru, jumlah produk baru, menghitung harga tanpa memaksa memuat ulang halaman. Namun, skrip agen fragmen keranjang berjalan di setiap halaman– halaman beranda, halaman produk, dan bahkan halaman di mana tidak ada tindakan tambahkan ke keranjang. Itu bisa berupa halaman tentang kami atau bahkan halaman kontak kami.

Sekarang, menjalankan atau eksekusi ini sering menjadi penyebab, kadang-kadang, lonjakan server atau sumber daya yang tidak perlu digunakan yang mengganggu kinerja situs Anda dan pengalaman pembelanja Anda. Sekarang idealnya, fragmen keranjang AJAX hanya boleh berjalan di tempat Anda memiliki tindakan tambahkan ke keranjang atau jika Anda memiliki keranjang dinamis di situs tempat tindakan dapat digunakan untuk membuka atau berinteraksi secara dinamis dengan keranjang. Jadi apa yang bisa dilakukan tentang fragmen gerobak AJAX?

Yah, paling sering, orang menyarankan, seperti yang kami lakukan, untuk menonaktifkan fragmen keranjang itu dan ada dua cara untuk menonaktifkan fragmen keranjang AJAX. A, Anda ingin menambahkan plug-in yang memiliki kemampuan penonaktifan fragmen keranjang. Ada beberapa plug-in di luar sana yang dapat menonaktifkan fragmen keranjang Anda. Tetapi cara lainnya adalah jika Anda terbiasa mengedit php, Anda dapat menonaktifkan fragmentasi keranjang dengan mengedit file functions.php dari tema Anda.

Ada beberapa risiko. Beberapa widget keranjang mungkin mengalami masalah saat Anda menonaktifkan fragmen keranjang. Jadi, Anda ingin menguji widget keranjang Anda setelah menonaktifkannya untuk memastikan bahwa widget berfungsi sesuai keinginan.

Sekarang trik atau tip selanjutnya adalah memanfaatkan tabel pesanan khusus setelah dirilis. Anda mungkin bertanya, apa maksud Anda? Nanti, dalam hal ini– di DE{CODE}, Anda akan mendengar dari WooCommerce tentang tabel pesanan kustom baru yang akan dirilis akhir tahun ini. Dan tabel WooCommerce adalah– tabel pesanan memiliki dilema struktur. Banyak dari Anda yang tahu, ini sering disebut sebagai alasan penskalaan yang buruk. Tapi itu juga bisa menjadi masalah kecepatan saat berhubungan dengan interaksi yang berhubungan dengan produk, atau interaksi yang berhubungan dengan pesanan, dan terkadang, bahkan data plug-in.

Saat ini, WooCommerce menggunakan tabel meta pos yang menyimpan berbagai entitas data, termasuk pesanan, dan produk, dan beberapa data plug-in tambahan dan setiap kali ada panggilan untuk salah satu dari entitas tersebut, mereka semua mencapai sumber yang sama. Jadi Anda dapat membayangkan menghilangkan kemacetan itu dengan membuat tabel pesanan khusus akan menambah integritas struktural WooCommerce dari mesin e-niaga yang sebenarnya dan meningkatkan kecepatan segala jenis aktivitas pesanan. Ini akan menjadi dukungan yang besar, terutama untuk situs yang memiliki lalu lintas tinggi, dan volume pesanan tinggi, atau bahkan situs yang memiliki katalog produk yang sangat besar.

Dengan memiliki tiga jenis tabel yang berbeda ini, tabel inti baru untuk informasi urutan inti, tabel plug-in baru untuk data plug-in khusus, dan tabel meta baru untuk segala jenis metadata khusus yang perlu disimpan pengembang, yang akan meringankan hambatan yang dimiliki tabel meta pos sebelumnya dan saat ini untuk interaksi pesanan Anda. Juga akan ada indeks khusus untuk tabel ini, yang akan membantu kecepatan mengambil entitas spesifik tersebut di setiap tabel tersebut. Dan Anda akan mendengar lebih banyak tentang tabel pesanan khusus nanti di DE{CODE}.

Jadi mari kita lihat peningkatan ketiga, kecepatan tanpa kepala. Jadi tip ini adalah tanpa kepala karena tanpa kepala, tumpukan tanpa kepala, meningkatkan kecepatan dengan urutan besarnya. Kode JavaScript di ujung depan infrastruktur headless Anda akan jauh lebih cepat dan, dalam beberapa kasus, 10 kali lebih cepat daripada infrastruktur WordPress tradisional. Kami bahkan memiliki pelanggan di infrastruktur Atlas kami yang mengalami peningkatan enam kali lipat di semua metrik Lighthouse.

Dan di WP Engine, kami memiliki infrastruktur tanpa kepala yang disebut Atlas. Infrastruktur itu memungkinkan– juga memiliki komponen yang disebut mesin konten kami, yang sangat meningkatkan kecepatan pengambilan semua jenis konten statis dan dinamis di seluruh instance WooCommerce Anda. Infrastruktur headless juga memungkinkan Anda menyesuaikan integrasi back-end dan menciptakan peluang untuk pengoptimalan secepat kilat dengan aplikasi pihak ketiga yang perlu diintegrasikan dengan situs WooCommerce Anda. Dan itu tip terakhir saya untuk hari ini.