Bagaimana Kinsta dan WP Rocket Dapat Mempercepat Situs Anda

Diterbitkan: 2021-09-29

Apakah Anda ingin tahu bagaimana Kinsta dan WP Rocket dapat mempercepat situs Anda? Dengan plugin hosting dan caching yang tepat, Anda bisa mendapatkan peningkatan kinerja yang luar biasa hanya dalam hitungan menit. Beberapa fitur hebat yang menyertai kedua layanan ini akan membuat situs Anda lebih cepat.

Mari gali potensi penggunaan WP Rocket bersama Kinsta.

Mengapa Anda Harus Menggunakan Hosting Cepat

Bukan rahasia lagi bahwa kecepatan penyedia hosting Anda memiliki dampak langsung pada kinerja situs web Anda. Jika Anda tidak mengoptimalkan kecepatan situs, Anda akan melihat penurunan lalu lintas, konversi, dan pendapatan yang signifikan.

Sebuah website dengan performa yang baik dapat memberikan banyak manfaat bagi sebuah perusahaan. Pertama, situs ini membantu meningkatkan persaingan dengan membuatnya tampak seperti bisnis andal yang menyediakan layanan atau produk berkualitas tinggi. Penyedia hosting memang memengaruhi kredibilitas merek. Jika pengunjung merasa bahwa halaman web Anda membutuhkan waktu lama untuk dimuat, ini akan tercermin dalam penjualan Anda. Jika situs Anda lambat, orang akan kesulitan menavigasi dan berpindah langsung ke kompetisi.

Semakin lambat situs web, semakin rendah tingkat konversi - Sumber: Cloudflare
Semakin lambat situs web, semakin rendah tingkat konversi – Sumber: Cloudflare


Terlebih lagi, kinerja situs web memengaruhi peringkatnya di mesin pencari. Kecepatan pemuatan yang baik penting untuk mengukur metrik pengalaman pengunjung, yang memengaruhi seberapa tinggi Anda akan muncul di hasil penelusuran di Google.

Untuk melayani klien di seluruh dunia secara efektif, hosting situs web harus cepat. Hosting bertanggung jawab untuk memastikan bahwa data yang disimpan di situs Anda dapat diakses dari mana pun orang melihatnya.

Apa itu Kinsta (Dan Seberapa Cepat)

Kinsta adalah perusahaan hosting yang menyediakan hosting yang aman, cepat, dan andal bagi pengguna WordPress untuk situs web mereka. Membuat WordPress cepat telah menjadi DNA Kinsta sejak 2013. Mereka dikenal dengan harga premiumnya, tetapi kualitas yang Anda dapatkan membuatnya bernilai setiap sen.

Apa yang dikatakan pengguna WordPress tentang Kinsta - Sumber: Kinsta
Apa yang dikatakan pengguna WordPress tentang Kinsta – Sumber: Kinsta


Kinsta adalah pilihan tepat untuk mempercepat situs WordPress Anda. Tidak hanya akan super cepat, tetapi Kinsta juga menyediakan semua alat dan fitur keamanan yang Anda butuhkan agar situs web atau halaman blog Anda tidak diretas. Saya yakin Anda bertanya-tanya apa sebenarnya yang akan Anda dapatkan saat mendaftar dengan mereka? Mari kita membahas fitur utama.

1. Dapatkan Akses ke VM C2 Google Cloud dan Jaringan Tingkat Premium

Kinsta menghosting situs WordPress Anda langsung di Google Cloud Platform, infrastruktur yang dibuat dan dikelola oleh Google. Anda dihosting di tempat yang sama dengan Spotify, Coca-Cola, Snapchat… Luar biasa, bukan?

Kinsta menggunakan jaringan C2 VMS dan Premium Tier Google, yang menawarkan latensi rendah dan perutean lalu lintas 30-50% lebih cepat dengan menghindari jalur pipa Internet publik sebanyak mungkin. Kinsta adalah satu-satunya host di pasar yang menyediakan mesin C2 di semua paket.

Saya membagikan gambar di bawah ini untuk mengilustrasikan dampak migrasi ke mesin C2. Anda dapat melihat bahwa waktu respons rata-rata situs berubah dari 250 mdtk menjadi 80 mdtk. Itu peningkatan 212,5 persen dalam kinerja.

