WordPress Google Cloud Storage – Learn how to Offload Your Media

In a earlier tutorial, we confirmed you how you can offload media to Amazon S3. At the moment we’re going to stroll you thru a few choices on how you can offload media in your WordPress website to Google Cloud Storage, in addition to optionally serving your media straight from Google Cloud Storage or a CDN.

Since Kinsta is powered by Google Cloud Platform we’re clearly massive followers of their know-how and infrastructure. The principle cause to do that is to save lots of on disk house.

Google Cloud Storage is only a small a part of Google Cloud Platform’s many services and products. As a result of Google’s huge infrastructure and the truth that they take care of storage in bulk, they’re able to supply very low storage prices. A lot decrease than a WordPress host.

Sometimes cloud storage like that is used for websites that both want extra backups with an answer like our exterior backups add-on, or are serving up giant recordsdata (photos, photographs, downloads, software program, movies, video games). A few of their clients embrace Spotify, Vimeo, Coca-Cola, Philips, Evernote, and Motorola.

Robotically offloading your giant recordsdata to Google Cloud Storage will be a straightforward method to save on disk house! 👍Click on to Tweet

For Kinsta customers who don’t need to undergo the method of organising an exterior storage supplier like Google Cloud Storage, we provide a one-click disk house add-on.

Google Cloud Storage vs Google Cloud CDN

Google Cloud Storage is to not be confused with Google Cloud CDN or some other CDN supplier. A content material supply community (CDN) is designed particularly to hurry up supply of your media, whereas Google Cloud Storage is designed particularly as a bulk storage resolution.

Nonetheless, Google Cloud Storage can assist pace up your website because it makes use of what known as multi-regional storage. This implies your Google Cloud Storage content material is saved on and delivered from a number of areas inside that area, much like a CDN. It even makes use of the identical edge cache know-how. Nonetheless, it’s necessary to notice that this isn’t world and can in all probability have greater latency than a full-fledged CDN resolution. Google Cloud Storage allows you to select between three areas:

  • Asia Pacific
  • European Union
  • United States

However we’ll present you under how you can additionally use a CDN together with Google Cloud Storage.

Google Cloud Storage Pricing

Google Cloud Platform provides a 12-month, $300 free trial for brand new clients. When you have by no means been a paying buyer of Google Cloud Platform and haven’t beforehand signed up for the free trial, you’re eligible. It is a nice method to check Google Cloud Storage and see whether it is proper on your website earlier than having to pay something. See free trial FAQs and Google Cloud Storage pricing.

Google Cloud Platform free trial

Google Cloud Platform free trial

WordPress Google Cloud Storage Setup with WP-Stateless

Your first choice for integrating Google Cloud Storage along with your WordPress website is to make use of the free WP-Stateless plugin, developed by the superior staff over at Usability Dynamics.

This plugin copies recordsdata out of your WordPress website to Google Cloud Storage robotically as they’re uploaded to the media library. It then provides totally different modes, comparable to backing up a duplicate of your media and even deleting the media from WordPress and serving up from Google Cloud Storage.

WP-Stateless WordPress plugin

WP-Stateless WordPress plugin

This plugin remains to be fairly new on the block however has an amazing fame and is actively maintained and up to date. As of scripting this, it at present has over 2,000 lively installs with a formidable 5 out of 5-star ranking. It additionally provides official compatibility with the next third-party plugins:

  • Straightforward Digital Downloads
  • Imagify Picture Optimizer
  • ShortPixel Picture Optimizer
  • WPForms
  • WP Smush
  • Superior Customized Fields Picture Crop Addon
  • SiteOrigin Widget Bundle
  • SiteOrigin CSS
  • Gravity Types
  • WPBakery Web page Builder

Simply because a plugin isn’t listed above doesn’t imply it received’t work with the mixing. These are merely plugins that the UsabilityDynamics staff has spent further time on to repair bugs and ensure compatibility. Nonetheless, we at all times advocate testing new plugins like this in a staging setting first.

Step 1

To put in the free WP-Stateless plugin, you’ll be able to obtain it from the WordPress repository or by looking for “WP-Stateless” inside your WordPress dashboard underneath “Add New” plugins. Click on on “Install Now” and activate it.

Install WP-Stateless WordPress plugin

Set up WP-Stateless WordPress plugin

Step 2

Click on on “Begin Setup Assistant.” Or you’ll be able to comply with their handbook setup directions.

WP-Stateless setup

WP-Stateless setup

Step 3

