About the web interface controls
Last updated February 25, 2017
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 default control groups appear as follows from left to right across the top of the interface:
NOTE: Not all Fastly service features are enabled by default (e.g., custom VCL). The appearance of the web interface controls may change from the defaults displayed once these services are enabled for your account.
About the Dashboard page
The Dashboard 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 Dashboard link appears automatically for logged in users with the appropriate access permissions; however, data on the 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.
In addition to a menu allowing you to select the specific datacenter from which to view data (it defaults to data from all datacenters), the top of the dashboard includes the following real-time cache activity:
- Hits: the number of times requested data is found in cache
- Hit Time: the amount of time spent processing cache hits
- Misses: the number of times requested data is not found in cache
- Hit Ratio: the percentage of content being accessed that is currently cached by Fastly, defined as the proportion of cache hits to all cacheable content (hits + misses)
- Miss Time: the amount of time spent processing cache misses
- Requests: the total number of requests received for your site by Fastly
- Errors: the number of error requests that occurred
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.
- Origin Latency a histogram displaying the average amount of time to first byte (measured in milliseconds) on a cache miss. High origin latency means that your backends are taking longer to process requests.
One minute after Dashboard measurement data in these graphs rolls off the screen, it becomes available for retrieval on the 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.
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.
Finally, hovering the cursor over any part of a graph displays a timestamp indicator that updates itself as you move the mouse.
Disabling smooth scrolling
The Dashboard graphs update continuously. Leaving the Dashboard 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.
About the Stats page
Fastly's Stats page provides a visual interface to our Stats API that displays a series of graphs derived from your site's metrics statistical information. The Stats link appears automatically for logged in users with the appropriate access permissions.
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 versus 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 the miss latency times for your origin.
- Error Ratio metrics show you the ratio of error responses (4XX & 5XX status code errors) compared to the total number of requests for your site. This metric allows you to 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.
Controlling the historical information displayed
You can control how you view the historical information.
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
You can change the statistics displayed in each graph. For example, notice the Average button on this Requests graph:
Clicking this button on any graph (including those on the Dashboard) lets you change the display of the graph's data to an average, a 95th percentile, a minimum, a maximum, or a total.
You can also exclude certain data entirely. For example, in this Caching Overview graph, hovering the cursor over the word "Hits" next to any of the data values displays a small, clickable hide link. Clicking this link will hide that value in the graph's display.
Notice that the actual numbers of the hidden data still appear grayed out in the controls, but the hide link changes to a show link and the graph itself doesn't display the hidden data at all.
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 if custom VCL is enabled
- 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, it provides access to a variety of account-specific and personal settings information. Specifically, it gives you access to Account details, Billing information, Help information, and What's new references. It also provides a way for you log out of the web interface.
About the Account page
The Account page allows you to manage various user access and control settings including not only the personal settings for your account but also certain roles and access permissions of other users you have invited to use the account. In addition, this page allows you to manage account access and security and even cancel your account should the need arise.
About the Billing page
This page shows you at a glance whether or not your account is paid in full.
The Month-To-Date tab on this page provides information about month-to-date account changes for the current billing month, including complete details about the bandwidth and requests consulted when calculating your bill.
The Invoice History tab on this page provides a complete billing history for your account. You can review details for any given month by clicking on the desired link in the Date column.
The Pricing Plan tab on this page provides information about your current pricing plan, and allows you to switch to a paid plan once your development trial period ends. You can use it to change details about the credit card we'll charge when you pay your bill.
The Tax Address tab on this page allows you to add or update the tax address.
NOTE: Billing controls appear automatically for logged in users assigned the billing or superuser roles.
About the Help page
The Help page allows you to search Fastly documentation for immediate help with questions you may have about using and accessing Fastly services. If you can't find what you need in the documentation, you can also use this page to submit a request for help directly from Fastly Customer Support.
About the What's new panel
The What's new panel provides a brief overview of the changes most recently made to the Fastly web interface.Back to Top