Cara Mendapatkan 90+ Skor Web Vitals Inti Untuk Toko E-niaga (Studi Kasus)

Dalam posting ini, Anda akan belajar cara mendapatkan skor 90+ di Google Core Web Vitals Anda (desktop dan seluler) untuk toko e-niaga bahkan jika Anda menggunakan banyak plugin.

Saat Google pertama kali merilis penilaian vital web inti mereka , banyak pemilik toko e-niaga mulai panik.

Tidak seperti situs konten dasar atau blog, toko e-niaga memiliki banyak gambar dan membutuhkan lebih banyak elemen fungsional untuk menutup penjualan. Dan setiap fitur yang ditambahkan memperlambat situs Anda.

Misalnya, obrolan langsung dapat memakan waktu 6-10 detik untuk dimuat dengan sendirinya. Memuat pelacakan email dasar dengan Klaviyo dapat memakan waktu 1-2 detik. Bahkan menambahkan piksel Facebook membutuhkan waktu seratus milidetik untuk dimuat.

Tidak masalah apakah kode Anda menggunakan pemuatan yang ditangguhkan atau asinkron. Setiap elemen tambahan di situs web Anda akan berdampak negatif pada vital web inti Anda.

Saat ini menurut Searchmetrics, 96% situs yang diuji di AS gagal dalam Penilaian Vital Web Inti Google untuk desktop, seluler, atau keduanya.

Dan tingkat kegagalan bahkan lebih tinggi untuk toko e-niaga karena fungsionalitas yang diperlukan untuk melakukan transaksi online.

Dalam posting ini, saya akan menunjukkan kepada Anda langkah-langkah tepat yang saya ambil untuk mencapai 90+ ​​peringkat Google Core Vitals untuk situs web toko e-niaga 7 angka saya.

Dapatkan Kursus Mini Gratis Saya Tentang Cara Memulai Toko E-niaga yang Sukses

Jika Anda tertarik untuk memulai bisnis e-niaga, saya mengumpulkan paket sumber daya yang komprehensif yang akan membantu Anda meluncurkan toko online Anda sendiri dari awal. Pastikan untuk mengambilnya sebelum Anda pergi!

Klik Di Sini Untuk Mengunduh

Apa Itu Google Core Vitals?

Google Core Web Vitals adalah serangkaian faktor yang dimasukkan Google ke dalam peringkat pencarian untuk mengukur kualitas pengalaman pengguna.

Google Core Vitals terdiri dari 3 komponen.

• Cat Konten Terbesar (Google membutuhkan 2,5 detik atau kurang) – Ini adalah ukuran berapa lama waktu yang dibutuhkan untuk melihat bagian terbesar dari konten yang ditampilkan di layar Anda. Pada dasarnya, seberapa cepat situs Anda dimuat.
• Penundaan Masukan Pertama (Google membutuhkan 100 milidetik atau kurang) – Ini adalah ukuran daya tanggap dan kegunaan laman Anda. Secara khusus, Google mengukur penundaan antara pengunjung yang mengklik fitur interaktif dan seberapa cepat halaman merespons klik tersebut.
• Pergeseran Tata Letak Kumulatif (Google memerlukan skor .1 atau kurang) – Ini adalah ukuran seberapa stabil halaman Anda saat dimuat. Apakah konten Anda bergerak ke atas dan ke bawah saat halaman dirender? Ini adalah satu-satunya metrik Google Core Web Vital yang tidak ada hubungannya dengan kecepatan halaman. Ini juga yang paling sulit untuk di-debug jika Anda tidak tahu apa yang Anda lakukan.

Bagian yang tersisa dari posting ini akan merinci PERSIS bagaimana saya memperbaiki 3 metrik ini untuk toko e-niaga saya untuk mencapai skor 90+ Google Core Vitals di desktop dan seluler.

Toko E-niaga yang Digunakan Untuk Studi Kasus Ini

Sebagian besar pemilik toko e-niaga ada di Shopify, WooCommerce, BigCommerce, atau Shift4Shop dan semua strategi ini berlaku di platform apa pun Anda berada.

Toko 7 angka saya terletak di BumblebeeLinens.com. Jangan ragu untuk menjalankan tes kecepatan halaman Google di toko saya saat Anda membaca posting ini untuk melihat hasil saya secara langsung.

Pertama, toko saya menggunakan banyak lonceng dan peluit e-niaga terbaru karena saya mengajar kursus e-niaga di Toko Online yang Menguntungkan.

