3 Panduan Optimasi WordPress Menggunakan CDN Statically

CDN Statically – Artikel ini merupakan lanjutan dari postingan sebelumnya yang berjudul cara setting Cloudflare. Sama halnya dengan CDN Cloudflare, CDN gratis ini juga mampu untuk mengoptimasi website WordPress juga.

CDN gratis ini karya putra bangsa Indonesia yang dinamail Statically. Statically ini merupakan layanan Content Delivery Network (CDN) gratis. Anda dapat menggunakan CDN ini secara gratis dan berbayar untuk fitur premium (masih dalam rencana).

Perlu diketahuin, sampai artikel ini diterbitkan CDN gratis ini menggunakan Cloudflare juga loh. Jadi dengan menggunakan CDN Statically ini website Anda akan mendapatkan fitur keamanan juga.

Tidak hanya itu Statically juga disponsori oleh penyedia layanan CDN Premium lainnya juga, seperti Bunny CDN, CDN77 dan Fastly.

Diharapkan artikel ini dapat membantu optimasi website WordPress yang Anda miliki. Berikut cara optimasi WordPress menggunakan Statically dengan mudah.

Panduan Menggunakan CDN Statically

Dalam artikel ini akan menunjukan kepada Anda bagaimana cara menggunakan CDN Statically agar tidak terjadi kerusakan pada website karena kesalahan pengaturan.

Ikutin panduannya dan sesuaikan dengan tools atau plugin yang Anda gunakan. Disini kami memberikan alternatif penggunaan lainnya seperti pada plugin WP-Rocket dan LiteSpeed Cache.

Menggunakan Plugin Statically

Plugin Statically Official sudah tersedia pluginnya di repositori WordPress yang bisa lansung digunakan. Ikuti tutorial cara setting plugin Statically dibawah ini.

Daftar dan Pasang Plugin Statically

Silahkan kunjung halaman Stati c ally untuk melakukan pendaftaran.
Skrol kebawah Generate API Key silahkan masukan email aktif, domain yang akan menggunakan CDN Statically dan dua pilihan lainnya kemudian klik Generate API Key.

Tunggu hingga API Key Statically muncul seperti gambar dibawah ini.

Masuk ke Dashboar WordPress Anda » Plugin » Tambah baru » Cari Plugin Statically » Pasang Sekarang » Aktifkan.

Cara Setting Plugin Statically

General

Silahkan isi pada field Statically API Key yang sudah didapatkan pada tahap pendaftaran sebelumnya. Kemudian klik tombol Simpan Perubahan.

Speed

Pada menu ini, silahkan atur Image Quality sesuai keinginan. Tapi rekomendasi ada di 80an supaya gambarnya tidak terlalu burem nantinya. Centang juga Auto WebP atau biarkan saja, karena ini pilihan. Untuk yang lainnya biarkan saja.

Konfigurasi tambahan pada plugin Statically

Menggunakan Plugin WP-Rocket

Bagi pengguna plugin caching WP-Rocket bisa mengikuti panduan ini untuk dapat menggunakan CDN Statically sehingga tidak perlu melakukan penambahan plugin.

Diasumsikan Anda sudah melakukan pendaftaran domain yang akan menggunakan CDN gratis dari Statically.

Konfigurasi pada plugin WP-Rocket

Silahkan masuk ke pengaturan WP-Rocket » CDN.
Ceklis pada bagian Enable Content Delivery Network.
Isi pada kolom CNAMEs dengan https://cdn.statically.io/sites/domainanda.com
Reserved for All files (Gambar, CSS dan JS) atau jika Anda ingin memberlakukan CDN ke gambar atau CSS dan JS saja bisa tinggal disesuaikan.
Klik tombol Save Changes.

Konfigurasi Statically pada plugin WP-Rocket

Menggunakan Plugin LiteSpeed Cache

Pengaturan ini berlaku bagi yang menggunakan plugin LiteSpeed Cache. Plugin ini memiliki banyak fitur yang bisa mengoptimasi website WordPress Anda. Salah satunya dapat difungsikan untuk menggunakan CDN. Berikut ini pengaturan penggunaan CDN pada plugin LS Cache.

Konfigurasi pada Plugin LiteSpeed Cache

Masuk ke pengaturan plugin LiteSpeed Cache » CDN.
Use CDN Mapping » ON.
CDN URL » https://cdn.statically.io/sites/domainanda.com
Include Images, CSS dan JS. Bisa disesuaikan mana saja yang akan menggunakan CDN.
Original URLs » //domainanda.com/
Klik tombol Save Changes.

Pengaturan CDN pada Plugin LiteSpeed Cache

Pengujian

Jika semua pengaturan sudah benar, silahkan clear cache pada browser yang Anda gunakan dan caching pada website Anda.

Untuk memastikan apakah website Anda sudah menggunakan CDN dari Statically bisa melakukan cara berikut ini.

Buka salah satu halaman/post.
Pada keyboard tekan tombol ctrl+u secara bersamaan.
Perhatikan pada kode website Anda dan cari tulisan https://cdn.statically.io/.

Gunakan CDN gratis dari Statically ini dengan sebaik-baiknya untuk dapat mengoptimasi website WordPress.

Sampai disini tutorial WordPress dikesempatan ini. Jika mengalami kendala dalam penggunaannya, Anda bisa meninggalkan pesan di kolom komentar dibawah ini.

CDN CDN Statically

Comments (5)

Muhammad Nur Ardi Handayat
Apr 30, 2020

Mantap min, udah pakai hosting dari hostingan, ditambah pula dioptmasi, semaki wuss wuss dehh..

Ahzelan
Jul 10, 2020

Kalau pakai plugin caching yang lain bagaimana tuh? Seperti W3C atau autooptimize

- Wichaksono W
  Sep 23, 2020
  
  sebenarnya tinggal mengganti kolom CDN (jikap tersedia diplugin) seperti halnya Litespeed cache dan wp-rocket
  
indihome.web.id
Jan 22, 2021

Terima kasih min, Mau tanya nih kalau sudah menggunakan plugin litespeed apakah perlu menginstall Plugin Statically lagi? Atau itu salah satu saja?

- Wichaksono W
  Jan 25, 2021
  
  Bisa perlu bisa tidak, karena konsen dari Plugin Statically dan plugin litespeed itu berbeda, statically untuk tujuan CDN sedangkan Litespeed untuk tujuan Cache.

3 Panduan Optimasi WordPress Menggunakan CDN Statically

Panduan Menggunakan CDN Statically