About the web interface controls

In addition to being accessible via Fastly's application programming interface (API), Fastly services can also be accessed via a web interface for users with the appropriate access permissions.

Access to Fastly's web interface controls

Access to Fastly's web interface controls requires you to sign up for a Fastly account. Creating an account is free. Once you've created an account, you can navigate to the controls via the Fastly login page at https://manage.fastly.com, either directly using any standard web browser or by clicking the Login link at the top right of almost all pages at the Fastly website.

Once logged in to a Fastly account, the web interface controls appear as appropriate based on the roles and permissions assigned to you.

the stopwatch link

The default control groups appear as follows from left to right across the top of the interface:

About the All services page

The All services page displays a summary of all your services, sorted by requests per second. It appears automatically when users with the appropriate access permissions log in to the Fastly web interface. You can access it by clicking Home next to the stopwatch icon.

Home icon selected

The All services page allows you to:

  • access the real-time stats information for a particular service by clicking the Real-time Stats link under the service name
  • open the current configuration settings for a service by clicking the active version number in the Configuration column
  • view the number of requests received per second for a service in the Requests Per Second column
  • view small graphs of the total number of requests received for a service over a two hour period in the Last 2 Hours of Requests column

the all services page

You can also search for a specific service associated with a domain by typing the domain name in the Search by domain field. The domain name you enter must be an exact match to find the desired service.

About the Stats page

The Stats page provides you the capability to monitor your real-time analytics and view your historical caching statistics for your services on the web interface.

From here, you can access the:

The Stats link appears automatically for logged in users with the appropriate access permissions.

Viewing the Real-time stats

The Real-time stats page allows you to separately monitor caching for each of your services in real time, as they operate on a second-by-second basis.

real-time analytics page

The data on this page may appear grayed out or blank to some users, with no information displayed in the controls, when a customer's service does not receive enough requests for Fastly to display meaningful information about it in real time. If you've just created your service, you might see a message saying there's nothing to see yet.

real-time cache activity for a service per second from all data centers

In addition to a menu allowing you to select the specific data center from which to view data (it defaults to data from all data centers), the top of the dashboard includes the following real-time cache activity:

  • Hits: the number of times requested data is found in cache and does not require making a fetch your origin server.
  • Hit Time: the average amount of time (in milliseconds) spent processing cache hits.
  • Misses: the number of times requested data is not found in cache and has to be requested from your origin server.
  • Hit Ratio: the percentage of content being accessed that is currently cached by Fastly. Also known as Fastly's definition of cache hit ratio. While there are many ways to calculate cache hit ratio, at Fastly this is defined as the proportion of cache hits (hits) to all cacheable content (hits + misses). If shielding is enabled, it can cause the hit ratio to be inaccurate.
  • Miss Time: the average amount of time (in milliseconds) spent processing cache misses.
  • Requests: the number of requests Fastly receives for your site per second.
  • Errors: the number of error responses per second that occur as Fastly receives requests for your site.

Below the real-time cache activity summary data, several graphs appear:

Individual dashboard graphs

The graphed cache activity includes:

  • Global POP Traffic: a heat map displaying global POP traffic through all POPs for your service.
  • Requests: a graph displaying the total number of requests received for your site by Fastly over time.
  • Errors: a graph displaying the number of error requests that occurred over time.
  • Hit Ratio: a graph displaying the percentage of content being accessed that is currently cached by Fastly over time.
  • Bandwidth: a graph displaying the bandwidth served from Fastly's servers to your website's visitors.
  • Logs: a graph displaying the number of logs sent to your endpoints from Fastly.
  • Log Bandwidth: a graph displaying the total bandwidth size of the logs sent to your endpoints from Fastly.
  • Image Optimizer: when enabled, a graph displaying the number of responses that came from the Fastly Image Optimizer service over time.
  • Image Optimizer (Videos): when enabled, a graph displaying the number of videos responses that came from the Fastly Image Optimizer.
  • Image Optimizer (Video Frames): when enabled, a graph displaying the number of video frames that came from the Fastly Image Optimizer. A video frame is an individual image in a sequence of images that make up a video.
  • Origin Latency: a histogram displaying the average amount of time to first byte (measured in milliseconds) on a cache miss or pass. High origin latency means that your backends are taking longer to process requests.

