• Beranda
  • Artikel
  • Memandu
  • Kinsta Edge Caching: Melayani Halaman Web hingga 80% Lebih Cepat (Atau Lebih Banyak)

Kinsta Edge Caching: Melayani Halaman Web hingga 80% Lebih Cepat (Atau Lebih Banyak)

Diterbitkan: 2022-12-22

Pengunjung situs web Anda tidak suka menunggu halaman dimuat — di desktop atau di perangkat seluler. Laman yang lambat dimuat dapat membuat mereka bergegas ke situs pesaing. Anda juga mengkhawatirkan dampak performa situs web pada hasil penelusuran.

Di Kinsta, kami menganggap serius kecepatan, dan kami selalu berusaha membuat situs pelanggan kami lebih cepat.

Penambahan Kinsta Edge Caching ke paket Hosting WordPress Terkelola kami pada bulan Desember 2022 menambahkan alat baru untuk membantu pelanggan mendapatkan halaman situs web mereka ke browser dengan lebih cepat.

Mengukur waktu ke byte pertama (TTFB), kami melihat waktu respons rata-rata di semua pengujian 207 milidetik dengan caching tepi diaktifkan, dibandingkan 402,59 milidetik tanpa caching tepi. Itu penurunan hampir 49% . Tetapi beberapa situs web dunia nyata dalam pengujian kami berperforma jauh lebih baik dari itu, dengan kinerja TTFB hampir 80% lebih cepat dengan edge caching. Kami akan menggali lebih dalam angka-angka di bawah ini.

Mari kita lihat bagaimana kinerja situs web WordPress Anda dapat meningkat ketika lebih banyak kontennya “di tepi”.

Apa itu Caching Tepi?

Banyak pelanggan hosting WordPress kami telah memanfaatkan integrasi kami dengan Cloudflare dan server tepinya melalui Kinsta CDN. Jaringan distribusi konten ini menempatkan aset statis situs — seperti gambar, font, dan file yang berisi CSS dan JavaScript — di 275+ lokasi di jaringan Cloudflare di seluruh dunia. Itu berarti aset tersebut tersedia lebih dekat ke lokasi fisik pengunjung situs web Anda. Pengangkutan yang lebih singkat untuk aset tersebut menghasilkan latensi jaringan yang lebih rendah.

Edge Caching halaman HTML WordPress sangat mirip dengan mengelola aset di CDN. Perbedaannya adalah mengelola cache file seperti gambar — yang jarang berubah — relatif sederhana. Lebih sulit mengelola konten yang awalnya dibuat secara dinamis oleh WordPress, di-cache sebagai konten statis, lalu dibuat ulang setiap kali konten diedit.

Bagaimana Konten Di-cache di Edge?

Cache tepi diisi oleh permintaan untuk halaman situs Anda oleh browser. Jika sebuah halaman belum di-cache, permintaan diteruskan ke situs WordPress asal Anda, di mana halaman tersebut mungkin berada di cache lokal atau mungkin dibuat lagi oleh WordPress. Halaman disimpan di cache tepi dalam perjalanan kembali ke browser. Permintaan mendatang di jalur yang sama akan mendapat manfaat dari cache hingga dihapus.

Ini juga bagaimana cache seluler diisi. Jika permintaan halaman berasal dari perangkat seluler, konten disimpan ke cache seluler. (Cache seluler tidak membedakan antara, katakanlah, perangkat iOS dan Android. Permintaan dari tablet dikelompokkan dengan konten desktop.)

Cache Lokal WordPress dan Cache Edge

Kinsta menyediakan pendekatan bebas plugin untuk caching WordPress lokal di server situs Anda sendiri. Kinsta menggunakan Edge Caching mempertahankan kesederhanaan itu: langkah yang sama yang telah Anda lakukan untuk menghapus cache lokal Anda sekarang juga akan menjaga cache edge tetap sinkron.

Selain itu, dasbor MyKinsta menyertakan fungsionalitas untuk menghapus cache tepi — dan hanya cache tepi — secara langsung.

Yang baru dengan Edge Caching adalah kemampuan untuk mengaktifkan cache untuk perangkat seluler. Jika situs web Anda menghasilkan markup unik untuk perangkat seluler, Anda dapat meng-cache HTML tersebut secara terpisah dari konten untuk perangkat desktop..

