Increase The Performance Of Your UI Tests With Salesforce Performance Analysis For App Builder
We don’t like waiting. We’ve got used to deliveries being at our door on the same or the next day, easy and fast contactless payments, powerful phones and computers that barely struggle with our daily tasks, and instant replies to our messages. And when it comes to online browsing, we still require speed for Salesforce Performance Testing.
Studies have shown that if a website takes 3 seconds to load, we are 32% more prone to leave the website than if it takes 1 second. And the longer a page takes to load, the higher the probability that we’ll look for what we want elsewhere instead.
As a result, it is increasingly more difficult not to bring these exact expectations we have as consumers to our workplace, especially when using business apps and tools.
Some of us may have resigned ourselves to using slow and clunky business apps, but it doesn’t have to be so. By combining the latest Salesforce tools with Provar, we can ensure end-users have a positive experience using Salesforce as part of their work.
Salesforce Performance Analysis for App Builder
With the Winter ’21 release, Salesforce introduced Performance Analysis for App Builder, which helps admins and developers understand how much each page component contributes to the overall load time. In addition, Performance Analyzer also shows valuable tips to improve their overall performance, specifically to improve page performance.
According to Salesforce, these are some design-related issues that can cause a page to load slowly, including
- Too many components visible on the page load
- Too many heavy-impact related lists are visible, especially those with multiple-object relationships.
- Too many fields in your Record Detail component
- Having the News or Twitter component visible
The main recommendation to improve page performance is to reduce the number of components shown on the page on load. This can be done by moving elements to non-default tabs or accordion sections or reducing the number of record fields shown.
However, it is essential to consider if, by hiding information, users will spend more time clicking around to find what they need, therefore improving page performance to the detriment of the overall user experience. This article will review some exercises to help strengthen your UI test performance with Salesforce Performance Testing Analysis and Provar.
Exercise 1: Improving the performance of the Account Lightning page
To try Performance Analysis for App Builder, I’ve chosen to edit the Account record page, which must be one of the most used across Salesforce, along with the Contact and Opportunity ones.
By default, the Account Lightning page seems to load a moderate amount of components, which results in a predicted page load time of 2.7 seconds (as depicted in the screenshot of the original page and its performance metrics below).
The purpose of this exercise is to reduce page load time. I put into practice some of the recommendations and performed the following changes:
- Move the Activity and Chatter tabs to the main list with Related, Details, and News.
- Change the default tab to Details, which loads faster than the Related tab.
- Change page layout to Header and One Region because we don’t need the sidebar now.
- Remove the extra information on the Highlights component.
After making these modifications, the page load time decreased by half a second (almost 20%), from 2.7 to 2.2 seconds, and the final result looked like this:
Exercise 2: Measuring the performance improvement on the related UI tests
How much would an improvement of 0.5 seconds impact those UI tests that use the Account Lightning page? After running a battery of Provar test cases that only loaded the Account page before and after the improvements, I measured progress of up to 6.5 seconds with an average of 3 seconds on the total test runtime.
The effect of this slight improvement should be multiplied by the number of times the Account page would be rendered in our tests and by the number of times those tests would run over time. These seemingly small changes could result in minutes of computing time saved due to such a small page load time decreasing on only one page.
Improving page performance is a fast and relatively easy way of enhancing user experience and increasing productivity. Thanks to Performance Analysis for App Builder, Salesforce admins and developers can measure their changes’ impact on page loading times.
As a side result of page performance improvements, UI tests that load those pages will also run faster. And because of automated UI testing with tools like Provar, those small gains get compounded the more often those tests are run.
Provar lets your team focus on delivery. With full support for Salesforce Performance Testing, Salesforce clouds, and technologies, you can rest assured we’ll have your needs covered now and in the future. Learn more about our advanced critical applications here.