How We Went from 46 to 99 Performance Score to Improve Our Website Speed

1

Yellow Lab Tools

Yellow Lab Tools: an insightful dashboard that classifies and evaluates dozens of metrics. It not only pinpoints issues but also provides detailed recommendations for optimization.

#Website Monitoring #Performance Monitoring #Monitoring Tools 4 social mentions

2

GTmetrix

GMetrics, a tool that shows website loading behavior, helped us identify resources from external domains that caused the longest connection times. In purple, you see the time it took for a Domain Name Server to receive the request for a domain name's IP address, and in light green, you see server connection time. They took too long, so we accelerated them by reducing server connection time.

#Website Monitoring #Monitoring Tools #Performance Monitoring 142 social mentions

3

BundlePhobia

There are some handy tools for identifying and addressing problematic bundles. One of them, Bundlephobia, gives insights into how much an NPM package contributes to bundle size, helping avoid too large collections of files. Import Cost, a VSCode Extension, calculates the 'cost' of imported packages, helping to make informed decisions. As part of our optimization strategy, we've swapped out hefty JS libraries, such as replacing the widely-used 'classnames' package with the more efficient 'clsx', a faster and smaller drop-in replacement tailored to our website needs.

#JavaScript Tools #JavaScript #Software Development 54 social mentions