Bahkan, saya memperlakukan toko saya seperti laboratorium untuk menguji fitur-fitur baru saat mereka keluar dan melaporkannya di blog ini.

Berikut adalah plugin dan layanan yang saya jalankan di toko saya untuk studi kasus ini.

• Klaviyo – Platform pemasaran email saya
• Postscript – Platform pemasaran SMS saya
• Vizury – Penyedia pemberitahuan push saya
• ManyChat – Penyedia pemasaran Facebook Messenger saya yang mengimplementasikan obrolan langsung saya
• Gorgias – Perangkat lunak layanan pelanggan saya yang menangani semua korespondensi pelanggan.
• Spin To Win Popup – Magnet utama saya untuk toko saya
• Facebook Pixel – Melacak semua penjualan saya dari Facebook
• Google Analytics – Melacak penjualan situs web saya
• Notify Slide Up – Memberikan bukti sosial dengan menampilkan penjualan saat mereka masuk

Hanya untuk bersenang-senang, ini adalah seberapa cepat situs saya dimuat TANPA pengoptimalan apa pun .

Ini adalah seberapa cepat ia berjalan dengan pengoptimalan yang akan saya ajarkan kepada Anda cara menerapkannya.

Cara Memperbaiki Masalah Cat Contentful Besar (LCP) dan First Input Delay (FID) Anda

Skor LCP dan FID yang rendah disebabkan oleh kecepatan halaman yang lambat . Jika Anda dapat membuat situs web Anda lebih cepat, maka skor LCP dan FID Anda akan memperbaiki sendiri.

Untuk 99% toko e-niaga di luar sana, masalah LCP dan FID disebabkan oleh…

• Memuat JavaScript dan CSS yang Memblokir Rendering – Tanpa pengoptimalan apa pun, file javascript dan css dimuat secara berurutan yang dapat memblokir rendering visual halaman Anda. Cara terbaik untuk mempercepat javascript Anda adalah dengan malas memuat kode Anda atau menunda rendering sehingga tidak memblokir apa pun.
• Memuat Foto Besar Dan/Atau Video – Semakin besar dan tinggi resolusi gambar Anda, semakin lama waktu yang dibutuhkan untuk memuat. Anda tidak boleh memuat gambar yang lebih besar dari yang ditampilkan di situs web Anda. Juga, Anda tidak boleh memuat gambar apa pun yang tidak terlihat di layar.
• Server Lambat – Server yang lambat seharusnya tidak menjadi masalah dengan platform yang dihosting sepenuhnya seperti Shopify, BigCommerce atau Shift4Shop tetapi jika Anda menggunakan WooCommerce, maka menggunakan host yang lebih cepat seperti WPEngine dapat mempercepat situs Anda secara dramatis.

Pada tingkat tinggi, jika Anda mengatasi 3 masalah yang disebutkan di atas, maka Anda akan memiliki situs web secepat kilat.

Cara Mencapai Kecepatan Muat Halaman 1 Detik

Di bawah ini adalah daftar lengkap pengoptimalan kecepatan saya bersama dengan peringkat 1-5 di mana 5 menunjukkan dampak tertinggi pada peningkatan kecepatan.

Secara umum, Anda harus fokus pada 5 dan menerapkan 1 dan 2 hanya jika Anda punya waktu atau jika Anda super anal :)

Jika Anda ingin tahu bagaimana saya mencapai kecepatan memuat halaman 1 detik , Anda dapat langsung melompat ke senjata besar dengan peringkat 5:)!

Aktifkan Cache Browser (Peringkat 1 dari 5)

Cache browser memberi tahu browser klien untuk menyimpan gambar dan elemen lain dari situs web Anda di mesin lokal pengguna untuk membuat penjelajahan situs web Anda lebih cepat SETELAH pemuatan halaman awal.

Cache browser harus SELALU diaktifkan tetapi harap dicatat bahwa cache browser TIDAK akan memengaruhi Google Core Web Vitals Anda . Google hanya peduli tentang bagaimana situs web Anda dimuat dari keadaan yang benar-benar dingin.

Minimalkan File CSS/JS (Peringkat 1 dari 5)

Meminimalkan CSS/JS Anda menghapus semua ruang putih dari file CSS dan javascript Anda untuk menyimpan beberapa byte di sana-sini.

Secara umum, minifikasi file CSS/JS Anda tidak akan meningkatkan kecepatan halaman Anda secara dramatis.