Click on on “Google Login.” You must use the Google Account you need to be related to this web site and consent to the permissions request. In case you’re not sure about granting entry to your Google account, take a look at their documentation on the permissions request. In case you favor to not present entry to your Google account, you’ll be able to at all times go together with the handbook setup course of.

WP-Stateless Google login

WP-Stateless Google login

Step 4

Click on on “Allow” for them to view and handle your information throughout Google Cloud Platform providers. Word: As soon as the person login course of is full they don’t retain any tokens or entry credentials.

Google account permissions request

Google account permissions request

Step 5

WP-Stateless will then enable you to configure your Google Cloud venture and bucket that may retailer your WordPress media recordsdata.

  • Google Cloud Venture: Every Google Cloud Bucket is contained inside a venture. You’ll be able to create a brand new venture or select from considered one of your present tasks.
  • Google Cloud Bucket: All of your WordPress information is saved in a bucket. You’ll be able to create a brand new bucket or select from considered one of your present buckets.
  • Google Cloud Bucket Multi-Regional Location: Your newly created bucket can be provisioned with a multi-regional storage class. Choose the area that’s closest to the vast majority of your web site’s guests.
  • Google Cloud Billing: In case you don’t have a billing account click on the button to set one up. Don’t neglect they do supply a 12-month, $300 free trial.

Necessary: If you wish to use your personal customized area or CDN URL for Google Cloud Storage ensure to call your bucket the very same as your CDN area URL. Bucket identify: gcs.yourdomain.com. It provides you with a warning about characters, however intervals are OK to make use of in bucket names. It merely have to begin and finish with an alphanumeric character.

WP-Stateless Project and Bucket

WP-Stateless Venture and Bucket

After you have configured every part above click on “Continue.” You must then see a affirmation that every part is setup accurately.

WP-Stateless setup

WP-Stateless setup

Google Cloud Storage Settings in WP-Stateless Plugin

Yow will discover the WP-Stateless and Google Cloud Storage settings underneath “Media → Stateless Settings.” Below the “Settings” tab it would be best to configure the mode you like.

  • Disabled: Disable Stateless Media.
  • Backup: Add media recordsdata to Google Storage and serve native file URLs.
  • CDN: Copy media recordsdata to Google Storage and serve them straight from there. Word: You’ll be able to’t use each Kinsta CDN and this selection. It’s essential to select one or the opposite.
  • Stateless: Retailer and serve media recordsdata with Google Cloud Storage solely. Media recordsdata are usually not saved regionally. This feature would prevent probably the most disk house.
  • File URL Alternative: Scans submit content material and meta in the course of the presentation and replaces native media file URLs with Google Cloud Storage URLs. This setting doesn’t modify your database.
WP-Stateless mode

WP-Stateless mode

Apprehensive about getting your media recordsdata later down the highway? Don’t fear, the plugin has a sync function (which we discover additional under) in case you need to revert again. You may as well at all times seize your WordPress add folders from the Google Cloud Storage bucket itself because it merely mimics the precise look of your media library (as seen under).

Google Cloud Storage WordPress bucket folders

Google Cloud Storage WordPress bucket folders

Additional down the web page you’ve gotten the extra settings:

  • Cache-Management: By default, that is set to: public, max-age=36000, must-revalidate. You’ll be able to override this if you’d like.
  • Delete GSC File: Allow this selection if you’d like the file deleted from GSC while you delete it out of your WordPress media library.
  • File URL and Area: Exchange the default GCS area with your personal customized area. It will require you to configure a CNAME. Be suggested that the bucket identify and area identify have to match precisely. In response to their documentation HTTPS shouldn’t be supported with a customized area, but it surely labored fantastic for us.
  • Group: Set up uploads into 12 months and month primarily based folders.
  • Cache Busting: Prepends a random set of numbers and letters to the filename. That is helpful for stopping caching points when importing recordsdata which have the identical filename.
WP-Stateless additional settings

WP-Stateless extra settings

Photos you add to your WordPress media library are robotically copied to Google Cloud Storage. Nonetheless, after you first configure the plugin it would be best to run a bulk sync. Below “Media → Stateless Settings → Sync” you’ve gotten the next choices:

  • Regenerate all stateless photos and synchronize Google Storage with the native server. (Word: this selection will take some time the primary time)
  • Synchronize non-images recordsdata between Google Storage and the native server.
  • Synchronize non-media library recordsdata between Google Storage and the native server.
WP-Stateless sync

WP-Stateless sync

