Panduan

Cara Memuat Media disitus WordPress ke Google Cloud Storage

Dewabiz
March 9, 2019
Cara Memuat Media disitus WordPress ke Google Cloud Storage
Cara Memuat Media disitus WordPress ke Google Cloud Storage

Hari ini kami akan memandu Anda bagaimana cara memuat media di situs WordPress Anda ke Google Cloud Storage, serta secara opsional menayangkan media Anda langsung dari Google Cloud Storage atau CDN. Karena  ditenagai oleh Google Cloud Platform. Alasan utama untuk melakukan ini adalah untuk menghemat ruang disk .

Google Cloud Storage hanyalah sebagian kecil dari banyak produk dan layanan Google Cloud Platform. Karena infrastruktur Google yang besar dan kenyataan bahwa mereka berurusan dengan penyimpanan dalam jumlah besar, mereka dapat menawarkan biaya penyimpanan yang sangat rendah. Jauh lebih rendah dari host WordPress. Biasanya ini digunakan untuk situs besar yang membutuhkan cadangan tambahan atau melayani file besar (gambar, foto, unduhan, perangkat lunak, video, permainan). Beberapa pelanggan mereka termasuk Spotify, Vimeo, Coca-Cola, Philips, Evernote, dan Motorola.

Google Cloud Storage vs Google Cloud CDN

Google Cloud Storage tidak perlu bingung dengan Google Cloud CDN atau penyedia CDN lainnya. Jaringan pengiriman konten (CDN) dirancang khusus untuk mempercepat pengiriman media Anda, sedangkan Google Cloud Storage dirancang khusus sebagai solusi penyimpanan massal.

Namun, Google Cloud Storage dapat membantu mempercepat situs Anda karena menggunakan apa yang disebut penyimpanan multi-regional . Ini berarti konten Google Cloud Storage Anda disimpan dan dikirim dari beberapa lokasi di wilayah itu, mirip dengan CDN. Bahkan menggunakan teknologi cache tepi yang sama. Namun, penting untuk dicatat bahwa ini bukan global dan mungkin akan memiliki latensi yang lebih tinggi daripada solusi CDN lengkap. Google Cloud Storage memungkinkan Anda memilih di antara tiga wilayah:

Asia Pacific
Uni Eropa
Amerika Serikat

Tetapi kami akan menunjukkan kepada Anda di bawah ini bagaimana juga menggunakan CDN bersama dengan Google Cloud Storage.

Harga Google Cloud Storage

Google Cloud Platform menawarkan uji coba gratis selama 12 bulan, $ 300 untuk pelanggan baru. Jika Anda belum pernah menjadi pelanggan Google Cloud Platform dan belum pernah mendaftar untuk uji coba gratis, Anda memenuhi syarat. Ini adalah cara yang bagus untuk menguji Google Cloud Storage dan melihat apakah itu tepat untuk situs Anda sebelum harus membayar apa pun.

Pengaturan Google Cloud Storage WordPress

Untuk integrasi Google Cloud Storage dengan situs WordPress Anda, kami sarankan untuk menggunakan plugin WP-Stateless gratis , yang dikembangkan oleh tim hebat di Usability Dynamics . Plugin menyalin file dari situs WordPress Anda ke Google Cloud Storage secara otomatis saat mereka diunggah ke perpustakaan media. Kemudian menawarkan mode yang berbeda, seperti mencadangkan salinan media Anda atau bahkan menghapus media dari WordPress dan melayani dari Google Cloud Storage.

google cloud storage

image by kinsta.com

Plugin ini masih sangat baru di blok tetapi memiliki reputasi yang bagus dan secara aktif dipelihara dan diperbarui. Saat menulis ini, saat ini ia memiliki lebih dari 2.000 instalasi aktif dengan peringkat bintang 5 dari 5 yang mengesankan. Ini juga menawarkan kompatibilitas resmi dengan plugin pihak ketiga berikut:

  • Unduhan Digital Mudah
  • Pengoptimal Gambar
  • Pengoptimal Gambar ShortPixel
  • WPForms
  • WP Smush
  • Addon Pangkas Bidang Kustom Lanjutan
  • Bundel Widget SiteOrigin
  • CSS SiteOrigin
  • Bentuk Gravitasi
  • WPBakery Page Builder