Lakukan pengoptimalan ini jika Anda mencoba menambah kecepatan setiap milidetik terakhir dari situs Anda.

Gabungkan File HTML, CSS, dan JS (Peringkat 2 dari 5)

Menggabungkan file HTML, CSS, dan JS Anda menjadi lebih sedikit file dapat berdampak pada kecepatan halaman Anda karena server Anda harus mengambil lebih sedikit file.

Namun dengan teknologi server web terbaru, beberapa file dapat diambil pada saat yang sama secara paralel yang mengurangi pengoptimalan ini secara dramatis . Saya tidak akan menghabiskan terlalu banyak waktu untuk ini.

Bersihkan Pengalihan Anda (Peringkat 2 dari 5)

Situs web Anda terus berubah dan terkadang Anda mungkin memiliki pengalihan dari gambar dan/atau halaman tertentu ke yang lain.

Misalnya, ketika saya memigrasikan semua halaman saya dari http:// ke https:// beberapa tahun yang lalu, saya mengeluarkan 301 redirect dari halaman dan gambar tertentu ke rekan-rekan mereka yang aman sebagai perbaikan cepat.

Setiap pengalihan pada halaman Anda akan memperlambat situs Anda, jadi pastikan Anda menggunakan alat seperti GTMetrix untuk mendeteksi setiap pengalihan pada elemen halaman Anda dan menghapusnya.

Gunakan Hosting yang Lebih Cepat (Peringkat 3 dari 5)

Jika Anda menggunakan platform open source seperti WooCommerce atau Magento, insting pertama Anda mungkin membuang uang ke server baru untuk memperbaiki masalah kecepatan halaman Anda.

Namun seringkali, server yang lebih cepat tidak akan menyelesaikan masalah kecepatan Anda . Namun, jika saat ini Anda menggunakan shared hosting murah , VPS atau server khusus dapat membuat perbedaan yang signifikan.

Gunakan CDN (Rating 2-3 dari 5)

Jaringan Pengiriman Konten atau CDN menyimpan banyak salinan situs web dan gambar Anda di beberapa server di seluruh dunia sehingga konten Anda dikirimkan oleh server terdekat yang terletak secara geografis.

Jika Anda memiliki pelanggan di seluruh dunia dan situs Anda sangat banyak gambar , maka menggunakan CDN mungkin memiliki dampak yang signifikan pada kecepatan halaman Anda.

Tetapi untuk situs yang lebih kecil seperti milik saya yang sebagian besar melayani Amerika Serikat, penggunaan CDN hanya berdampak kecil pada kecepatan halaman .

Pramuat Gambar dan Skrip yang Lebih Besar (Peringkat 3 dari 5)

Metrik seperti “cat konten terbesar” mengukur kecepatan elemen terbesar di halaman Anda. Akibatnya, masuk akal untuk "memuat awal" elemen terbesar di halaman Anda dengan memberikan petunjuk dalam kode HTML Anda.

Petunjuk pramuat adalah petunjuk dalam kode HTML Anda yang memberi tahu browser sumber daya mana yang paling penting untuk laman.

Misalnya jika Anda memiliki gambar splash besar , masuk akal untuk mulai memuat gambar ini terlebih dahulu untuk meningkatkan LCP Anda.

Meskipun memuat elemen penting di situs Anda dapat membantu skor LCP Anda, hal itu tidak akan berdampak pada kecepatan halaman Anda secara keseluruhan.

Kecilkan Gambar Anda (Peringkat 4 dari 5)

Kebanyakan pemilik toko e-niaga baru menggunakan ukuran gambar yang jauh lebih besar dari yang dibutuhkan . Jika tema toko online Anda menggunakan gambar 1000x1000, maka Anda tidak boleh mengunggah gambar yang lebih besar dari 1000 x 1000.

Jika situs web Anda menggunakan gambar yang sama pada beberapa halaman dalam ukuran berbeda , Anda harus membuat gambar terpisah (dan lebih kecil) untuk setiap versi.

Misalnya, gambar produk di toko saya ditampilkan dalam ukuran penuh, ukuran 50%, ukuran 33% dan ukuran 25% tergantung pada halaman.

Akibatnya, saya memiliki 4 file gambar berbeda (1 untuk setiap ukuran) di situs saya dan saya hanya menampilkan gambar terkecil yang diperlukan tanpa kehilangan kualitas.

Selain itu, Anda harus mengompres semua file JPG Anda hingga maksimal 50 kualitas di Photoshop (atau program gambar apa pun yang Anda gunakan).

