Gumlet is designed to ease image processing and delivery. Please go through the steps below to get started.
You just need a free Gumlet account to get started. You can create one here. You can signup using Google or Github accounts. If you prefer Gumlet local account, that option is available as well. We suggest you signup using your company account so billing and support is much easier to provide.
Once signup is complete, you need to tell us where your images are stored. You will also setup a gumlet subdomain like
example.gumlet.com which will be used to deliver all your images. Plesae see detailed instructions on the page setup image source if you need in-depth guide on how to create image source.
Setting up image source gives us all information about where to fetch your images from which subdomain will be used to deliver it. You have to now make changes to your web application such that it delivers images from the newly created Gumlet subdomain rather than your current domain. You have following options to integrate.
We have developed our client side library Gumlet.js which helps you deliver most optimised images to your users with minimal efforts. This is our recommended method to integrate our service with your web application.
First of all, you need to add Gumlet.js library code in
<head> section of your pages.
Rename <img> src="" to data-src=""
If you are currenly serving images from a CDN or your webserver, chances are that you would have all
<img> tags with
src attributes. We recommend you change them to
data-src attributes. For example:
<!-- Current image tag --><img src="https://www.mystore.com/logo.png" alt="Gumlet Logo"><!-- Image tag required for Gumlet --><img data-src="https://www.mystore.com/logo.png" alt="Gumlet Logo">
The library will automatically generate required
src tag and pur correct domain. This is all that was needed to deliver responsive and most optimized images to your users.
<img> tags to use Gumlet domain and put correct URL parameters to deliver correct image sizes.
Once above steps are complete, you are ready to launch your web application with optimized images. Once you deploy above changes, your users will immediately start getting optimized images and your PageSpeed scores should now be much improved.