Your second choice for integrating Google Cloud Storage along with your WordPress website is to make use of the equally superior free WP Offload Media Lite plugin (or premium WP Offload Media) from Scrumptious Brains Inc.

WP Offload Media WordPress plugin

WP Offload Media WordPress plugin

You’ll be able to positively meet most of your wants with the lite model of WP Offload Media; nonetheless, there are some good options for those who improve to the premium model:

  • PriorityExpert™ e-mail assist.
  • Add present Media Library to cloud storage.
  • Management cloud storage recordsdata from the Media Library.
  • Take away recordsdata from the server as soon as offloaded within the background.
  • Obtain and take away from cloud storage.
  • Copy recordsdata between buckets in your storage supplier within the background.
  • Serve website property (CSS, JS, photos, fonts, and so on) from CloudFront or one other CDN in only a few clicks with the Belongings Pull Addon.
  • Integrations with WooCommerce, WPML, Straightforward Digital Downloads, Meta Slider, Allow Media Exchange, and Superior Customized Fields.

Step 1

To put in the free WP Offload Media Lite plugin, you’ll be able to obtain it from the WordPress repository or by looking for “WP Offload Media Lite” inside your WordPress dashboard underneath “Add New” plugins. Click on on “Install Now” and activate it.

Install WP Offload Lite WordPress plugin

Set up WP Offload Lite WordPress plugin

Step 2

Comply with their quickstart directions for Google Cloud Storage:

Google Cloud Storage CDN Integration

Apprehensive concerning the efficiency of Google Cloud Storage? It’s true that multi-regional storage merely received’t be as quick as a traditional CDN, and it’s positively not nice for world customers. Nonetheless, you’ll be able to nonetheless ship recordsdata by way of your favourite CDN supplier. Beneath are a couple of totally different choices.

Configure WP-Stateless with KeyCDN

Simply comply with the steps under through which we’ll be utilizing KeyCDN for instance.

Necessary: This does imply you’ll be billed each by Google Cloud Storage and your CDN supplier, so that you’ll in all probability need to crunch the numbers beforehand. Or for those who’re utilizing the Google Cloud Platform trial, it is a nice method to estimate your prices with out being billed by Google. The next doesn’t at present work with Kinsta CDN.

  1. Arrange a brand new zone particularly on your Google Cloud Storage media. Comply with KeyCDN’s tutorial on Google Cloud Storage CDN integration. Primarily you’re utilizing Google Cloud Storage as your origin server.
  2. Deploy Let’s Encrypt for HTTPS on the brand new zone.
  3. Arrange a brand new zone alias at KeyCDN. Instance: gcs.yourdomain.com.
  4. Use your zone alias in WP-Stateless plugin settings.

The result’s that KeyCDN is now delivering all of your Google Cloud Storage recordsdata. Efficiency drawback solved!

Google Cloud Storage and KeyCDN

Google Cloud Storage and KeyCDN

As a result of the truth that the WP-Stateless plugin solely handles your media library (photos) you in all probability additionally need to serve up your scripts (JS, CSS) by way of a CDN. Merely comply with the steps under.

  1. Configure a separate zone along with your CDN supplier on your property and use a unique URL from the one above, comparable to cdn.yourdomain.com.
  2. Set up a WordPress CDN plugin that helps exclusions: CDN enabler (free), Perfmatters (premium), or WP Rocket (premium).
  3. Setup exclusions in order that your CDN plugin solely hundreds CSS, JS, and so on. This fashion the WP-Stateless plugin handles your media recordsdata and the CDN plugin handles your property.
CDN exclusions in Perfmatters

CDN exclusions in Perfmatters

The top result’s that your media hundreds out of your customized CDN URL (which is being pulled from Google Cloud Storage) and your property load out of your different customized CDN URL.  And for those who’re operating in “Stateless” mode your WordPress website received’t make the most of any disk house for its photos. Fairly cool!

Google Cloud Storage and CDN combo

Google Cloud Storage and CDN combo

Configure WP Offload Media with Google Cloud CDN

By default, WP Offload Media is configured to make use of uncooked Google Cloud Storage URLs when serving offloaded media. Your media URLs may look one thing like this:


Take a look at their tutorial on how you can arrange a customized area CDN for Google Cloud Storage.

In case you loved this tutorial, then you definitely’ll love our assist. All Kinsta’s internet hosting plans embrace 24/7 assist from our veteran WordPress builders and engineers. Chat with the identical staff that backs our Fortune 500 shoppers. Take a look at our plans

Leave a Reply

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