how to find slow javascript files?
New
I know we can find which are the slowest pages on the site, but is it possible to find out which javascript files are taking the longest to load?
0
Comments
3 comments
Great question @DataSeed99, I wonder if you create a metric using the “uncaught exception” event and play with some of the event parameters to help you narrow down potential time out exceptions or other exceptions.
Hey @DataSeed99! Thanks for reaching out, and thanks for the suggestion, @drozo! 😄
I’d also like to add that the info might be available in the HAR files for a session, but since FullStory might not be initialized first on a page, it's likely we won’t capture everything that starts loading right away. For this particular data, I would suggest using Google Lighthouse to check your site performance instead.
Please let me know if you have any questions!
To find slow JavaScript files:
Open browser developer tools, go to the "Performance" or "Network" tab, and look for long bars indicating slow JavaScript file loading.
In Chrome DevTools, check the "Network" tab, reload the page, and sort files by "Duration" to identify slow-loading JavaScript files.
Run a Lighthouse audit from Chrome DevTools or Lighthouse CLI to get a report highlighting slow JavaScript files.
If using Webpack, use the Bundle Analyzer to visualize bundle sizes and identify large JavaScript files.
Browser Extensions:
Install extensions like "PageXray" or "Wappalyzer" to identify JavaScript files and their load times.
Check server logs for slow responses to JavaScript file requests. Optimize or minify these files.
Utilize web performance monitoring tools like New Relic or Datadog for detailed insights into overall website performance, including slow JavaScript files.
By combining these methods, you can quickly pinpoint and optimize the specific JavaScript files causing delays.
Please sign in to leave a comment.