How does Cloudimage accelerate images?

There are 2 factors which make the loading times long :

  • the size of the file,
  • the network quality between the Origin Server and the End-User

By adapting the size/weight and format of your images and using his globally distributed multiple CDN networks, Cloudimage will improve the loading time of your images all around the world.

Cloudimage_Process.gif

 

 

Process for the first time an image is requested using Cloudimage:

  1. This image do not exist in the CDN as optimised version
  2. It requires long process of:
    - downloading the Original image to our servers
    - transcoding the image (if GIF) - this means breaking the image to image per image - optimising what possible and compiling again (based on selected size and parameters/functions
    - the new version to be delivered to CDN
    - from there the end user to get it
  3. Once the image version (resized copy) is cached in our CDN it get directly delivered to your end users - skipping all other steps
  4. Best way to compare the speed difference is:
    - Open new image for first time in your browser while observing the network on the browser dev tab
    - Do hard refresh (reload with cleared cache)
    - Compare the time between the 2 requests

The bigger Origin file and the more complex transformations needed == the longer TTFB for the first delivery

 

When image is requested we have 3 possible cases:

  1. The image is requested for first time, we do not have the transformation in our CDN and don't have the Original file 
  2. The CDN do not have cached the requested image resize, but we have previously downloaded Original file
  3. The CDN have available the requested image resize.

As visible here we have all 3 points listed in example image - we can see the Time for each compare_times.jpg

And here we can see in details what process took time for each of the 3 requests:

  • First time requesting file - (all listed process above) downloaded.jpg
  • Requesting new resize (already available Original file) cached_original.jpg
  • Requesting cached resize  cached_resize.jpg

 

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.