HomeBlogTutorial3 Panduan Optimasi WordPress Menggunakan CDN Statically

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 Statically 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.
Pendaftaran Statically

Pendaftaran Statically

  • Tunggu hingga API Key Statically muncul seperti gambar dibawah ini.
Api Key Statically

Api Key Statically

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

Install Plugin Statically

Cara Setting Plugin Statically

General

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

Konfigutasi Plugin Statically

Konfigutasi Plugin Statically

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

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

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

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

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

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.

  1. Buka salah satu halaman/post.
  2. Pada keyboard tekan tombol ctrl+u secara bersamaan.
  3. 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.

5 thoughts on “3 Panduan Optimasi WordPress Menggunakan CDN Statically

Leave a Reply

Your email address will not be published. Required fields are marked *