Kompres Dan Cache Halaman Anda (Rating 4 dari 5)

Jika Anda menggunakan platform yang dihosting sepenuhnya seperti Shopify, BigCommerce, atau Shift4Shop, halaman Anda kemungkinan besar sudah dikompresi dan di-cache sepenuhnya sebelum disajikan.

Tetapi jika Anda menggunakan platform open source seperti WooCommerce , pastikan Anda menggunakan plugin seperti WP Rocket.

WP Rocket akan melakukan pra-render semua halaman web Anda sehingga toko Anda akan menyajikan halaman statis yang memerlukan sedikit atau tanpa penggunaan CPU.

WP Rocket juga akan memampatkan halaman web Anda hingga 90% dari ukurannya.

Gunakan Lebih Sedikit Plugin yang Memuat Kode Eksternal (Peringkat 4 dari 5)

Setiap plugin yang Anda tambahkan ke situs web Anda akan memperlambatnya . Akibatnya, Anda harus sangat berhati-hati setiap kali Anda memutuskan untuk menginstal perangkat lunak baru.

Fitur yang tampaknya tidak berbahaya terkadang dapat memperlambat situs Anda secara dramatis!

Misalnya , menambahkan tombol bagikan Facebook atau tombol pin Pinterest dapat berpotensi menyebabkan potongan kode javascript baru diunduh dari sumber eksternal.

Untuk tombol seperti Twitter, Facebook atau Pinterest, saya selalu menggunakan versi "non javascript" yang tidak memerlukan kode yang dimuat secara eksternal.

Jika Anda ingin menambahkan tombol berbagi Facebook ke situs Anda, Anda harus menggunakan versi hyperlink seperti yang ditunjukkan di bawah ini.

https://www.facebook.com/sharer/sharer.php?m2w&u=https://mywifequitherjob.com/the-best-way-to-find-vendors-for-your-online-store/

Lazy Load Gambar Dan Kode Javascript Anda (Rating 5 dari 5) – Yang Paling Penting!

Ketika datang untuk meningkatkan kecepatan memuat halaman Anda, Anda hanya harus memuat elemen situs Anda yang diperlukan atau terlihat.

Misalnya, jika ada gambar yang terkubur 5 gulir ke bawah di halaman Anda, Anda tidak boleh menampilkan gambar itu sampai pelanggan Anda turun cukup jauh untuk melihatnya.

Demikian pula untuk kode javascript, Anda tidak boleh memuat fungsionalitas apa pun untuk situs web Anda sampai benar-benar perlu dimuat.

Cara Malas Memuat Kode Javascript dan CSS Anda

Memuat malas gambar Anda cukup mudah dan sebagian besar tema sudah memiliki pemuatan lambat gambar bawaan.

Tapi bagaimana Anda bisa malas memuat kode javascript dengan aman di situs Anda?

Inilah rahasia bagaimana saya melakukannya.

Untuk setiap halaman di situs saya, saya memuat elemen visual situs saya terlebih dahulu . Kemudian, saya hanya memuat kode javascript fungsional di situs saya setelah pengguna mengambil tindakan di halaman .

Misalnya , jika Anda membuka Bumblebee Linens sekarang, Anda akan melihat bahwa situs web saya dimuat dengan sangat cepat (terkadang dalam waktu kurang dari satu detik).

Tetapi jika Anda mengklik halaman atau memindahkan atau menggulir mouse , baru kemudian obrolan langsung dimuat bersama dengan fungsi "belanja" lainnya di toko saya.

Dengan kata lain, saya malas memuat fungsionalitas keranjang belanja situs saya hanya ketika pengguna melakukan tindakan atau berbelanja di toko saya.

Akibatnya, halaman saya dimuat dengan sangat cepat karena saya hanya memuat elemen HTML/CSS grafis dari situs saya.

Dari sudut pandang pengguna, pengalaman berbelanja sempurna karena setiap halaman dimuat dengan cepat. Sementara itu, Google juga melihat halaman pemuatan yang cepat.

Cara Menerapkan Pemuatan Lambat Javascript

Langkah pertama yang diperlukan untuk memuat lambat javascript Anda adalah mencari tahu apa yang dapat dimuat dengan malas TANPA merusak situs Anda.

Ingat, Anda harus memuat semua kode "penting" ke situs Anda sehingga pengalaman belanja "visual" pelanggan Anda tidak terpengaruh.

Akibatnya, Anda harus memuat setiap bagian kode yang memengaruhi rendering elemen grafis situs Anda.