Hanya karena plugin tidak terdaftar di atas, tidak berarti plugin tidak akan berfungsi dengan integrasi. Ini hanyalah plugin yang telah digunakan tim UsabilityDynamics ekstra waktu untuk memperbaiki bug dan mengkonfirmasi kompatibilitas. Namun, kami selalu menyarankan untuk menguji plugin baru seperti ini di lingkungan pementasan terlebih dahulu.

Langkah 1

Untuk menginstal plugin WP-Stateless gratis, Anda dapat mengunduhnya dari repositori WordPress atau dengan mencari “WP-Stateless” di dasbor WordPress Anda di bawah plugin “Add New”. Klik “Instal Sekarang” dan aktifkan.

Langkah 2

Klik “Mulai Pengaturan Asisten.” Atau Anda dapat mengikuti instruksi pengaturan manual mereka .

Langkah 3

Klik “Google Login.” Anda harus menggunakan Akun Google yang ingin dikaitkan dengan situs web ini dan menyetujui permintaan izin. Jika Anda tidak yakin tentang pemberian akses ke akun Google Anda, lihat dokumentasinya berdasarkan permintaan izin . Jika Anda memilih untuk tidak memberikan akses ke akun Google Anda, Anda selalu dapat pergi dengan proses pengaturan manual.

Langkah 4

Klik “Izinkan” bagi mereka untuk melihat dan mengelola data Anda di seluruh layanan Google Cloud Platform. Catatan: Setelah proses login pengguna selesai, mereka tidak menyimpan token atau kredensial akses apa pun.

Langkah 5

WP-Stateless kemudian akan membantu Anda mengonfigurasi proyek dan ember Google Cloud Anda yang akan menyimpan file media WordPress Anda.

Google Cloud Project: Setiap Google Cloud Bucket terkandung dalam sebuah proyek. Anda dapat membuat proyek baru atau memilih dari salah satu proyek yang ada.

Google Cloud Bucket: Semua data WordPress Anda disimpan dalam ember. Anda dapat membuat ember baru atau memilih dari salah satu ember yang ada.

Google Cloud Bucket Multi-Regional Location: Bucket Anda yang baru dibuat akan dilengkapi dengan kelas penyimpanan multi-regional. Pilih wilayah yang paling dekat dengan mayoritas pengunjung situs web Anda.
Google Cloud Billing: Jika Anda tidak memiliki akun penagihan, klik tombol untuk menyiapkannya. Jangan lupa mereka menawarkan uji coba gratis 12 bulan, $ 300 .

Penting: Jika Anda ingin menggunakan domain kustom atau URL CDN Anda sendiri untuk Google Cloud Storage, pastikan untuk memberi nama bucket Anda sama persis dengan URL domain CDN Anda. Nama Bucket: gcs.yourdomain.com. Ini akan memberi Anda peringatan tentang karakter, tetapi periode OK untuk digunakan dalam nama ember. Ini hanya harus dimulai dan diakhiri dengan karakter alfanumerik.

Setelah Anda mengkonfigurasi semuanya di atas klik “Lanjutkan.” Anda kemudian akan melihat konfirmasi bahwa semuanya sudah diatur dengan benar.

Pengaturan Penyimpanan Google Cloud

Anda dapat menemukan pengaturan WP-Stateless dan Google Cloud Storage di bawah “Media → Pengaturan Stateless.” Di bawah tab “Pengaturan” Anda akan ingin mengkonfigurasi mode yang Anda inginkan.

Dinonaktifkan : Nonaktifkan Media Stateless.
Cadangkan : Unggah file media ke Google Storage dan sajikan URL file lokal.
CDN : Salin file media ke Google Storage dan sajikan langsung dari sana.
Stateless: Menyimpan dan menayangkan file media hanya dengan Google Cloud Storage. File media tidak disimpan secara lokal. Opsi ini akan menghemat ruang disk paling banyak .
Penggantian URL File : Memindai konten posting dan meta selama presentasi dan mengganti URL file media lokal dengan Google Cloud Storage URL. Pengaturan ini tidak mengubah database Anda.

