blank
26
Nov

FREE TOOLS TO IMPROVE OUR PERFORMANCE

Free tools to improve our performance

One of the most important points when we design and develop our website is the loading speed or performance. What tools can help us measure and/or improve our application?

When we talk about performance on a website, we can be talking about different types of performance and with different objectives. These will depend in most cases, if they are public or internal websites, if they are websites for mobile devices or only for laptops.

Some of the tools that will facilitate our development and/or subsequent analysis would be:

  • Chrome
  • Cyclomatics
  • Compodoc
  • GZIP
  • Web Pack Analyzer
  • Lighthouse
  • PageSpeed
  • Web Page
  • Test jmeter
  • Instant

blank

Chrome

When we talk about the Google Chrome browser, it should be said that knowing how to use this tool to debug, analyze and/or run the different plugins will greatly facilitate the development of our website and its subsequent analysis.

blank

blank

Cyclomatic complexity

If we have properly configured code analyzers, it will allow us to avoid bad practices during our development that would harm our performance. A classic example with the eslint and tslint libraries would be to add a maximum of cyclomatic complexity to our code (https://eslint.org/docs/rules/complexity).

Lighthouse

Lighthouse is an integrated functionality within our Google Chrome, although we can also install it as an npm dependency and use it from the command line. It will analyze our code and give us different values, including performance.

blank

blank

Webpack Analyzer

blank

This library, if we are using webpack, will allow us to analyze our bundle, in order to see if we have dependencies or too many modules in any of our bundles. This will allow us to debug and optimize our development.

blank

jmeter

This tool will allow us to analyze the connections of our endpoints, carry out load tests, add configuration by environment, etc. It is a fairly complete tool, which will allow us to generate the tests without having to develop.

blank

Web Page Test

One of the most complete web analysis pages deployed, which will provide us with very complete analyzes with evaluations, performance and how to optimize our application.

blank

blank

These tools and the rest will only make it easier for us to debug and optimize our performance, but it will always be necessary for an experienced technician to use them properly.

More articles by Jesus Cuesta in English

More articles by Jesús Cuesta in Spanish