Kecepatan meningkat setelah menggunakan mesin C2 - Sumber: Kinsta
Kecepatan meningkat setelah menggunakan mesin C2 – Sumber: Kinsta

2. Pilih Lokasi Pusat Data Google Cloud Anda

Kinsta menggunakan mode penerapan multi-regional Google Cloud Platform. Ini berarti Anda dapat memilih untuk menempatkan situs WordPress Anda di lokasi yang paling dekat dengan pengunjung Anda.

Platform awan Google


3. Gunakan CDN Kinsta (Didukung oleh Cloudflare)

Sejak tahun ini, CDN Kinsta telah meningkat hingga 40% lebih cepat dari yang sebelumnya. Jaringannya tersebar di lebih dari 200 kota! Semua data Anda akan lebih dekat dengan pengunjung Anda dengan pembaruan baru ini. Kinsta mengatakan bahwa CDN baru mereka dapat meningkatkan kecepatan situs hingga 44%. Seperti yang Anda lihat di bawah, waktu pemuatan lebih baik dengan Cloudflare CDN baru:

Sebelum vs sesudah penampilan CDN - sumber: Kinsta
Sebelum vs setelah pertunjukan CDN – sumber: Kinsta


4. Gunakan Cache Kinsta

Apa itu caching? Ini mengurangi jumlah pekerjaan yang diperlukan untuk menghasilkan tampilan halaman.
Mengapa Anda harus menggunakan cache? Sederhana saja: caching membuat situs WordPress lebih cepat dan mengurangi beban di server web Anda. Setiap situs yang dihosting di Kinsta menggunakan empat jenis cache yang diterapkan secara otomatis, yaitu, Bytecode, Object, Page, dan cache CDN.

Opsi cache terintegrasi ke Kinsta - Sumber: Kinsta
Opsi cache terintegrasi ke Kinsta – Sumber: Kinsta


5. Manfaatkan Pemantauan Kinerja Aplikasi (APM) bawaan Kinsta

Anda dapat menggunakan alat APM Kinsta untuk memantau dan mengoptimalkan situs WordPress, memastikan bahwa mereka selalu berjalan dengan lancar. Ini juga memungkinkan Anda untuk men-debug situs web Anda lebih cepat karena Anda dapat menentukan dari mana masalahnya berasal:

Kinsta APM


6. Manfaat Dari Platform Intuitif yang Dirancang Untuk WordPress

Kami telah melihat bahwa misi Kinsta adalah memberi pengguna WordPress pengalaman hosting yang berfokus pada kinerja. Tetapi Kinsta hadir dengan manfaat lain: ia juga menyediakan platform ergonomis yang memungkinkan Anda untuk menginstal WordPress dengan satu klik, mengakses area pementasan langsung, dan peningkatan yang mudah ke versi PHP terbaru, misalnya.

Meluncurkan WordPress


Semua situs WordPress saya dapat dikumpulkan dalam antarmuka yang sama, yang sangat membantu:

Situs WordPress di dasbor Kinsta


Dan yang tak kalah pentingnya, Anda memiliki akses ke dukungan 24/7, pencadangan harian, dan server yang sangat aman. Kinsta memeriksa status situs web Anda setiap dua menit, artinya dukungan dapat proaktif jika ada masalah.

Cpanel yang mudah digunakan dan kuat - Sumber: Kinsta
Cpanel yang ramah pengguna dan kuat – Sumber: Kinsta


7. Tes Kecepatan: Seberapa Cepat (Benarkah) Kinsta?

Kami akan menggunakan Google PageSpeed ​​Insight untuk menguji kinerja situs WordPress saya yang dihosting di Kinsta. Kami juga akan menggunakan WebPageTest untuk mengukur metrik "waktu yang dimuat penuh". Kedua tes akan disimulasikan dari perangkat seluler .

Akan ada dua skenario:

  • Skenario #1 : mengukur kinerja situs seluler saya dengan beberapa paragraf (tanpa gambar) dan tema 2021 terpasang.
  • Skenario #2 : Mengukur performa situs seluler saya menggunakan Astra dan Elementor (beranda realistis dengan teks dan gambar).

Skenario 1:

Skor ponsel saya adalah 99/100 (100/100 di desktop). Situs web saya cukup kosong, jadi saya tidak mengharapkan yang lebih baik dari Kinsta.

