Bagaimana Anggota WPMU DEV Mengoptimalkan Situs Klien Mereka Untuk Kecepatan Maksimum
Diterbitkan: 2022-11-09Ketika datang ke situs WordPress, kita semua membutuhkan kecepatan. Tetapi anggota pengembang web kami sebenarnya memiliki metode yang telah dicoba & benar untuk mencapai ini, dan kami meneruskannya kepada Anda.
Kami telah menenggelamkan kekayaan pengalaman kolektif yang dimiliki anggota pengembang web kami, dan mengumpulkan hasil pilihan teratas mereka untuk mendapatkan kecepatan situs yang sangat cepat.
Dalam artikel ini, kami akan membagikan rekomendasi mereka, bersama dengan detail tentang apa yang membuat upaya ini sangat efektif dalam penggunaan dunia nyata (online).
Inilah yang akan kita lihat:
- Manfaat Meningkatkan Kecepatan Anda
- Menciptakan dan Menumbuhkan Keterlibatan Anda
- Mendapatkan dan Menangani Lebih Banyak Lalu Lintas
- Menaikkan Peringkat SEO Anda
- Alat dan Layanan yang Direkomendasikan yang Akan Membuat Anda Lebih Cepat
- Caching & CDN
- Pengoptimal Gambar & File
- Plugin & Tema
- Hosting Berkualitas
- Alat & Tip Grab Bag (Lain-lain)
- Semua Aspek Penting dari Pengujian
- Tingkatkan Performa Situs WordPress Anda
Karena ini semua tentang kecepatan, mari kita mulai!
Manfaat Meningkatkan Kecepatan Anda
Sebagian besar dari kita percaya pada moto "semakin cepat, semakin baik", tetapi mungkin tidak sepenuhnya memahami mengapa demikian, atau bagaimana menuju ke sana.
Manfaat pengoptimalan kinerja WordPress sangat banyak, dan kami akan memeriksa masing-masing dengan cermat.
Menciptakan dan Menumbuhkan Keterlibatan Anda
Penelitian yang tak terhitung jumlahnya telah menunjukkan situs yang lambat adalah alasan nomor satu orang akan pergi tanpa berinteraksi.
Orang-orang tidak mau menunggu sementara kursor mereka berputar. Kita berbicara dalam hitungan detik – seperti dalam dua atau kurang. Menurut Google, itulah seberapa cepat situs web Anda harus dimuat.
Semua orang tahu ada pilihan tak terbatas untuk aktivitas online, jadi mereka tidak akan ragu untuk bangkit tanpa berpikir dua kali.
Mendapatkan dan Menangani Lebih Banyak Lalu Lintas
Kecepatan yang lebih tinggi secara langsung terkait dengan lebih banyak lalu lintas, yang berarti potensi interaksi dan konversi meningkat secara eksponensial lebih tinggi.
Jika Anda cukup beruntung untuk mendapatkan pengunjung ke situs Anda – yang sudah mapan kembali, atau yang baru mendapatkan tampilan pertama mereka – Anda harus menyiapkan segalanya sehingga peningkatan sumber daya Anda yang tak terhindarkan tidak berdampak negatif pada pengalaman siapa pun.
Menaikkan Peringkat SEO Anda
Ada banyak hal yang berkaitan dengan SEO, tetapi kecepatan situs jelas merupakan faktor besar.
Algoritme peringkat pencarian Google menganggap kecepatan situs sebagai sinyal, dan kinerja halaman juga merupakan faktor peringkat mesin pencari.
Ergo, semakin cepat situs Anda, semakin besar kemungkinan Anda akan naik di SERP – tujuan yang ideal untuk dicapai.
Alat dan Layanan yang Direkomendasikan yang Akan Membuat Anda Lebih Cepat
Seperti disebutkan di atas, kami berbicara dengan pakar pengembang web di kolektif anggota kami untuk mendapatkan pemikiran mereka tentang kecepatan situs.
Mereka berbagi pengetahuan gabungan mereka tentang subjek, serta alat dan layanan khusus yang mereka gunakan untuk mendapatkan (dan menjaga!) situs mereka beroperasi pada kinerja puncak.
Mari kita lihat apa yang mereka katakan.
Caching & CDN
Caching menduduki puncak pengiriman, dan dengan alasan yang bagus.
Caching meminimalkan jumlah kueri yang dikirim ke server Anda, yang berarti kinerja halaman, waktu buka, dan pengalaman pengguna semuanya meningkat.
Selain itu, ketika data situs Anda di-cache lebih dekat ke lokasi pengguna, itu menghabiskan lebih sedikit sumber daya, sehingga mengurangi beban di server Anda.
Jaringan pengiriman konten (CDN) menyediakan konten yang di-cache dari lokasi jaringan yang paling dekat dengan pengguna untuk mempercepat pengirimannya, dengan arsitektur yang dirancang untuk mengurangi latensi jaringan yang disebabkan oleh membawa lalu lintas jarak jauh dan melintasi beberapa jaringan.
Ini semua sama dengan meningkatkan kecepatan dan kinerja situs Anda.
“Saya menggunakan Smush dan semua CDN yang sudah dikemas sebelumnya dengan hosting [wpmudev] Anda!” – JD
“Hosting dengan CDN membuat banyak perbedaan untuk kecepatan situs WordPress.” – Matthew Forse
“Perbedaan antara gambar yang dioptimalkan pada CDN (vs tidak) sangat BESAR” – JD
Rekomendasi Teratas:
CDN
Cloudflare
Dipercaya oleh jutaan orang, Cloudflare adalah jaringan global yang dirancang untuk membuat semua yang Anda sambungkan ke Internet aman, pribadi, cepat, dan andal.
QUIC.cloud
QUIC.cloud CDN adalah salah satu dari sedikit yang dapat menyimpan konten WordPress statis dan dinamis. Maksimalkan skor kecepatan halaman dengan Layanan Online, Pengoptimalan Gambar, CSS Penting, CSS Unik, dan Placeholder Gambar Berkualitas Rendah.
Plugin Caching
burung kolibri
Hummingbird memberikan penerbangan ke situs Anda dengan caching dan kompresi ahli. Selain menjadi suite caching lengkap (Halaman, Browser, Objek, Gravatar, & RSS), Hummingbird juga memberikan pengoptimalan aset di setiap level.
“Saya menggunakan Hummingbird di semua situs saya, itulah alasan saya menjadi anggota DEV WPMU.” – kahnfusion
“Saya menggunakan fungsi Speedy [di Hummingbird], tetapi saya mengoptimalkan file secara manual pada proyek terbesar. Saya telah mencapai hasil yang sangat baik, bahkan di situs "berat". – Isidoros Rigas
Cache LiteSpeed
LiteSpeed Cache untuk WordPress adalah plugin akselerasi situs all-in-one, yang menampilkan cache tingkat server eksklusif dan kumpulan fitur pengoptimalan.
WP Rocket menawarkan serangkaian opsi lanjutan untuk meningkatkan kinerja Anda, termasuk menunda eksekusi JavaScript, menghapus CSS yang tidak digunakan, minifikasi, dan LazyLoad.
Paket Nitro
NitroPack memiliki fitur caching, pengoptimalan gambar, dan CDN yang siap digunakan. Tidak diperlukan plugin pihak ke-3 atau penyiapan rumit.
Pengoptimal Gambar dan File
Elemen lain yang secara signifikan memengaruhi kecepatan situs adalah pengoptimalan aset.
Ada dua kategori dalam hal aset ini – file dan gambar – meskipun metode untuk mengoptimalkannya agak tumpang tindih.
Kita akan melihat sejumlah cara untuk mendapatkan kinerja puncak untuk masing-masing cara.
Pengoptimalan Berkas:
- Aktifkan Gzip (kompresi teks)
- Malas memuat komentar dan posting yang lebih kecil
- Cache elemen situs (misalnya halaman, browser, gravatar, RSS)
- Perkecil file (hapus kode CSS & JS yang tidak perlu)
- Gabungkan file yang lebih kecil (lebih sedikit file = lebih sedikit permintaan)
- Tunda CSS (tunda pemuatan konten paruh atas)
- Pramuat & tunda Javascript (perbaiki waktu eksekusi JS & berikan muatan yang lebih kecil)
Pengoptimalan Gambar:
- Kurangi ukuran gambar dengan kompresi (lossy atau lossless)
- Pilih jenis file terbaik (PNG, JPEG, dll)
- Gunakan pemuatan progresif untuk JPEG
- Gunakan jenis file generasi berikutnya (Webp)
- Memuat gambar di luar layar dengan malas
- Optimalkan pengiriman gambar (sajikan melalui CDN)
Apa yang tampak seperti tweak kecil dapat dan memang menambah peningkatan kecepatan yang nyata.
Rekomendasi Teratas:
burung kolibri
Selain sebagai wizard caching secara keseluruhan, Hummingbird menangani sejumlah besar fitur pengoptimalan, seperti mengatur aset dengan lebih baik, melihat pengurangan ukuran file, Kompresi Gzip, mengompresi halaman web dan stylesheet, dan mengurangi waktu transfer file.
Dengan otomatisasi dan pengaturan sekali klik, pengaturan menjadi sangat mudah.
Oh, dan Hummingbird gratis.
Smush
Smush menempatkan kami di peta. Dengan 1 juta plus instalasi aktif & 5 dari 5 bintang, pemain pembangkit tenaga listrik ini berpakaian untuk mengesankan.
Optimalkan gambar tanpa batas (Bulk Smush, Super Smush=2x kompresi), pemuatan lambat, pengubahan ukuran otomatis, kompres, pencadangan atau pemulihan massal gambar asli, dan selesaikan rekomendasi Google PageSpeed – semuanya dari satu dasbor sederhana dan intuitif.
Smush juga gratis.
“Jika saya ingin mendekati performa yang sempurna, saya mengkodekan template saya, mengganti sebagian besar plugin dengan plugin wpmudev dan hasilnya bagus (kebanyakan A dengan GTmetrix dan mendekati 100% dengan kecepatan halaman google).” – Antoine
“Smush dan Hummingbird masuk ke setiap situs. Saya tidak memiliki permintaan untuk Smush sama sekali – ini adalah juara.” – Tony G
“Saya menggunakan keduanya (Hbird & Smush) di setiap situs dan saya tidak memiliki apa pun untuk diubah: sejak template pengaturan plugin keluar, saya hanya mengaturnya dan melupakannya!” – Phil
“Smush yang selalu saya temukan luar biasa. Aku benar-benar menyukainya. Sangat mengesankan apa yang dapat dilakukan hanya dengan beberapa klik.” – Matt
"Smush tampaknya sudah sempurna ... Saya tidak melihat bagaimana Anda bisa membuatnya lebih baik." – Isidoros Rigas
EWWW
Optimalkan gambar menggunakan alat di server Anda sendiri, dan bongkar proses pengoptimalan intensif CPU ke server khusus mereka untuk kompresi lebih banyak.
Gambar dikompresi secara otomatis, diskalakan agar sesuai dengan halaman dan ukuran perangkat, pemuatan lambat, dan dikonversi ke format WebP generasi berikutnya.
Piksel Pendek
Menggunakan sumber daya minimal dan bekerja dengan baik dengan semua shared, cloud, VPS, atau hosting web khusus. Optimalkan gambar apa pun di situs web Anda, bahkan gambar yang tidak tercantum di Perpustakaan Media.
Kompresi gambar lossy dan lossless tersedia untuk jenis gambar yang paling umum ditambah file PDF.
Plugin & Tema
Sebagian besar pengembang web kami setuju: meskipun jumlah plugin yang digunakan pasti dapat memengaruhi kecepatan, kualitas plugin itulah yang paling penting.
Kiat Teratas:
- Batasi plugin untuk yang paling penting, dan hapus yang tidak Anda gunakan.
- Gunakan tema yang seringan mungkin.
- Bersihkan database WP Anda, untuk menyingkirkan file yang tidak perlu yang ditinggalkan oleh plugin yang tidak digunakan.
“Itu datang untuk meminimalkan plugin, berulang-ulang. Setahun yang lalu saya biasa menggunakan rata-rata 20. Sekarang (selain standar WPMUDEV) saya hampir tidak menggunakan 5. Situs saya sama fungsionalnya tetapi 10x kecepatannya!” – JD
“Selalu coba dan minimalkan jumlah plugin yang digunakan.” – James
Rekomendasi Teratas:
Elementor + Halo Elementor
Elementor adalah platform situs web #1 untuk WordPress. Dari halaman arahan, dan toko eCommerce, hingga situs web lengkap – bangun semuanya dengan editor drag-and-drop langsung Elementor.
Kelola situs WP tanpa batas secara gratis
Hello Elementor adalah tema vanilla minimal yang dirancang khusus untuk dipasangkan dengan pembuat halaman Elementor. Memuncaki tangga lagu segera setelah dirilis, ia memiliki lebih dari satu juta instalasi aktif, dengan 4,5/5 bintang.
divisi
Divi membawa WordPress ke tingkat yang sama sekali baru dengan teknologi pembangun visualnya yang sangat canggih.
Platform pembuatan situs web yang menggantikan editor posting WordPress standar dengan editor visual yang jauh lebih unggul, ini memberi Anda kekuatan untuk membuat desain spektakuler dengan kemudahan dan efisiensi yang mengejutkan.
Batu bata
Alat yang lebih cepat, lebih dapat disesuaikan & berkinerja untuk mendesain seluruh situs Anda secara visual dari header hingga footer, dan apa pun di antaranya. Sisipkan data dinamis, dan edit & pratinjau beberapa titik henti sementara untuk situs web yang sepenuhnya responsif yang dioptimalkan untuk seluler.
Break dance
Dengan 120 elemen bawaan, UI dan alur kerja modern, dan integrasi WooCommerce yang mendalam, Breakdance adalah plugin pembuat situs web terbaik untuk WordPress.
10Web
Pembuat WordPress bertenaga AI pertama. Dapatkan struktur & desain awal situs web Anda dengan AI, edit dengan 10Web builder berdasarkan Elementor, lalu dorong untuk ditayangkan dengan satu klik.
“Saya menemukan situs ini yang melakukan beberapa hal menarik dalam versi gratisnya, seperti perubahan game untuk skor kecepatan halaman seluler. Banyak fitur cerdas untuk membantu Anda membangun situs yang lebih baik dalam waktu yang lebih singkat.” – Edoardo
Oksigen
Pengeditan visual yang andal untuk seluruh situs web Anda. Bangun dengan elemen HTML dasar. Tulis PHP, CSS, dan JS secara langsung.
Fitur termasuk: Seret tepi elemen untuk mengatur jarak, atau seret & lepas untuk mengurutkan ulang; kontrol visual dari setiap bagian toko WooCommerce Anda; membuat tajuk situs web khusus secara visual, termasuk tajuk lengket dan overlay; edit warna di satu tempat.
“Pembuat web cepat seperti Oxygen adalah pengubah permainan untuk kecepatan situs web.” – Greg
Impreza
Situs WordPress peringkat teratas dan tema WooCommerce Builder.
“Saya menggunakan IMPREZA karena performanya yang tinggi.” – Phil
Garis bawah
Tema pemula yang dimaksudkan untuk berubah menjadi tema WordPress paling keren berikutnya. CSS ultra-minimal berarti lebih sedikit hal yang menghalangi Anda saat mendesain.
Pembersih DB Tingkat Lanjut
Seiring waktu (atau penggunaan plugin yang berat) database WordPress mengakumulasi revisi lama, meta posting yatim piatu, komentar spam, dll, membuat situs lamban dan membengkak.
Plugin ini dengan mudah menghilangkan data yang tidak perlu untuk mengurangi ukuran database Anda, meningkatkan kecepatan dan kinerja situs web, dan memiliki cadangan database yang lebih cepat (karena file akan lebih kecil).
Hosting Berkualitas
Tentu saja hosting naik ke urutan teratas daftar guru pengembang web kami, suara mereka ingin mengungkapkan betapa pentingnya hosting berkualitas.
Jika Anda menempatkan setiap elemen penghemat kecepatan pada daftar ini, kemudian menggunakan platform hosting yang memiliki server bersama, sumber daya minimal, atau dukungan di bawah standar, semua upaya Anda akan sia-sia.
Sebuah web host menyediakan lebih dari sekedar tempat untuk menyimpan konten online. Mereka adalah dasar dari situs Anda. Pilih host yang aman, andal, dan bereputasi baik untuk membangun tempat tinggal online Anda; ketenangan pikiran dan kesuksesan yang menyertainya sangat berharga setiap sennya.
Rekomendasi Teratas:
WPMU DEV Hosting
Sangat cepat, berdedikasi, dan dioptimalkan sepenuhnya untuk WordPress, tanpa berbagi apa pun dan tanpa gangguan.
Berikut adalah beberapa fiturnya: 10 pusat data + CDN 45 titik; CGI cepat; alat keamanan dan manajemen situs terbaik di kelasnya; jaminan uptime 99,9%; WooCommerce dioptimalkan; dukungan premium (24/7/365).
Jangan mengambil kata kami untuk itu; lihat apa yang dikatakan orang lain yang berpikiran sama tentang kita.
“Memilih hosting yang bagus adalah yang utama . Hosting WPMU DEV sangat bagus.” – Greg
“Situs tercepat saya ada di WPMU Dev hosting” – Brad
“Hosting: WPMU DEV 100%” – Phil
Hosting A2
Aman dengan fitur perlindungan yang ditingkatkan. Manfaat dan alat server terkelola untuk manajemen tema dan plugin. Stabilitas dengan komitmen waktu aktif 99,9% dan dukungan internal 24/7.
“A2 adalah hosting DEV non-WPMU saya; Turbo (pada server LiteSpeed) sangat cepat.” – Greg
Alat & Tip Grab Bag (Lain-lain)
Ada juga beberapa alat dan kiat yang berada di luar kategori kami yang lain, tetapi kami ingin memasukkannya karena mereka pasti menambah nilai pada percakapan.
Gunakan Cuplikan Khusus untuk Kontrol yang Disetel dengan Baik
“Saya terus-menerus menemukan diri saya menulis cuplikan khusus untuk melakukan hal-hal seperti skrip dequeue pada halaman yang tidak diperlukan, atau menonaktifkan fitur di Jetpack, WooCommerce, Core, dll. sehingga saya tidak perlu membuang waktu untuk memuat.” – Sangat Menggemaskan
“Saya mencoba menghindari penambahan plugin jika itu sesuatu yang bisa saya lakukan dengan beberapa baris tambahan di file functions.php saya.” – Matt
Cuplikan Kode
Cara mudah, bersih, dan sederhana untuk menjalankan cuplikan kode di situs Anda, ini menyediakan antarmuka GUI untuk menambahkan cuplikan dan benar-benar menjalankannya di situs Anda seolah-olah berada di file functions.php tema Anda.
Cuplikan dapat diaktifkan dan dinonaktifkan (seperti plugin), dan diekspor untuk ditransfer ke situs lain, baik di JSON untuk diimpor nanti oleh plugin Cuplikan Kode, atau di PHP untuk membuat plugin atau tema Anda sendiri.
Statistik: Instalasi aktif: 700.000+, ~400 ulasan, 5/5 bintang
Bekerja dengan Platform LMS
“Saya bekerja dengan platform LMS dan kami tidak bisa melakukan atau mencapai lebih dari melakukan hal itu. Bekerja dengan situs web untuk membangun kursus menjadi sesuatu dari masa lalu.” – Manuel
BelajarTekan
Buat & jual kursus online dengan mudah, dengan kurikulum yang mencakup pelajaran & kuis, semua dikelola dengan antarmuka yang ramah pengguna.
Cukup & cepat buat situs web pendidikan atau kursus online tanpa pengetahuan pengkodean yang diperlukan. Ada juga perpustakaan add-on gratis dan premium yang memperluas fungsionalitas.
Statistik: Instalasi aktif: 100.000+, 500+ ulasan, 4,5/5 bintang
Gunakan Platform Manajemen Server Cloud
Runcloud
Panel manajemen server modern; Platform tingkat perusahaan untuk manajemen server cloud; Mengotomatiskan konfigurasi server dan pembaruan keamanan.
Dengan RunCloud, Anda tidak perlu menjadi ahli Linux untuk membangun situs web yang didukung oleh DigitalOcean, AWS, Google Cloud, atau Vultr. Gunakan antarmuka grafis ini untuk membangun bisnis di cloud dengan harga terjangkau.
“Setelah menguji begitu banyak strategi hosting yang berbeda, kami menemukan ini yang paling efisien… sangat cepat untuk dibuat dan banyak otomatisasi yang mungkin karena Runcloud menawarkan API yang hebat.” – Ricardo
Semua Aspek Penting dari Pengujian
Karena ada begitu banyak variabel yang dapat Anda gunakan untuk membuat situs Anda berjalan lebih cepat, cara terbaik untuk benar-benar mengetahui apa yang terbaik adalah dengan menguji apa yang Anda tempatkan.
Selain itu, karena sifat dinamis dari situs web WordPress, penting untuk terus mengawasi seberapa baik semua komponen berjalan.
Alat Uji Kecepatan yang Disarankan:
Google PageSpeed – PageSpeed Insights (PSI) melaporkan kinerja halaman pada perangkat seluler dan desktop, dan memberikan saran tentang bagaimana halaman tersebut dapat ditingkatkan.
GTMetrix – lihat kinerja situs Anda, ungkapkan mengapa lambat, dan temukan peluang pengoptimalan.
Checkbot.io – membuat laporan yang sangat rinci tentang berbagai hal yang memengaruhi kecepatan dan SEO halaman Anda; menguji 100 halaman sekaligus untuk tautan rusak, judul duplikat, HTML tidak valid, halaman tidak aman, dan lebih dari 50 pemeriksaan lainnya.
WebPageTest – secara instan menguji kecepatan, kegunaan, dan ketahanan situs Anda di browser, perangkat, dan lokasi nyata di seluruh dunia.
Lighthouse – ekstensi browser chrome dan alat otomatis untuk meningkatkan kinerja, kualitas, dan kebenaran aplikasi web Anda; itu menjalankan rentetan pengujian terhadap halaman, kemudian menghasilkan laporan tentang seberapa baik kinerjanya dan apa yang dapat Anda lakukan untuk meningkatkannya.
Sizzy – peramban untuk Pengembang Web; memungkinkan Anda menguji di beberapa area pandang, memeriksa skor kinerja, mengembangkan dan menguji semua kasus penggunaan tanpa harus mensimulasikannya secara manual di browser biasa.
Pengujian dan penyesuaian rutin adalah bagian penting untuk mempertahankan kecepatan tingkat berikutnya. Jadi pilih alat yang Anda sukai, dan pastikan untuk melakukannya secara konsisten.
Tingkatkan Performa Situs WordPress Anda
Pentingnya mempercepat situs WordPress tidak dapat cukup ditekankan.
Anda telah menuangkan semuanya ke situs web Anda – sekarang cocokkan konten hebat itu dengan kecepatan pemuatan halaman yang kompetitif untuk meningkatkan keterlibatan dan konversi Anda.
Dengan begitu banyak pilihan untuk mempercepat situs WordPress yang tersedia, dan banyak di antaranya gratis, tidak masuk akal untuk tidak menggunakannya untuk keuntungan Anda.
Semoga Anda siap menggunakan beberapa alat dan teknik dalam posting ini, dan lihat sendiri seberapa besar peningkatan kecepatan situs Anda.
Jika Anda bukan anggota WPMU DEV, cobalah kami, bebas risiko (tidak perlu kartu kredit), dan lihat seberapa baik kami dapat melengkapi situs Anda. Dukungan kami tidak tertandingi, dan akan membantu dengan masalah apa pun di WordPress – meskipun itu bukan produk kami.