Lightning Components Performance Best Practices
Optimizing the performance of Lightning components is crucial for delivering fast and responsive user experiences in Salesforce applications.
Here are some best practices to improve the performance of Lightning components:
Use minified versions of libraries and style sheets
Use a content delivery network (CDN)
Enable browser caching
Use smaller image files
CDN and Browser Caching wherever possible is a given.
Cloudflare CDN was used. Akamai is another common option. this is a must-have
Custom Fonts (TTF files) were used from Google in the site implementation which was surprisingly taking a long time for browsers to download and use. So we moved to standard fonts which increased the score significantly. If you absolutely need to use Custom Fonts, then there are options in the community to preload this custom font as a static resource which loads faster compared to the Google Reference\
The CSS file was heavily optimized and instead of using images, we used CSS styles for some of the rendering Images.
From a score perspective, the Page Load event plays a big part. So even if there is some dynamic content, we loaded the page first and fired async code in lightning to load the dynamic content separately after the page load
Here are a Salesforce few links you can refer to, based on my experience.
Lightning Components Performance Best Practices
Technical Requirements and Performance Best Practices
5 Ways To Make Your Lightning Community Even Faster
Analyze and Improve Experience Builder Site Performance
Improve Experience Cloud Site Performance
Do I see a degradation in performance as Salesforce's subscriber base grows?
Comments
Post a Comment