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.
Not all Fastly service features are enabled by default. The appearance of the web interface controls may change from the defaults displayed once these services are enabled for your account.
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 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.
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
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:
- Real-time stats information, which allows you to monitor cache activity for your services.
- Historic stats information, which displays your historical stats derived from your site’s statistical information.
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.
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.
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:
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.
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 email@example.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.
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.
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.
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.
You cannot retrieve minutely historical statistics data older than 90 days from the current date. Contact firstname.lastname@example.org to discuss your minutely data needs.
Controlling the historic stats date displayed
You can control how you view the historic stats date ranges.
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.
To change the statistics displayed for a individual graph, click the menu below the graph's name, as shown below.
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.
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.
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:
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 (email@example.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:
- Company settings where you'll find details about your company (e.g., its name and the phone number, the account owner, the IP allowlist) as well as the location to cancel your account
- User management controls where you can control user invitations and configure their roles
- Account API tokens created by users within your account to control or restrict access to various services
- Audit log keeps track of events related to your account, users, and services
- Single Sign On lets you manage user authentication by enabling single sign-on (SSO)
- Billing controls where you can review the charges to your account, change your credit card information, and update your company's tax address
You'll also find Personal Profile information here. Specifically:
- Your profile including your name and your email address
- Change password controls that allow you to update your current login password
- Two-factor authentication information where you can manage the multi-factor authentication controls for your personal login
- Personal API tokens where you can create and delete your personal API tokens you need to control access to various services and resources within your Fastly account
- Appearance controls that allow you to change the appearance of the web interface, such as enabling dark mode.
About the Billing controls
Selecting Billing from the user menu displays billing-related account details for your login, including:
- Invoice history with a complete history of the monthly bills for your Fastly account and their payment statuses
- Upgrade account where you can view your current account type and upgrade it to a paid account if you're currently using a free developer trial
- Credit card where you can view and edit your credit card information
- Tax address where you can update your tax or billing address for your account
Changing the appearance of the web interface
You can change the theme of the Fastly web interface. Follow these instructions to change the appearance for your personal profile:
- Log in to the Fastly web interface and click the Account link from the user menu. Your account information appears.
- Click the Appearance link.
To enable dark mode, click the Dark mode switch.
You can click the switch again to change the theme back to light mode.