PAGE SPEED TEST

Page Speed ​​Test metrics

PageSpeed ​​Test from cmlabs is integrated with Lighthouse to display website performance assessment results. There are several metrics used to assess website performance, such as performance, accessibility, best practices, SEO, and PWA. Check out the explanation of each metric below:

Performance

Performance is used to ensure that your web pages are optimized for users so that they can see and interact with your website. There are several metrics that affect web page performance ratings, including:

Core Web Vitals
Core web vitals are the factors that Google uses to determine user experience. In the performance assessment, you'll see some metrics from the following core web vitals:

• First Contentful Paint (FCP) - the time it takes for the first text or image to appear on a website. The sooner the better the value.
• Largest Contentful Pain (LCP) - how long it takes the website to load the largest elements on the page such as images or long text.
• Cumulative Layout Shift (CLS) - measures the stability of the content on the website, the more sudden changes in position can reduce the score of the website.

Time to Interactive (TTI)
This is the time it takes the website to load most of the content until the website can respond to user input quickly (ideally less than 50ms). In other words, this is the time it takes for a web page to become fully interactive.

Speed ​​Index
Is a time that shows how fast the loading process is until all pages can be displayed clearly in the viewport, the faster the time the better the score. Ideally, the speed index time is no more than 3.4 seconds.

Total Blocking Time (TBT)
This is the total time the page was unable to respond to user input. Obtained from the sum of all time periods between First Contentful Paint (FCP) and Time to Interactive. A good TBT value is no more than 200ms.

Accessibility

Accessibility is a metric used to assess the ease with which users can access your page, especially for users with physical or cognitive disabilities. Therefore, it is important to create a design that is easily accessible to everyone. Some aspects will be checked such as HTML tags, alt tags, ARIA landmarks, and others.

Best Practice

This metric is used to examine some areas for improvement of your overall website. Things to note in order to score well on this metric are to keep your website secure (use a secure protocol like HTTPS), create a good user experience, avoid using outdated technology, and more.

SEO

Apart from checking performance, this tool also allows you to see if your web pages have been optimized to rank better in organic search. There are a few things to keep in mind in order for you to score well on this metric:

• Make sure your page content is well understood by search engines (pay attention to meta information such as title tags, meta descriptions, hreflang, and others)
• Make sure there are no issues in the crawling and indexing process
• Make your site mobile-friendly to improve user experience
• Double check whether the structured data or schema markup used is valid

PWA

Checking the website through the PageSpeed ​​Test tool from cmlabs also provides validation results for the Progressive Web App (PWA) aspects. One of the criteria that you need to pay attention to when implementing PWA is to provide a website that can be accessed quickly from various locations and types of devices.

Distribution and Interpretation of Scores

The report contained in the PageSpeed ​​Test shows a score that summarizes the performance of the website. We use Lighthouse's help to collect and review your web page records. Furthermore, Lighthouse will provide a score that corresponds to the assessment of your web performance.

In the PageSpeed ​​Test assessment, the scores obtained by a website are divided into three categories, namely:

Good (Score 90-100)

Scoring is influenced by some of the previously mentioned metrics. Furthermore, websites that manage to achieve maximum results on the assessment of each metric will get a higher score. In this case, if your website manages to get a score of 90 to 100, then your website has performed well.

Need Improvement (Score 50-89)

Websites that get a score of 50 to 89 are included in the category of websites that have been running well, but need improvement. This can be caused by one thing or another, such as an assessment of one of the metrics that are less than the other.

To improve website performance, you need to know what metrics still need improvement. Then, you can decide on a strategy to solve the problem.

Poor (Score 0-49)

If your website gets an assessment score in the range of 0 to 49, then you need to be wary. This means that your website is underperforming and needs repair as soon as possible. Take a look at the Pagespeed report to see which areas need improvement.

Doing a performance check using a Pagespeed test is mandatory. Because this can help you determine a website optimization strategy.

How to Use PageSpeed ​​Test?

The following guide contains how to use PageSpeed ​​Test you can do. Follow each step to the end.

Go to PageSpeed ​​Test Page

As a first step in starting a website page speed check, you need to open the PageSpeed ​​Test page. On that page, you will see some of the features that the tool has. Starting from adding the URL to be checked for page speed, displaying the results of the page speed check, to the page speed checking history that you have done before.

Figure 1: PageSpeed ​​Test page view from cmlabs

Enter Website URL

In order to be able to check page speed, you must first enter the website URL in the field provided. Make sure you have entered the URL in the correct format (e.g https://example.com). Next, click the "Generate" button to give the command to this tool to start checking pagespeed on the website.

Figure 2: The display when the user has entered the website URL in the provided field.

PageSpeed ​​Check Result Analysis

You need to wait a while until the pagespeed check process is complete. Although this tool can be accessed for free, the pagespeed checking data displayed is quite complete. Some of the metrics you can find in your PageSpeed ​​Test results are:

Performance

This metric displays the results of testing the overall website performance. Starting from the test results of core web vitals metrics, time to interactive, total blocking time, to speed index. The value categories are divided into good (90-100), need improvement (50-89), and bad (0-49).

Figure 3: Performance assessment results from websites tracked using PageSpeed ​​Test

Accessibility

This metric displays the results of your web page accessibility assessment. The accessibility of a website is assessed based on how easily the website can be accessed by users.

Figure 4: Detailed page accessibility assessment of websites tracked using PageSpeed ​​Test

Best Practice

This metric will display a report containing information on whether your website has implemented best practices in website creation. If the assessment results still need improvement, this is the right time for you to improve website performance.

Figure 5: Best practice metrics assessment results on tracked websites

SEO

You will also find the results of the SEO assessment of your website. The following report will contain information on whether your website has been optimized on search engines or not. With this report, you can find elements that need to be improved on your website.

Figure 6: Detailed results of Search Engine Optimization (SEO) quality assessments on tracked websites

PWA

In the following assessment results, you will see whether your website has met the Progressive Web App (PWA) criteria. If the website has not implemented PWA optimally, this can be a sign that you have found a space that needs to be improved on your website. That way, the website can provide a better user experience.

Figure 7: Detailed Progressive Web App (PWA) assessment results on tracked websites

View PageSpeed ​​Test Usage History

The last thing you can do using PageSpeed ​​Test is look at your history of using the tool. In the list, you will see a list of website URLs that you have checked using the PageSpeed ​​Test tool from cmlabs.

Figure 8: List of pagespeed test usage history

Login After 5 Times of Usage

Some cmlabs free tools require login after 5 times of use, Pagespeed test is one of them. If you have used it 5 times, our system will automatically display a message stating that you have reached the usage limit.

Figure 9: Warning usage has reached the limit. In this warning, there is a login button that directs to the login page.

You can log in by clicking the login button on the warning message that appears. Next, you will be directed to the cmlabs login page. Please enter the required data, or you can log in via Google.

Figure 10: cmlabs login page

Once you've successfully logged in, you'll be able to go back to using this tool to do page speed testing for free. By logging in, the system can save historical data on the use of this tool in the last a year.