Khawatir tentang mendapatkan file media Anda nanti? Jangan khawatir, plugin ini memiliki fitur sinkronisasi (yang kami jelajahi lebih lanjut di bawah) jika Anda ingin kembali. Anda juga dapat selalu mengambil folder unggah WordPress dari keranjang Google Cloud Storage itu sendiri karena hanya meniru tampilan perpustakaan media Anda (seperti yang terlihat di bawah).

image by kinsta.com

Lebih jauh ke bawah halaman Anda memiliki pengaturan tambahan:

Cache-Control : Secara default, ini disetel ke: public, max-age=36000, must-revalidate. Anda dapat menimpa ini jika Anda mau.
Hapus File GSC : Aktifkan opsi ini jika Anda ingin file dihapus dari GSC ketika Anda menghapusnya dari perpustakaan media WordPress Anda.
URL dan Domain File : Ganti domain GCS default dengan domain kustom Anda sendiri. Ini mengharuskan Anda mengonfigurasi CNAME . Harap diperhatikan bahwa nama ember dan nama domain harus sama persis. Menurut dokumentasi mereka, HTTPS tidak didukung dengan domain khusus, tetapi berfungsi dengan baik untuk kami.
Organisasi : Atur unggahan ke dalam folder berbasis tahun dan bulan.
Penghilang Tembolok : Meletakkan serangkaian angka dan huruf acak ke nama file. Ini berguna untuk mencegah masalah caching saat mengunggah file yang memiliki nama file yang sama.

Gambar yang Anda unggah ke perpustakaan media WordPress Anda secara otomatis disalin ke Google Cloud Storage. Namun, setelah Anda mengkonfigurasi plugin pertama kali, Anda ingin menjalankan sinkronisasi massal. Di bawah “Media → Pengaturan Stateless → Sinkronisasi” Anda memiliki opsi berikut:

Regenerasi semua gambar stateless dan sinkronkan Google Storage dengan server lokal. (Catatan: opsi ini akan memakan waktu pertama kali)
Sinkronisasi file non-gambar antara Google Storage dan server lokal.
Sinkronisasi file pustaka non-media antara Google Storage dan server lokal.

image by kinsta.com

Integrasi CDN Google Cloud Storage

Khawatir tentang kinerja Google Cloud Storage? Memang benar bahwa penyimpanan multi-regional tidak akan secepat CDN normal, dan itu jelas tidak bagus untuk pengguna global. Namun, Anda masih dapat mengirimkan file melalui penyedia CDN favorit Anda. Cukup ikuti langkah-langkah di bawah ini di mana kita akan menggunakan KeyCDN sebagai contoh.

Siapkan zona baru khusus untuk media Penyimpanan Google Cloud Anda. Ikuti tutorial KeyCDN tentang integrasi CDN Google Cloud Storage . Pada dasarnya Anda menggunakan Google Cloud Storage sebagai server asal Anda.
Deploy Let’s Encrypt untuk HTTPS di zona baru.
Siapkan alias zona baru di KeyCDN. Contoh: gcs.yourdomain.com.
Gunakan alias zona Anda dalam pengaturan plugin WP-Stateless.

Karena plugin WP-Stateless hanya menangani perpustakaan media Anda (gambar), Anda mungkin juga ingin menyajikan skrip Anda (JS, CSS) melalui CDN. Cukup ikuti langkah-langkah di bawah ini.

Konfigurasikan zona terpisah dengan penyedia CDN Anda untuk aset Anda dan gunakan URL yang berbeda dari yang di atas, seperti cdn.yourdomain.com.
Instal plugin WordPress CDN yang mendukung pengecualian: enabler CDN (gratis), Perfmatters (premium), atau WP Rocket (premium).
Siapkan pengecualian sehingga plugin CDN Anda hanya memuat CSS, JS, dll. Dengan cara ini plugin WP-Stateless menangani file media Anda dan plugin CDN menangani aset Anda.

Bagikan Artikel Ini