Situs pengujian saya dengan beberapa teks dan tema 2021 diinstal - Sumber: PSI
Situs pengujian saya dengan beberapa teks dan tema 2021 diinstal – Sumber: PSI


Metrik waktu yang dimuat penuh dan permintaan HTTP juga sangat bagus, masuk akal karena halaman saya hampir kosong.

Waktu yang terisi penuh dan permintaan HTTP di ponsel (tanpa konten) - Sumber: WebPageTest
Waktu yang terisi penuh dan permintaan HTTP di ponsel (tanpa konten) – Sumber: WebPageTest

Mari beralih ke skenario #2, dengan Elementor terpasang dan lebih banyak konten ditambahkan ke halaman saya.

Skenario #2 :

Kami sekarang menggunakan Elementor, video yang berasal dari YouTube, gambar, ikon, dan lebih banyak konten daripada sebelumnya. Hasilnya, skor saya naik dari 99 menjadi 82/100 di seluler (yang dapat diprediksi karena kami menambahkan beberapa konten tanpa mengoptimalkannya).

Catatan penting: Kinsta mempertahankan skor hijau di desktop (91/100) bahkan setelah menambahkan banyak konten.

Nilai PSI saya di seluler dengan banyak konten di situs saya - Sumber: Google PageSpeed ​​Insights
Nilai PSI saya di seluler dengan banyak konten di situs saya – Sumber: Google PageSpeed ​​Insights


Menurut Google PageSpeed ​​Insights, sebagian besar masalah berasal dari JS dan CSS yang tidak dioptimalkan dan beberapa kode pihak ketiga:

Bagian diagnostik - Sumber: Google PageSpeed ​​Insights
Bagian diagnostik – Sumber: Google PageSpeed ​​Insights


Anda ingin situs web Anda dimuat dalam waktu tiga detik; Kinsta hanya pada batas itu (2,587 detik). Jumlah permintaan HTTP adalah 56, yang merupakan angka yang sehat – rata-rata di internet adalah 70.

Anda dapat membaca lebih lanjut tentang jumlah permintaan HTTP yang disarankan di panduan khusus kami.

Waktu yang terisi penuh dan permintaan HTTP untuk beranda saya di seluler - Sumber: WebPageTest
Waktu yang terisi penuh dan permintaan HTTP untuk beranda saya di seluler – Sumber: WebPageTest


Dengan Kinsta, situs WordPress saya mempertahankan kinerja yang luar biasa di desktop tetapi terpengaruh pada seluler. Penyedia hosting sangat cepat dan kuat. Namun, masalah yang terkait dengan kode pihak ketiga atau menghilangkan sumber daya yang memblokir render tidak sepenuhnya ditangani oleh Kinsta. Di sinilah keajaiban WP Rocket masuk!

Itu membawa kita ke bagian selanjutnya: bagaimana Kinsta dan WP Rocket dapat membantu mencapai skor 100/100 di seluler.

Mengapa WP Rocket Sangat Cocok untuk Performa

Plugin WP Rocket sepenuhnya kompatibel dengan lingkungan hosting Kinsta. Soalnya, Kinsta sudah hadir dengan fitur caching-nya. Akibatnya, WP Rocket tidak akan diperlukan untuk men-cache konten Anda, TETAPI akan diperlukan untuk mengoptimalkan kode Anda dan memelihara Core Web Vitals Anda di zona hijau.

Mari kita lihat bagaimana WP Rocket dapat membantu meningkatkan kinerja situs WordPress Anda.

1. Yang Perlu Diingat Saat Menggunakan Kinsta dan WP Rocket

Hal pertama yang harus diingat adalah bahwa fitur caching halaman WP Rocket dinonaktifkan secara otomatis untuk mencegah konflik dengan caching Kinsta . Karena itu, Kinsta (dan kami) masih menyarankan Anda untuk tetap mencentang kotak "caching mobile":

Mengaktifkan cache untuk perangkat seluler - Sumber: dasbor WP Rocket
Mengaktifkan cache untuk perangkat seluler – Sumber: dasbor WP Rocket


CDN Kinsta didukung oleh Cloudflare oleh karena itu akan bekerja secara otomatis dengan WP Rocket – tidak ada opsi untuk mengaktifkan. Memeriksa opsi "Aktifkan Jaringan Pengiriman Konten" tidak lagi diperlukan.