Apakah Caching Kinsta Edge Sama dengan APO Cloudflare?

Kinsta Edge Caching berbagi jaringan server edge yang sama kuatnya dengan yang digunakan oleh layanan Pengoptimalan Platform Otomatis (APO) Cloudflare. APO juga dirancang untuk memberikan edge caching ke situs WordPress.

Inilah yang membedakan Kinsta Edge Caching:

  • Tidak ada biaya tambahan. (Edge Caching gratis dengan semua paket Managed WordPress Hosting).
  • Tidak perlu plugin manajemen cache.
  • Integrasi mulus dengan dasbor MyKinsta.
  • Satu platform untuk mengelola CDN dan Edge Caching.
Tahukah Anda bahwa Anda dapat memangkas waktu pengiriman halaman web hingga lebih dari 50%? Yap, dimungkinkan oleh Kinsta Edge Caching! Pelajari lebih lanjut dalam panduan ini ️ Klik untuk Tweet

Menguji Kinsta Edge Caching

Sebelum merilis fitur secara resmi, kami mengundang beberapa pelanggan kami untuk mencoba versi Beta dari layanan Edge Caching baru untuk mengumpulkan umpan balik. Situs web dunia nyata dari penguji Beta kami di seluruh dunia menyediakan lingkungan yang sempurna untuk menguji kecepatan teknologi.

Dari pusat data Google yang dikenal sebagai us-central1 di Council Bluffs, Iowa, alat otomatis tim kami menyurvei situs web penguji Beta dan mencatat waktu respons untuk tiga skenario caching:

  1. Saat halaman dikirim dari cache server tepi Cloudflare.
  2. Ketika sebuah halaman tidak ditemukan di server tepi Cloudflare dan ditarik dari cache "lokal" dari server asal.
  3. Ketika tidak ada halaman yang di-cache sama sekali dan WordPress harus meluncurkan skrip PHP dan menjalankan kueri database untuk membangun halaman secara dinamis.

Fokus utamanya adalah perbedaan waktu respons untuk cache lokal dan edge.

Kami mengukur waktu respons dengan dua cara:

  1. Time to first byte — celah antara permintaan halaman dan kedatangan byte data pertama.
  2. Saatnya mengunduh seluruh halaman HTML.

Mengukur TTFB berfokus pada latensi dalam jaringan antara server web dan browser karena sebagian besar tidak bergantung pada jumlah data yang ditransfer untuk menyelesaikan satu halaman. Pengaturan waktu transfer halaman penuh adalah ukuran berguna yang mencerminkan tugas dunia nyata mengirimkan HTML ke browser.

Edge Caching dengan Angka

Setelah ratusan pengujian yang menargetkan situs WordPress di pusat data di seluruh dunia, kami menemukan bahwa, rata-rata, Kinsta Edge Caching mengurangi lebih dari 50% waktu yang diperlukan untuk mengirim halaman penuh ke browser.

Lihatlah:

Bagan menunjukkan peningkatan dalam TTFB dan kecepatan pengiriman halaman berkat Edge Caching.
TTFB: 402,59 ms (cache lokal), 207 ms (tepi). Halaman penuh: 490,99 ms (cache lokal), 223,98 ms (tepi).

Berdasarkan pengujian kami, Edge Caching memotong TTFB rata-rata hampir 48,6%, dan waktu untuk mentransfer halaman lengkap turun hampir 54,4%

Melebihi Peningkatan 80% Dalam Jarak Jauh

Meskipun rata-rata dari semua pengujian kecepatan sangat mengesankan, tampilan tersebut dapat menyembunyikan data penting — terutama bagi mereka yang menargetkan audiens global.

Pengujian kami menemukan beberapa peningkatan kinerja yang dramatis saat Edge Caching mempersempit jarak antara browser dan server asal yang lebih jauh.

Misalnya, Edge Caching memangkas TTFB sebesar 83,6% dan waktu transfer halaman sebesar 85,6% antara lokasi pengujian Iowa kami dan pusat data asia-southeast1 southeast1 Google di Singapura:

