Introduction

This article provides instructions on how to navigate and use Acquia Web Governance Performance.

Performance dashboard

This section provides information about the functions and information on the performance landing page. The pages that are available in the Performance module are displayed in a list.

• Search: Click in the dialog box and type a search parameter.
• URL list: Click a page URL. The Page Details page opens.

  • Open in: At the top of the pane just below the heading, select a method to open the page in (default is the tool view):

    
    • CMS (if used, the name of the CMS shows here): Click to view the page via the CMS.

    • Redirect to Page (magnifying glass icon): Click to navigate to the page URL and view the page as an external visitor.

      Tip: If it is installed, use the Web Governance Web Browser Extension to identify the placement of the errors on the page, repair the errors, and more.

      For more information, visit Web browser extension.

    • Re-scan this page (refresh icon): Click to rescan the current page at any time.
• The page is divided into sections:

Introduction

This article provides instructions on how to navigate and use Acquia Web Governance Performance.

Performance dashboard

This section provides information about the functions and information on the performance landing page. The pages that are available in the Performance module are displayed in a list.

• Search: Click in the dialog box and type a search parameter.
• URL list: Click a page URL. The Page Details page opens.

  • Open in: At the top of the pane just below the heading, select a method to open the page in (default is the tool view):

    
    • CMS (if used, the name of the CMS shows here): Click to view the page via the CMS.

    • Redirect to Page (magnifying glass icon): Click to navigate to the page URL and view the page as an external visitor.

      Tip: If it is installed, use the Web Governance Web Browser Extension to identify the placement of the errors on the page, repair the errors, and more.

      For more information, visit Web browser extension.

    • Re-scan this page (refresh icon): Click to rescan the current page at any time.
• The page is divided into sections:

  • The top section gives information on the selected profile:

    • Viewing as profile: This shows the profile that is being used.

      For more information, see the Add profile section of this document.

    • Device: The type of device used.
    • Measure from: Distance from the server location.
    • Network speed: The speed of the network.
    • Check frequency: The frequency of the check.

    The Dashboard displays data with the default profile selected. To change this, select a new profile. Select the drop-down arrow to see the available profiles. If you change the profile, the numbers on all three sections in the Performance module will update accordingly.

Opportunities

From the menu on the left, select Opportunities: This section shows areas on the page that can be improved to boost the load speed and improve performance. The suggestions provided are highly targeted and include examples. See recommendations for improvement, as well as documentation from Google resources.

• The top section provides information on the profile that is used:

  • Viewing as Profile: This view displays the profile that is being used.

    For more information, refer to the Add profile section of this document.

  • Device: The type of device used.
  • Measure from: Distance from the server location.
  • Network speed: The speed of the network.
  • Check frequency: The frequency of the check.

  The Dashboard displays data with the default profile selected. To change this, select a new profile. Select the drop-down arrow to see the available profiles. If you change the profile, the numbers on all three sections in the Performance module will update accordingly.

• Sort between: Select the criteria for the list to show:
  • Errors: Sort the list to show only errors that can be remedied to improve performance.
  • Passed: Sort the list for Passed opportunities.
• Export: Select this option to download the current page locally in CSV format.
• Search: Begin typing to search the list of opportunities.

The list results have the following columns:

• Audit: The name of the opportunity and a short description of improvements.
  • Learn More: Select this option to redirect to the Google Lighthouse external page with advanced information and details about the opportunity, as well as instructions and methods that can help improve performance scores.
• Difficulty: Level of difficulty to implement the improvement.
• Priority: Priority level of the issue.
• Details: Each row has this button. Click to view the audit details for the opportunity. Provides a list of highly specific suggestions that can help improve site performance and speed. Click Learn More to navigate to external internet resources for advanced help.
  • URL: The URL where the issue is located.
  • Size: The size of the image/file.
  • Potential savings: The savings that can be achieved if the suggested fix is done.

Opportunities that can appear: Follow the external links below for the definition of each opportunity, as provided by Google Lighthouse. Information and links to each opportunity definition, as well as suggested fixes, are available in Web Governance for each opportunity that is flagged.

• Eliminate render-blocking resources
• Properly size images
• Defer offscreen images
• Minify CSS
• Minify JavaScript
• Remove unused CSS
• Efficiently encode images
• Serve images in modern formats
• Enable text compression
• Preconnect to required origins
• Reduce server response times (TTFB)

Diagnostics

From the menu on the left, select Diagnostics. This feature flags particular issues that can potentially slow the loading times. View the exact problem, how it impacts the webpage, and why the fix is needed.

• The top section gives information on the profile that is being used for the results shown:

  • Viewing as Profile: This shows the profile that is being used.

    For more information, see the Add profile section in this document.

  • Device: The type of device used.
  • Measure from: Distance from the server location.
  • Network speed: The speed of the network.
  • Check frequency: The frequency of the check.

  The Dashboard always shows data with the default profile selected. To change this, select a new profile (click the drop-down arrow to see the available profiles). Please be aware that when you change the profile, the numbers on all three sections inside the Performance module update accordingly.

• Sort for:
  • Errors
  • Passed.
• Export: Select this option to download the current page locally in CSV format.
• Search: Begin typing to search the list of opportunities.

The list results have the following columns:

• Audit: The name of the audit check that needs improvement.
• Difficulty: Level of difficulty to implement the improvement.
• Priority: Priority level of the issue.
• Details: Click to view the audit details for diagnostics.
• Diagnostics that can appear: Follow the external links below for information from Google Lighthouse on the definition of each diagnostic. Information and links to each definition, as well as suggested fixes, are also available in Web Governance for each diagnostics check that is flagged.
  • Avoid enormous network payloads
  • Serve static assets with an efficient cache policy
  • Avoid an excessive DOM size
  • Avoid chaining critical requests
  • User Timing marks and measures
  • Reduce JavaScript execution time
  • Minimize main thread work

History

From the menu on the left, select History. This page shows the historical status of website performance. Scores from all past scans are available to help you analyze and view trends.

• The top section provides information on the profile that is used for the results shown.

  • Viewing as Profile: This figure displays the profile that is being used.
  • For more information, refer to the Add profile section in this document.
  • Device: The type of device used.
  • Measure from: Distance from the server location.
  • Network speed: The speed of the network.
  • Check frequency: The frequency of the check.

  The Dashboard displays data with the default profile selected. To change this, select a new profile. Select the drop-down arrow to see the available profiles. If you change the profile, the numbers on all three sections in the Performance module will update accordingly.

• Graph with performance speed and date as well as a donut chart showing the average performance score.

• Scan history results: This table displays valuable scan data from previous scans.

  • Scanned at: Date and time of scan.
  • Performance Pages: Number of pages scanned for performance issues.
  • Avg. Performance Score: The average of the overall performance score percentage. This is a weighted average of the metric scores, which means that some metrics have more impact on your overall Performance score. This figure is calculated in the background, it is not an average of the statistics in the shown categories.
  • Avg. First contentful paint (FCP): Milliseconds with diff since the last scan. First content paint marks the time at which the first text or image is painted by measuring how long it takes the browser to render the first piece of DOM content after a user navigates to your page.
  • Avg. Largest contentful paint (LCP): This metric represents the time duration between the user initiating the page load and the page rendering its primary content.
  • Avg. Speed Index (SI): This metric shows the speed at which the content on a page is visibly populated.
  • Avg. Total Blocking Time (TBT): This is the sum of all time periods between FCP and Time to Interactive when the task length exceeds 50ms, expressed in milliseconds.