Cloudimage - Documentation

Accounts created before Nov. 1st, 2021

Accounts created before November 1, 2021 have to include /v7/ in the path, like shown below.

//token.cloudimg.io/v7/original_image_url?operations&filters

Accounts created on or after November 1, 2021 do not require /v7/ and documentation have been updated accordingly.
To verify the type of configuration on your Cloudimage account, log in to your Cloudimage admin panel and look at the syntax provided on the Welcome page.

[NOTE] If you are an existing Cloudimage customer and wish to be able to remove the v7 from your URL syntax, please contact our support.

RUM Page

Overview of RUM by Scaleflex

The Scaleflex RUM function is a separate fee-based service not included in our Standard subscription plan.

Your Sales Representative may consent to a free trial. To activate your trial, please submit a Support ticket.

One of the biggest values brought by Cloudimage is page load acceleration through optimizing media assets such as images and animated visuals. Better loading times have a direct impact on Core Web Vitals, announced by Google in May 2020. Core Web Vitals are performance metrics allowing Google to evaluate the user experience. They have a direct impact on SEO as Google takes the 3 Core Web Vitals LCP, FID and CLS more and more into account when ranking your website.

Scaleflex Real User Monitoring (RUM) allows to achieve 2 main goals:
  1. Measure the Core Web Vitals of your web application and display results with dashboards
  2. Evaluate the performance gains of Cloudimage image optimization and its impact on Core Web Vitals
How is RUM different from Synthetic Monitoring?

Synthetic Monitoring records the performance of your web or mobile application through sensors running on servers in one or multiple data centers. It allows a general overview of the performance of a web application website and uptime. It does not give a precise indication of UX and Core Web Vitals as it is not simulating the real user experience.

RUM records the performance of your website as experienced by your actual end-users, regardless of browser, device or geographic location. It allows insights into performance based on location, device type, connection speed, network provider, and many more user-based metrics. This is critical for large and complex websites with constant evolving content and functionalities, and those who access the site may differ significantly in life experiences from those who created it.

Dashboard overview

Conceptually the dashboard is divided into 3 sections bellow a filtering/control panel. From top to bottom:

  • Control panel

    • Google Web Vitals data
    • Page-specific data
    • Resource specific data

Selecting the variables in any combination of top control panel options will generate a report for that specific Country/Page/Device type for all Web Vitals Page and Resource data.

Control panel

Allows customers to define the scope of data exploration. Each selection will re-query the data set to provide summary statistics:

Photo alt \#responsive

#ItemDescriptionRemark
1CountryFilter By CountrySelect one, default all
2PageFilter By PageSelect one, default all
3DeviceFilter By Device typeSelect one, default all
4TimeFilter by Time range
Google Web Vitals data

This selection allows viewing the Web Vitals statistics based on the scope of control panel selection.

The data is broken down to:

  • Gauge graph indicating the range of data about Web Vitals recommended values.
  • Numerical Web Vitals score.
  • Histogram representing the Web Vitals distribution of results.

Photo alt \#responsive

#ItemDescriptionRemark
1FIDFirst Input Delay
2FID StatusRelative score resulting in advice about action needed
3FID HistogramSplit of values obtained on the period in buckets
4LCPLargest Contentful Paint
5LCP StatusRelative score resulting in advice about action needed
6LCP HistogramSplit of values obtained on the period in buckets
7CLSCumulative Layout Shift
8CLS StatusRelative score resulting in advice about action needed
9CLS HistogramSplit of values obtained on the period in buckets
“Page” specific data

This selection provides an overview of network timing events for the page (HTML document) along with DOM rendering and processing results based on the control panel selection

Photo alt \#responsive

“Resource” specific data

Resource specific data represents the Image tagged resources that were queued by the page and downloaded during the life-cycle of the page view. This data is dependent on the browser caching and prioritization scheme and is averaged over all the data points selected in the control panel

Photo alt \#responsive

Due to the limitations of Web browsers not passing MIME-type values on resources to JavaScipt the Resources table queries all resources based on the PHP RUM script inferring from file extensions the type of the resources and applying an image=1 value in the database to these files. As a result, this may not capture all images that are downloaded by browsers.