Bagan yang menunjukkan kinerja Edge Caching untuk pusat data Jurong West.
TTFB: 672,01 ms (cache lokal), 110,05 ms (tepi). Halaman penuh: 901,1 ms (cache lokal), 129,79 ms (tepi).[/caption

Menghubungkan ke situs WordPress di pusat data australia-southeast1 southeast1 Sydney, TTFB turun hampir 73,6% , dan waktu transfer halaman turun 77,3% .

[caption align="alignnone" width="1000"] Bagan yang menunjukkan kinerja Edge Caching untuk pusat data Sydney. TTFB: 898,26 ms (cache lokal), 237,21 ms (tepi). Halaman penuh: 1.130,48 ms (cache lokal), 256,95 ms (tepi).

Kami melihat angka serupa dari pusat data australia-southeast2 di Melbourne. Situs WordPress pelanggan Kinsta di sana melihat Edge Caching memangkas TTFB rata-rata 77,8% dan transfer halaman hampir 82,7% :

Bagan yang menunjukkan kinerja Edge Caching untuk pusat data Melbourne.
TTFB: 607,37 ms (cache lokal), 134,63 ms (tepi). Halaman penuh: 812,46 ms (cache lokal), 140,62 ms (tepi).

Menghubungkan ke situs yang dihosting di pusat data europe-north1 di Hamina, Finlandia, TTFB turun hampir 41,7% , dan waktu transfer halaman turun lebih dari 56,3% .

Bagan menunjukkan kinerja Edge Caching untuk pusat data Hamina.
TTFB: 579,81 ms (cache lokal), 338,17 ms (tepi). Halaman penuh: 822,21 ms (cache lokal), 358,89 ms (tepi).

Untuk situs yang dihosting di St. Ghislain, Belgia, di pusat data europe-west1 , TTFB dan waktu transfer halaman turun 69% .

Bagan yang menunjukkan kinerja Edge Caching untuk pusat data Ghislain.
TTFB: 464,64 ms (cache lokal), 143,13 ms (tepi). Halaman penuh: 464,92 ms (cache lokal), 143,38 ms (tepi).

Situs web yang diuji di pusat data europe-west2 di London, Inggris, menunjukkan TTFB turun sebesar 58% , dan waktu transfer halaman turun 60,8% .

Bagan menunjukkan kinerja Edge Caching untuk pusat data London.
TTFB: 372,4 ms (cache lokal), 156,17 ms (tepi). Halaman penuh: 458,18 ms (cache lokal), 179,34 ms (tepi).

Di pusat data europe-west3 di Frankfurt, Jerman, TTFB turun hampir 64% dan waktu transfer halaman turun 67,5% .

Bagan menunjukkan kinerja Edge Caching untuk pusat data Frankfurt.
TTFB: 409,27 ms (cache lokal), 147,42 ms (tepi). Halaman penuh: 507,52 ms (cache lokal), 164,98 ms (tepi).

Menghubungkan ke situs yang dihosting di pusat data europe-west4 di Eemshaven, TTFB Belanda turun hampir 56% , dan waktu transfer halaman turun 63,6% .

Bagan yang menunjukkan kinerja Edge Caching untuk pusat data Eemshaven.
TTFB: 394,49 ms (cache lokal), 173,76 ms (tepi). Halaman penuh: 538,84 ms (cache lokal), 195,82 ms (tepi).

Selama pengujian situs di pusat data northamerica-northeast1 di Montreal, Kanada, TTFB turun lebih dari 10% , dan waktu transfer halaman turun lebih dari 16,2% .

Bagan yang menunjukkan kinerja Edge Caching untuk pusat data Montreal.
TTFB: 325,3 ms (cache lokal), 292,28 ms (tepi). Halaman penuh: 351,1 ms (cache lokal), 294,15 ms (tepi).

Di pusat data us-east5 di Columbus, Ohio, TTFB dan waktu transfer halaman terpotong hampir 59% .

Bagan yang menunjukkan kinerja Edge Caching untuk pusat data Columbus.
TTFB: 326,69 ms (cache lokal), 133,97 ms (tepi). Halaman penuh: 341,15 ms (cache lokal), 140,5 ms (tepi).

Di pusat data us-west4 di Las Vegas, Nevada, di AS, TTFB turun lebih dari 54,7% dan waktu transfer halaman turun hampir 57,3% .

Bagan menunjukkan kinerja Edge Caching untuk pusat data Las Vegas.
TTFB: 366,73 ms (cache lokal), 165,88 ms (tepi). Halaman penuh: 413,39 ms (cache lokal), 176,63 ms (tepi).

Tapi bukan hanya Kinsta yang menguji Edge Caching.

Brian Jackson, salah satu pendiri agensi digital forgemedia, mengatur waktu TTFB dan rendering lengkap halaman WordPress di browser setelah Edge Caching. Dia juga melihat cat konten terbesar (LCP), titik di mana cukup banyak konten utama halaman telah dirender sehingga pengguna mungkin menganggapnya dapat digunakan. Dia memposting temuannya di Twitter:

Tangkapan layar tweet dari Brian Jackson.
Twitter/Brian Jackson. (Lihat di Twitter.)

Simon Harper, dari SRH Design, menguji Kinsta Edge Caching dengan melihat TTFB dan LCP serta first contentful paint (FCP), yang merupakan tampilan awal konten apa pun di layar, meskipun itu bukan konten utama halaman. Dia juga melaporkan melalui Twitter:

Tangkapan layar tweet dari Simon Harper.
Twitter/Simon Harper. (Lihat di Twitter.)

Struktur halaman web dan aset tertaut seperti JavaScript, CSS, dan gambar dapat memengaruhi FCP dan LCP, tetapi semuanya dimulai dengan pengiriman HTML halaman ke browser.

Apakah Anda siap untuk mengeluarkan potensi penuh dari situs Anda? Kirim halaman situs Anda secepat kilat (terutama di seluruh dunia) dengan Kinsta Edge Caching! ️ Mulai di sini Klik untuk menge-Tweet

Memulai Caching Kinsta Edge

Edge Caching diaktifkan secara default saat Anda membuat situs web WordPress di dasbor MyKinsta. Itu berarti Anda tidak perlu mengangkat jari untuk memanfaatkan peningkatan kecepatan Edge Caching.

Mulai Januari 2023, Kinsta akan secara otomatis mengaktifkan Edge Caching di situs yang kompatibel dengan layanan tersebut. Jika Anda ingin Edge Caching berfungsi untuk situs Anda yang sudah ada, Anda dapat mengaktifkannya sekarang seperti ini:

Berjuang dengan downtime dan masalah WordPress? Kinsta adalah solusi hosting yang dirancang untuk menghemat waktu Anda! Lihat fitur kami
  • Pilih Situs WordPress di navigasi sebelah kiri.
  • Pilih nama situs yang ingin Anda aktifkan Edge Caching.
  • Pilih Caching Tepi .
  • Klik pada tombol Aktifkan Caching Tepi .
Tangkapan layar: Mengaktifkan Edge Caching di MyKinsta.
Mengaktifkan Edge Caching di dasbor MyKinsta.

Cache Konten Seluler Anda di Edge

Jika situs web Anda mendeteksi browser seluler dan membuat laman dengan markup yang unik untuk perangkat tersebut, Anda dapat mengaktifkan cache seluler yang terpisah dari konten untuk pengguna desktop.

Aktifkan caching seluler di MyKinsta seperti ini:

  • Pilih Situs WordPress di navigasi sebelah kiri.
  • Pilih nama situs yang mengaktifkan Edge Caching.
  • Pilih Caching Tepi .
  • Klik tombol Aktifkan Cache Seluler
Tangkapan layar: Mengaktifkan cache seluler di MyKinsta.
Mengaktifkan Edge Caching untuk perangkat seluler.

Anda tidak perlu mengaktifkan caching seluler jika desain situs web Anda mendukung browser desktop dan seluler dengan markup HTML/CSS responsif yang sama.

Mengelola Konten Tembolok Anda

Kinsta Edge Caching dirancang untuk bekerja mulus dengan alat manajemen cache yang sudah digunakan sebagian besar pelanggan kami di situs web WordPress mereka. Anda juga dapat menargetkan konten di cache edge langsung di MyKinsta di sini:

  • Pilih Situs WordPress di navigasi sebelah kiri.
  • Pilih nama situs yang mengaktifkan Edge Caching.
  • Pilih Caching Tepi .
Tangkapan layar: Menghapus cache di MyKinsta.
Membersihkan cache tepi di dasbor MyKinsta.

Untuk menghapus semua halaman situs Anda dari cache global edge, klik tombol Clear Cache .

Jika Anda hanya perlu menghapus halaman atau jalur tertentu, tempelkan URL target di bidang Hapus Cache URL dan klik tombol Hapus Cache URL . Kosongkan cache untuk semua konten di jalur tertentu dengan mencentang opsi Hapus cache dari setiap subdirektori di bawah URL yang ditentukan .

Memilih Keluar dari Edge Caching

Jika Anda tahu Edge Caching tidak cocok untuk situs web Anda, Anda dapat memilih keluar sebelum kami mulai mengaktifkan layanan untuk sebagian besar situs yang ada pada bulan Januari 2023.

Di MyKinsta:

  • Pilih Situs WordPress di navigasi sebelah kiri.
  • Pilih nama situs WordPress Anda.
  • Pilih Caching Tepi .
  • Aktifkan sakelar “ Saya ingin menyisih… ”.
Tangkapan layar: Menyisih dari Edge Caching di MyKinsta.
Memilih keluar dari Edge Caching menggunakan dasbor MyKinsta.

Jika Edge Caching sudah diaktifkan untuk situs web, Anda akan menemukan tombol Nonaktifkan di pojok kanan atas halaman:

Tangkapan layar: Menonaktifkan Edge Caching di MyKinsta.
Menonaktifkan Caching Tepi

Pertanyaan Singkat Tentang Edge Caching

Anda mungkin bertanya-tanya…

Apakah Edge Caching Gratis di Semua Paket?

Ya. Edge Caching diaktifkan secara default di semua situs langsung yang dibuat dalam dasbor MyKinsta. Edge Caching juga tersedia di situs pementasan dalam akun Premium.

Apakah Edge Caching Meningkatkan Kinerja Versi Seluler Situs Web Saya?

Anda dapat mengaktifkan cache khusus seluler untuk situs web yang menghasilkan markup yang disesuaikan dengan perangkat seluler. Jika desain situs web Anda mendukung browser desktop dan seluler dengan markup HTML/CSS responsif yang sama, cache seluler tidak diperlukan.

Apakah Saya Perlu Menggunakan Plugin Optimasi WordPress?

Tidak. Platform Hosting WordPress Terkelola Kinsta menyediakan caching lokal, Edge Caching, dan CDN yang disesuaikan dengan baik untuk mendukung CMS paling populer di dunia. Tidak diperlukan plugin WordPress pihak ketiga.

Bisakah Saya Mematikan Caching Tepi?

Ya. Anda dapat menonaktifkan Edge Caching dalam bentuk apa pun di dalam dasbor MyKinsta. Jika Anda tidak yakin apakah situs Anda kompatibel dengan Edge Caching, hubungi tim dukungan Kinsta untuk mendapatkan saran.

Ringkasan

Janji Internet selalu untuk menghubungkan orang-orang di seluruh dunia. Namun, ternyata jarak fisik antara server dan pengunjung berdampak nyata pada performa website yang dirasakan. Edge Caching memindahkan konten tersebut lebih dekat ke browser web dan mempercepat langkah penting pertama dalam pemuatan halaman yang lebih cepat.

Kinsta menjadikan Edge Caching sebagai komponen fundamental dari layanan Managed WordPress Hosting, melengkapi CDN dan fitur keamanan jaringan yang disertakan dengan integrasi Cloudflare kami.

Rata-rata, Kinsta Edge Caching memotong separuh waktu yang diperlukan untuk mengirimkan HTML halaman web ke pengunjung situs Anda. Untuk situs web dengan audiens yang benar-benar global, peningkatan kecepatan bisa jauh lebih tinggi.

Edge Caching tersedia untuk semua pelanggan kami tanpa biaya tambahan. Jika Anda masih mencari host WordPress yang dibangun dengan mempertimbangkan keamanan, kemudahan penggunaan, dan kinerja, kami memiliki paket hosting yang tepat untuk Anda.