WordPress

Integrate Gumlet with your Wordpress website in 15 minutes

High quality images are an integral part of contemporary website design. They make your site stand out and generate user engagement. But if one is not careful images can slow down the website and lead to bad user experience.

Gumlet is complete image optimisation solution. It takes care of all 5 aspects of optimised image delivery:

  1. Automatic Image Resize: All images are resized according to users device screen size. Each and every user of your site gets the right sized images.

  2. Image compression: Gumlet uses perceptually lossless image compression to reduce the image file size without any effect on image quality. We even optimise GIFs and SVGs.

  3. Automatic WebP: Images are delivered in "new age" WebP format whenever it is supported by the browser. WebP images are 40% lighter then JPEG images for same quality.

  4. Lazy load: The plug-in has in-built lazy load to ensure the fastest page view experience.

  5. Caching and CDN Delivery: All images processed via Gumlet is delivered through CloudFront CDN with more than 215 POPs across the world. It ensures lowest latency for all of your images.

All of above benefits are delivered via a single click install plugin. Please follow the below instructions to make your WordPress site faster and more SEO friendly. This plugin also works with WooCommerce.

Gumlet WordPress Integration Guide

Please follow the these simple instructions closely and your site should have optimised images in no time.

1. Create Account

Please create a Gumlet account by signing up and login to your Gumlet account.

2. Add a WordPress Source

We need to know where to fetch the original images for optimisation. Click the "+ Add WordPress source" button to reach the following screen.

First important input you need to provide us your WordPress URL. Please open the site where you want to implement Gumlet in a new browser tab ▶️ Copy the URL from the address bar ▶️ And paste in the WordPress URL box.

Doing it this way will ensure that this critical step is completed correctly. As some sites have URL format like https://www.example.com and others have https://example.com. Both are different and it is important to capture the correct URL here.

Second input is the Gumlet subdomain that you create. Here you can enter any name that you see fit for your website. Please note this subdomain as it will be required in the next step. Your images will be delivered via https://subdomain.gumlet.com/path/to/image.jpg like URL.

Kindly note that the choice of this subdomain will not have any impact on your site SEO. Gumlet adds canonical link header to tell the search engines that the original image belongs to your website and not Gumlet.com. This functionality is well supported by Google (Read more: Google) and popular in the SEO landscape. It is also supported by lots of other WP plugins like ShortPixel.

After above information added, please click Next button and you will be taken to parameters screen. These options are for advanced use cases only. Please leave the settings as it is and click Save button to create a WordPress source.

Once above steps are complete, your image source is ready.

For Advanced use cases only

If your original images are not being served from your main domain. Instead images are stored in Amazon S3 or Wasabi Storage, please follow this guide for source creation.

3. Install and Configure Plugin

For Gumlet to work properly in is very important that all other lazy load, image optimisation or image caching plugins are deactivated. As Gumlet takes care of all of these functionalities in one go, any other active plugin would create interference and prevent Gumlet from working.

Some popular themes like Brizy and Divi have have inbuilt lazy load, so please check your theme and disable these option. If you are using a caching plugin like WP Rocket please disable lazy load from it and exclude image file types form caching.

Once other lazy load and image optimisation plugins are disabled. Install and activate Gumlet Plugin on your WordPress.

Go to Plugins > Gumlet Plugin > Settings on your WordPress dashboard where you will see the below plugin settings screen.

Enter the subdomain created in Step 2 in Gumlet Source field. Please make sure it is entered in https://example.gumlet.com format.

Heads up! Do not enter Gumlet source in https://www.example.gumlet.com format.

Kindly leave Current Image Domain field blank and other settings unchanged.

Ready!

Please save the settings and clear WordPress cache and you are done!

You images should be optimised and delivered by Gumlet. Please feel free to reach-out to us over support chat or email (support@gumlet.com) in case you need any further help.

We hope you would like the service. Please leave a review for our plugin at on WordPress.

For Advanced use cases only

If your images are loading from any other domain than your website domain then please enter that domain name in Current Image Domain field.

FAQs and Troubleshooting

How do I check if my images are optimised by Gumlet?

  1. Open your site in Google Chrome

  2. Right click on any image

  3. Select "Open image in New Tab" from the menu

  4. If the image address starts from <yoursubdomain>.gumlet.com then you images are being optimised by Gumlet.

Does Gumlet work with background image?

Yes. Gumlet optimises the background images set it CSS as well. However, the image URL must be mentioned "in-line". If the image URL is mentioned in a separate CSS file it can not be optimised by Gumlet. Popular themes like Elementor have settings to make sure image URLs are on page.