One minute after real-time measurement data in these graphs rolls off the screen, it becomes available for retrieval on the historic stats page. You may not see any traffic right away because of the following:

  • Not enough data is going to your site. If this is the case, visit the site yourself to trigger some traffic.
  • You've made a CNAME change. If this is the case, it could take from a few minutes to hours for the change to propagate your DNS servers. See how to edit your DNS record to point to Fastly for more information.

Once you start seeing real-time cache activity, you also can interact with your stats graphs.

Viewing the Historic stats

The Historic stats page provides a visual interface to our stats API for a selected Fastly service. You can also display historical metrics aggregated across all your Fastly services by clicking All services. The graphs display metrics derived from your site's statistical information. If you've just created your service, you might see a message saying there's nothing to see yet.

stats link selected

The displayed caching and performance metrics help you optimize your website's speed. These metrics include the following:

  • Hit Ratio metrics tell you how well you are caching content using Fastly. This metric represents the proportion of cache hits (hits) to all cacheable content (hits + misses). Increasing your hit ratio improves the overall performance benefit of using Fastly.
  • Cache Coverage metrics show how much of your site you are caching with Fastly. This metric represents the ratio of cacheable requests (i.e., non "pass" requests) to total requests. Improving your cache coverage by reducing passes can improve site performance and reduce load on your origin servers.
  • Caching Overview metrics compare Cache Hits, Cache Misses, Synthetic Responses (in VCL edge responses), and Passes (or requests that cannot be cached according to your configuration).

The traffic metrics analyze your website's traffic as it evolves over time. These metrics include the following:

  • Requests metrics show you the total number of requests over time that were received for your site by Fastly.
  • Bytes Transferred metrics show you the total number of bytes transferred by Fastly for your service.
  • Header & Body Bytes Transferred metrics show you the relative values of bytes transferred when serving the body portion of HTTP requests and the header portion of the requests.
  • Miss Latency metrics show the distribution of only the miss latency times for your origin.
  • Error Ratio metrics show you the ratio of error responses (4xx and 5XX status code errors) compared to the total number of requests for your site. This metric allows you to filter types of error responses and quickly identify error spikes at given times.
  • HTTP Info, Success, & Redirects metrics shows the number of HTTP Info (1XX), Success (2XX), and Redirect (3XX) statuses served for your site using Fastly.
  • Status 3XX Details metrics shows the breakdown between the number of HTTP Status 301s, 302s, 304s, and other 3XX requests.
  • HTTP Client and Server Errors metrics shows the number of HTTP Client Errors (4XX), and Server Errors (5XX) served for your site by Fastly.
  • HTTP versions metrics shows the number of requests using HTTP/1.1, HTTP/2, and HTTP/3 (QUIC) protocols. Note that HTTP/3 (QUIC) is only available as part of a limited availability release. To learn more, contact your account manager or email support@fastly.com for details.
  • TLS versions metrics shows the number of requests using TLS 1.0, TLS 1.1, TLS 1.2, and TLS 1.3 protocols.
  • Logs metrics show the number of logs sent to your endpoints from Fastly.
  • Log Bandwidth metrics show the total bandwidth size of the logs sent to your endpoints from Fastly.
  • When enabled, Image Optimization Requests metrics show you the number of responses that came from the Fastly Image Optimization service.

Once you start to see your caching and performance metrics, you also can interact with your stats graphs.

Working with stats graphs

You can interact with and control your Real-time and Historic stats graphs as follows.

Viewing the real-time stats timestamp indicator

Hovering the cursor over any part of a graph displays a timestamp indicator that updates itself as you move the mouse.

hover animation for graph timestamp

Hiding and displaying the mean value