Inilah cara mengetahui apa yang penting.

Buka GTMetrix dan analisis bagan air terjun Anda . Bagan air terjun Anda akan memberi tahu Anda semua yang dimuat di halaman Anda dan berapa lama waktu yang dibutuhkan untuk memuat.

Menurut bagan di atas, klaviyo_subscribe.js membutuhkan waktu 450 ms untuk dimuat. Selain itu, klaviyo_subscribe.css membutuhkan waktu 420 md.

Klaviyo adalah alat pemasaran email saya dan saya tahu pasti bahwa Klaviyo TIDAK mempengaruhi rendering situs saya sama sekali.

Akibatnya, saya dapat dengan mudah memuat Klaviyo tanpa memengaruhi elemen visual halaman.

Faktanya, menghapus kode Klaviyo akan mengurangi hampir satu detik penuh dari kecepatan halaman saya!

Dengan menggunakan GTMetrix, buat daftar semua kode pemuatan lambat yang tidak diperlukan untuk merender elemen visual situs Anda, lalu pemuatan lambat kode saat SALAH SATU dari peristiwa berikut terjadi.

• Gerakan tikus
• Gulir halaman
• Layar sentuh

Berikut sedikit cuplikan kode yang menggambarkan implementasi javascript saya.


function activity(){
defer(//Add all of your slow javascript stuff here);
activityEvents.forEach(function(eventName) {
document.removeEventListener(eventName, activity, true);
});
}

//Array kejadian DOM yang harus ditafsirkan sebagai
//aktivitas pengguna.
var activityEvents = [
'mousedown', 'mouseve', 'keydown', 'scroll',
'mulai sentuh'
];

jendela.onload = fungsi(){
//menambahkan event ini ke dokumen.
//mendaftarkan fungsi aktivitas sebagai parameter pendengar.
activityEvents.forEach(function(eventName) {
document.addEventListener(eventName, aktivitas, benar);
});
}

Setelah Anda menerapkan satu langkah ini, Anda seharusnya dapat mencapai kecepatan memuat halaman di bawah 1 detik di seluler dan desktop!

Cara Memperbaiki Masalah Pergeseran Tata Letak Kumulatif Anda

90% dari masalah Pergeseran Tata Letak Kumulatif Anda akan disebabkan oleh 2 alasan berikut.

Memuat Elemen Tanpa Dimensi

Parameter ukuran gambar memungkinkan browser web mengetahui ukuran konten saat dimuat.

Misalnya, jika Anda menentukan dimensi gambar dalam kode HTML Anda, browser akan menyediakan ruang untuk gambar Anda saat dimuat sehingga halaman tidak melompat.

Namun jika parameter ukuran tidak ada, tidak ada reservasi yang dilakukan dan halaman harus mengatur ulang sendiri saat gambar akhirnya dimuat.

Solusi sederhana untuk masalah ini adalah dengan menentukan dimensi setiap elemen di situs Anda seperti yang ditunjukkan di bawah ini.

<img width="400" height="300" class="" src="images/Hankie_HLW-009.jpg" border="0" alt="Wedding Handkerchiefs" title=" Wedding Handkerchiefs ">

Menambahkan Konten Secara Dinamis Dengan Javascript

Banyak plugin Shopify menggunakan javascript untuk menampilkan fitur secara dinamis di situs web Anda. Dan terkadang kode ini terlambat dimuat yang dapat mendorong halaman Anda ke atas dan ke bawah.

Misalnya, jika Anda menampilkan iklan di situs Anda, situs Anda mungkin melompat-lompat saat iklan dimuat.

Cara terbaik untuk mencegah hal ini terjadi adalah dengan mengalokasikan ruang terlebih dahulu di halaman Anda agar konten yang ditambahkan dapat ditampilkan.

Menambahkan ruang putih yang telah dirender sebelumnya dapat menjadi masalah untuk plugin tertentu, jadi pastikan Anda menghubungi pembuat plugin jika ini merupakan masalah dengan toko Anda.

Cara Mengatasi Masalah CLS yang Lebih Rumit

Seperti disebutkan sebelumnya, 90% dari masalah CLS Anda dapat diselesaikan dengan menambahkan dimensi ke elemen Anda. Tetapi 10% sisanya bisa SANGAT sulit untuk dipecahkan tanpa menggunakan seperangkat alat tertentu.

Untuk situs saya, saya benar - benar membutuhkan waktu 3 minggu untuk memperbaiki masalah CLS saya karena tes Kecepatan Halaman Google BUKAN mencerminkan skor CLS yang diukur di lapangan.

Misalnya, blog saya di MyWifeQuitHerJob.com memiliki skor CLS sempurna pada tes lab kecepatan halaman tetapi gagal dalam tes CLS di lapangan.

Jika Anda tidak tahu apa yang saya bicarakan, berikut adalah rincian singkat dari Google Page Speed ​​Test.

Skor tertinggi adalah data yang dikumpulkan dari pengguna nyata menggunakan browser Chrome. Skor terbawah adalah uji coba dalam kondisi ideal .

Ketika 2 skor tidak cocok, sulit untuk memperbaikinya karena Google tidak memberi tahu Anda apa yang salah . Faktanya, Anda dapat memiliki skor CLS sempurna di lab tetapi gagal total CLS di lapangan.

Inilah yang TIDAK diberitahukan Google kepada Anda tentang CLS.

Uji kecepatan halaman hanya mengukur CLS Anda di paro atas dalam kondisi ideal. Dalam kehidupan nyata, pengguna menggulir ke atas dan ke bawah pada koneksi internet yang berpotensi jauh lebih lambat.

Untuk mengatasi masalah CLS Anda , Anda HARUS meniru koneksi yang lambat dan berperilaku seperti pengguna manusia nyata!

Cara Meniru Pengguna Asli Untuk Memperbaiki CLS

Cara terbaik untuk melakukannya adalah dengan menggunakan debugger Chrome bawaan.

Berikut cara men-debug masalah CLS Anda langkah demi langkah.

Langkah 1: Buka Debugger Chrome

Langkah 2: Perlambat Kecepatan Jaringan Anda

Pada tab "Jaringan", kurangi kecepatan halaman ke "3G Lambat". Ini akan memperlambat pemuatan kecepatan halaman secara dramatis sehingga Anda dapat mendeteksi pergeseran tata letak dengan mudah.

Langkah 3: Render Layout Shift Regions

Klik pada tab "Performance" dan kemudian pastikan kotak "Layout Shift Regions" dicentang di bawah "Rendering".

Langkah 4: Segarkan Halaman

Setelah Anda menyiapkan Chrome Debugger, segarkan halaman dan gulir ke atas dan ke bawah pada halaman Anda seperti pengguna sungguhan.

Pastikan Anda mencari area yang disorot dengan warna biru yang menunjukkan pergeseran tata letak.

Langkah 5: Analisis Garis Waktu Kinerja

Jika Anda melihat pergeseran tata letak di situs Anda saat dimuat, lihat lebih dekat dengan memperbesar garis waktu pemuatan halaman Anda .

Pada contoh di bawah, tata letak bergeser karena saya memuat font berbeda yang menggeser halaman sedikit ke bawah karena font baru lebih besar.

Dengan menjalankan pengujian ini di berbagai wilayah halaman Anda beberapa kali, Anda dapat menemukan dan memperbaiki masalah Pergeseran Tata Letak Kumulatif dengan mudah.

Bagian tersulit adalah mendiagnosis di mana letak masalah CLS Anda karena tes Kecepatan Halaman Google hanya memperhitungkan bagian paruh atas halaman Anda.

Anda Dapat Mencapai 90+ ​​Skor Vital Web Inti Untuk Toko E-niaga

Jika Anda mengikuti semua petunjuk di atas, Anda dapat mencapai kecepatan pemuatan halaman sub 1 detik dan mencapai peringkat 90+ pada Data Web Inti Anda untuk seluler dan desktop.

Secara umum, Anda harus selalu menjaga situs web Anda sesederhana mungkin dan menghindari penggunaan plugin dengan cara apa pun!

Tanyakan pada diri Anda apakah Anda benar-benar membutuhkan fitur tertentu SEBELUM Anda menerapkannya . Kemudian, cari solusi yang tidak perlu menambahkan kode javascript tambahan ke situs Anda.

Karena saya super anal, saya benar-benar memeriksa kode sumber untuk setiap plugin yang saya instal selain panggilan jaringan yang terjadi.

Suatu kali, saya secara membabi buta menggunakan plugin yang benar-benar mengirimkan informasi situs web saya ke beberapa jaringan iklan dan menjual info pelanggan saya tanpa sepengetahuan saya!

Sebagian besar masalah kecepatan halaman tidak disebabkan oleh tema Anda, tetapi oleh plugin yang Anda instal . Hati-hati dan selamat berjualan!