Tidak perlu mencentang kotak "Aktifkan CDN" dengan Kinsta


Terlebih lagi, Kinsta terintegrasi penuh dengan Cloudflare sehingga Anda tidak perlu menghubungkan add-on dengan akun Anda.

Menonaktifkan add-on Cloudflare saat menggunakan Kinsta


Sekarang setelah Anda mengetahui beberapa opsi untuk mengubah sebelum menggunakan WP Rocket dengan Kinsta, kami dapat menjelaskan cara kerja WP Rocket dan bagaimana itu dapat dengan mudah membantu mencapai tujuan kinerja kami.

Google PageSpeed ​​Insights mengukur kinerja (termasuk Core Web Vitals), dan sangat sering, Anda akan melihat rekomendasi tersebut: “Hilangkan sumber daya yang memblokir perenderan dengan mengirimkan JS/CCSS yang penting secara sejalan dan tunda semua JS yang tidak penting”, “Kurangi yang tidak digunakan JS dan CSS”, dan semacamnya.

Banyak perbaikan yang condong ke arah pembersihan kode Anda dan mengoptimalkan file Anda. WP Rocket membantu Anda melakukan hal itu dalam beberapa klik berkat tab “Pengoptimalan File” khusus, yang dapat diakses langsung dari dasbor WordPress Anda:

Tab Pengoptimalan File - Sumber: Dasbor WP Rocket
Tab Pengoptimalan File – Sumber: Dasbor WP Rocket

Mari kita bahas setiap bagian sehingga Anda dapat melihat bagaimana Kinsta dan WP Rocket saling melengkapi.

2. Kurangi CSS yang Tidak Digunakan

Mengurangi aturan yang tidak digunakan dari stylesheet dan menunda CSS yang tidak digunakan untuk konten paruh atas akan mengurangi konsumsi byte jaringan dan meningkatkan kecepatan situs Anda.

Memperkecil dan Menghapus CSS yang Tidak Digunakan - Sumber: WP Rocket
Memperkecil dan Menghapus CSS yang Tidak Digunakan – Sumber: WP Rocket

3. Optimalkan Pengiriman CSS

Cara lain untuk menghilangkan CSS yang memblokir render adalah dengan mengoptimalkan pengiriman CSS. Ini akan meningkatkan waktu buka yang dirasakan bagi pengguna Anda.

Mengoptimalkan pengiriman CSS dalam satu klik - Sumber: WP Rocket
Mengoptimalkan pengiriman CSS dalam satu klik – Sumber: WP Rocket


Catatan penting tentang Pengiriman CSS: Optimalkan pengiriman CSS hanya boleh digunakan jika Hapus CSS yang Tidak Digunakan tidak berfungsi untuk pengguna. Hapus CSS yang tidak digunakan harus selalu menjadi pilihan pertama.

4. Muat JS Ditangguhkan

Salah satu penyebab utama halaman web lambat adalah apa yang disebut "skrip pemblokiran". Jika Anda memuat JS ditangguhkan, maka Anda akan meningkatkan waktu muat. WP Rocket dapat membantu Anda melakukannya dengan satu klik:

Muat JS ditangguhkan – Sumber: WP Rocket

5. Tunda Eksekusi JS

Cara lain untuk mempercepat situs WordPress Anda dengan WP Rocket adalah dengan menunda eksekusi JavaScript. Mengurangi waktu eksekusi JS juga penting untuk menjaga Data Web Inti Anda tetap sehat.

Tunda eksekusi JS - Sumber: WP Rocket
Tunda eksekusi JS – Sumber: WP Rocket


WP Rocket meningkatkan skor kinerja Lighthouse Anda dengan mengoptimalkan Vital Web Inti Anda. KPI Cat Isi Terbesar (LCP) terkena dampak langsung jika Anda memilih untuk menunda dan mengoptimalkan JS dan CSS situs WordPress Anda.

Skor LCP meningkat berkat fitur WP Rocket
Skor LCP meningkat berkat fitur WP Rocket


Cara lain untuk menunda konten yang kurang penting adalah dengan menerapkan skrip pemuatan lambat di atasnya. Sekali lagi, WP Rocket dapat dengan mudah membantu Anda melakukan ini. Mari kita lihat bagaimana.