A dashed line indicating the mean value of the graph's data appears on some graphs. To hide the mean line, deselect the Mean checkbox.

average graph line

Expanding and minimizing graph views

You can expand and minimize the view of some of the graphs using the quadruple arrow button in the right-hand corner of the graph to display an expanded view of the graph or special features it offers. Specifically:

  • the Global POP Traffic heat map displays a larger view of the graph as well as the traffic in each POP region, with continuously updating data on the POP's current requests per second, the request error ratio, and the bandwidth going through that POP.
  • the Requests, Errors, and Hit Ratio graphs expand to larger versions of themselves along with the already expanded versions of the Bandwidth and Origin Latency graphs.
  • the Origin Latency graph specifically includes a small gear icon in the upper right corner that allows you to change the interval limit displayed by the graph from the default 15 second interval to a shorter time frame.

Disabling smooth scrolling

The Real-time graphs update continuously. Leaving the graphs open for long periods of time, however, can occasionally lead to higher CPU utilization. To improve performance, you can deselect the Smooth scrolling checkbox. The graphing animations may not be as smooth when this checkbox is deselected.

dashboard smooth scrolling checkbox

Viewing service version activation

Service version activations appear as vertical lines on the Historic graphs. Hovering your cursor over any line displays the version's number and its activation timestamp.

stats hover for version activation indicator

Controlling the historic stats date displayed

You can control how you view the historic stats date ranges.

the Historical status

For all displayed graphs, you can choose:

  • the exact local date and time range of the graphed data
  • how often to sample the data displayed
  • whether to view global data for the graphs or only data from a specific region
  • how to display the statistical values

Changing the stats displayed in historical graphs

You can change the statistics displayed in any historical graph to display an average, a 95th percentile, a minimum, a maximum, or a total. When set to average, the graph displays the average (mean) as a dashed line.

To change the statistics displayed by all historical graphs, use the Display menu in the upper right corner, as shown below.

controlling the types of displayed stats for all graphs via the Display menu

To change the statistics displayed for a individual graph, click the menu below the graph's name, as shown below.

Controlling the type of displayed stats for a single graph

You can also exclude certain data entirely from some graphs. For example, in the Status 3XX Details graph, you can click Show or Hide or the corresponding color ship next to the specific 3XX errors (301, 302, etc.) to show or hide those error types, respectively.

Requests overview graph with Hits hidden

About the Configure page

The Configure page allows you to define exactly how each instance of your cache should behave and deliver content from data sources. The Configure page appears automatically for logged in users with the appropriate access permissions.

the Configure link

You use the Configure page to create versions of each of your service's configuration settings and then use the controls to activate or deactivate them.

Specifically, you can configure and manage:

  • the domains used to route requests to a service
  • the hosts used as backends for a site and how they should be accessed
  • the health checks that monitor backend hosts
  • various request and cache settings, headers, and responses that control how Fastly caches and serves content for a service
  • how logging should be performed and where server logs should be sent (as specified by an rsyslog endpoint)
  • custom Varnish configuration language (VCL) files
  • how conditions are mapped and used for a service at various times (e.g., during request processing, when Fastly receives a backend response, or just before an object is potentially cached)

With the appropriate permissions, you can activate configuration changes immediately and roll back those changes just as quickly should they not have the intended effect. The Configure page also allows you to compare differences between two configuration versions.

About the user menu

The user menu appears at the far right of the default control group:

the Account settings menu

Depending on your access permissions, this menu provides access to your Account settings (which include your personal profile information) and your Billing information. If you have access to multiple customer accounts, you'll see an option to switch accounts. The menu also provides a way for you to contact Support, contact Sales (sales@fastly.com), and log out of the web interface.

About the Account controls

Selecting Account from the user menu displays account-related details for your login with specifics about your Company Profile which include:

You'll also find Personal Profile information here. Specifically:

About the Billing controls

Selecting Billing from the user menu displays billing-related account details for your login, including:

Back to Top