HTTP request in Javascript?

#javascript #beginners #api #http

There are several ways to make an HTTP request in JavaScript, but the most commonly used method is the XMLHttpRequest object, which is built into most modern web browsers.

Here's an example of how to use XMLHttpRequest to make a GET request to a specified URL:

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com', true);
xhr.send();

You can also use the fetch() method which is more modern and easier to use

fetch('https://example.com')
  .then(response => response.text())
  .then(data => console.log(data))

You can also use libraries such as axios or superagent to handle http requests.

axios.get('https://example.com')
  .then(response => console.log(response.data))

const request = require('superagent');
request
  .get('https://example.com')
  .end((err, res) => {
    if (err) { console.log(err); }
    console.log(res.text);
  });

Also, you can use async/await feature with fetch or libraries such as axios or superagent to make your code more readable.

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.