6. Terapkan Pemuatan Malas

Ide dasar dari lazy loading adalah memuat gambar atau iframe hanya ketika pengguna membutuhkan konten: mereka tidak perlu menunggu semua elemen dimuat. Mengaktifkan dan menonaktifkan pemuatan lambat secara manual bisa menjadi tugas yang memakan waktu. WP Rocket dapat membantu Anda menghemat waktu dan menerapkan skrip pemuatan malas secara otomatis jika diperlukan.

Menerapkan pemuatan malas - Sumber: WP Rocket
Menerapkan pemuatan malas – Sumber: WP Rocket


Sekali lagi, WP Rocket membantu meningkatkan Core Web Vitals dan mendapatkan skor bagus sesuai dengan rekomendasi PageSpeed ​​Insights. PSI menyarankan kita untuk menggunakan pemuatan lambat dan menunda gambar di luar layar untuk memberi ruang bagi gambar di paruh atas.

PSI merekomendasikan pemuatan yang lambat
PSI merekomendasikan pemuatan yang lambat

7. Preload Prefetch dan Preconnect

Di bawah menu “Preload”, WP Rocket memberi Anda empat opsi preloading, yaitu cache preload, link preload, permintaan DNS prefetch, dan font preload. Beberapa di antaranya tidak akan berguna untuk digunakan dengan Kinsta, jadi mari kita manfaatkan opsi ini sebaik-baiknya:

Pramuat cache : jangan centang opsi ini. Itu bisa mengurangi kinerja.

Pramuat cache


Pramuat tautan : opsi ini mulai mengunduh halaman saat pengguna mengarahkan kursor ke tautan. Ini meningkatkan waktu buka yang dirasakan oleh pengguna.

Pramuat tautan


Prefetch permintaan DNS : fitur ini akan memberikan sedikit dorongan ke situs web seluler Anda. Prefetching DNS adalah cara yang bagus untuk meningkatkan kinerja situs web Anda dengan menyelesaikan nama domain di latar belakang sebelum pengguna mengklik apa pun.

Permintaan DNS Prefek


Preload fonts : opsi ini memungkinkan browser web menemukan font sebelum ditemukan di file CSS Anda.

Pramuat font


WP Rocket menerapkan atribut rel="preload" yang merupakan rekomendasi lain dari PageSpeed ​​Insights untuk menjaga FCP dan LCP yang sehat seperti yang terlihat di bawah ini:

8. Pengoptimalan Basis Data

Di bawah menu "Database", WP Rocket memberi Anda semua alat untuk menjaga posting dan komentar Anda dalam kondisi optimal. Anda dapat memilih untuk melakukan pembersihan untuk posting, komentar, transien, dan tabel database Anda. Anda juga dapat menjadwalkan pembersihan jika Anda mau.

Semua opsi pengoptimalan Database bekerja dengan baik dengan Kinsta, dan mereka juga menyediakan fitur ini menggunakan Innodb.

9. Fitur Optimasi Tambahan

Masih ada lagi. WP Rocket hadir dengan banyak fitur lain untuk meningkatkan kecepatan situs web Anda. Inilah yang terjadi pada situs WordPress Anda setelah aktivasi WP Rocket:

  • Kompresi GZIP diaktifkan, artinya ukuran file Anda berkurang, dan pengunjung Anda mengakses konten Anda lebih cepat.
  • Jumlah permintaan HTTP berkurang, yang membuat situs Anda dimuat lebih cepat.
  • File media Anda dimuat hanya saat diperlukan untuk menghemat bandwidth
  • Atribut lebar dan tinggi yang hilang ke gambar ditambahkan. Ini membantu mencegah perubahan tata letak, meningkatkan skor CLS Anda, dan memberikan pengalaman pengguna yang lebih baik. .
  • Dan lebih banyak lagi optimasi kecepatan untuk WordPress.

Cara Mempercepat Situs Anda Dengan Kinsta + WP Rocket

Jika situs WordPress Anda dihosting di Kinsta dengan WP Rocket diaktifkan, maka Anda meningkatkan peluang untuk membawa situs web Anda ke kecepatan cahaya.

Mari kita jalankan audit kinerja.

Kami akan menggunakan Google PageSpeed ​​Insights dan WebPageTest untuk mengukur kinerja seluler. Situs pengujian saya adalah agen perjalanan yang dibangun dengan Elementor dan Astra.

Skenario #1 – Situs pengujian saya dihosting di Kinsta – Tanpa WP Rocket

Menggunakan Google PageSpeed ​​Insights (kinerja seluler)

Tanpa melakukan pengoptimalan apa pun, situs pengujian saya yang dihosting oleh Kinsta tetap cukup cepat di seluler (82/100). Namun, beberapa Data Web Inti saya pindah ke warna oranye.

Performa seluler dengan Kinsta - Sumber: PSI
Performa seluler dengan Kinsta – Sumber: PSI


Waktu yang terisi penuh dan jumlah permintaan dapat diterima, mengonfirmasi Kinsta adalah penyedia hosting cepat.

Waktu yang terisi penuh dan permintaan HTTP untuk beranda saya (tanpa WP Rocket) - Sumber: WebPageTest
Waktu yang terisi penuh dan permintaan HTTP untuk beranda saya (tanpa WP Rocket) - Sumber: WebPageTest
KPI (Kinerja seluler) Skor (Tidak Ada Roket WP)
Nilai keseluruhan 82/100
Waktu terisi penuh 2.587 detik
permintaan HTTP 56
FCP 1,6 detik
SI 1,6 detik
LCP 1,9 detik
TTI 1,6 detik
TBT 20 ms
CLS 0,125

Skenario #2 – Situs pengujian saya dihosting di Kinsta – dengan WP Rocket

Menggunakan Google PageSpeed ​​Insights (kinerja seluler)

Hasilnya mengesankan: kami mendapatkan 100/100 di Lighthouse! Semua Data Web Inti saya berwarna hijau, Pergeseran Tata Letak Kumulatif dan Waktu Pemblokiran Total telah dikurangi menjadi 0.

100/100 di ponsel dengan Kinsta dan WP Rocket - Sumber: PSI
100/100 di ponsel dengan Kinsta dan WP Rocket – Sumber: PSI


Dua metrik lainnya (permintaan HTTP dan waktu yang terisi penuh) juga telah berkurang secara signifikan berkat WP Rocket (dari 3,5 detik menjadi 1,5 detik dan 56 permintaan menjadi 17).

Skor beranda dengan WP Rocket – Sumber: WebPageTest


Dan berikut adalah gambaran kinerja yang kami rangkum dalam sebuah tabel:

KPI (kinerja seluler) Skor (tidak ada WP Rocket) Skor (dengan WP Rocket)
Nilai keseluruhan 82/100 100/100
Waktu terisi penuh 2.587 detik 1,543 detik
permintaan HTTP 56 17
FCP 1,6 detik 0,4 detik
SI 1,6 detik 0,4 detik
LCP 1,9 detik 0,5 detik
TTI 1,6 detik 0,4 detik
TBT 20 ms 0 ms
CLS 0,125 0

Membungkus

Kinsta menyediakan layanan hosting WordPress terkelola premium untuk bisnis yang hanya menggunakan pusat data premium yang berlokasi di seluruh dunia. Ini memastikan waktu aktif yang optimal sekaligus melindungi situs pelanggan dari serangan DDoS atau gangguan lain selama jam sibuk penggunaan.

Jika Anda menggabungkan Kinsta dengan WP Rocket, Anda mendapatkan yang terbaik dari kedua dunia : hosting cepat dengan solusi cache bawaan dan plugin WordPress yang meningkatkan kinerja situs Anda dan membuat Data Web Inti Anda menjadi hijau (100/100 oleh Lighthouse )!

Mendapatkan 82/100 di ponsel dengan Kinsta Mendapatkan 100/100 di ponsel dengan Kinsta dan WP Rocket

Seperti yang kami lihat dalam audit kinerja kami, WP Rocket adalah salah satu cara termudah untuk meningkatkan skor PageSpeed ​​Insights Anda.

Dan hal baiknya adalah, Anda tidak mengambil risiko apa pun: Anda memiliki jaminan uang kembali 14 hari saat membeli WP Rocket.

Apakah Anda pengguna Kinsta dan WP Rocket? Beri tahu kami bagaimana keadaan Anda di komentar di bawah.