By | October 17, 2021

1. Minimize HTTP requests

 

An HTTP request is made for each one of these elements, so the more on-page components, the longer it takes for the page to render.

 

If you use Google Chrome, you can use the browser’s Developer Tools to see how many HTTP requests your site makes.

 

The first step to minimizing your requests is to figure out how many your site currently makes, to use as a benchmark.

 

2. Use asynchronous loading for CSS and JavaScript files

 

Scripts like CSS and JavaScript can be loaded in two different ways: Synchronously or Asynchronously.

 

Loading files asynchronously can speed up your pages because when a browser loads a page, it moves from top to bottom.

 

If it gets to a CSS or JavaScript file that is not asynchronous, it will stop loading until it has fully loaded that particular file.

 

3. Minimize time to first byte

 

Time to first byte, or TTFB, is the amount of time a browser has to wait before getting its first byte of data from the server. Google recommends a TTFB of less than 200 ms.

 

There are three steps that need to happen between that initial request and the first byte of data:

 

DNS lookupServer processingResponse

 

If you use Developer Tools, it’s important to remember that response time can be affected by your Internet connection. So the slower your own connection, the slower your server response will appear.

 

4. Choose the right hosting option for your needs

 

Most new site owners choose the cheapest possible option for hosting. While this is often enough in the beginning, you’ll likely need to upgrade once you start getting more traffic.

 

When looking at hosting, you have three different options

Shared hostingVPS hostingDedicated server

 

Shared hosting is the cheapest option and you can often get it for about five dollars per month.

 

With shared hosting, you share certain resources like CPU, disk space, and RAM with other sites hosted on the same server.

 

5. Enable browser caching

 

This means that the next time you visit the site, your browser can load the page without having to send another HTTP request to the server.

 

Once the page has been loaded and the different components stored in the user’s cache, only a few components needs to be downloaded for subsequent visits.

 

6. Reduce image sizes

 

Images can play a major role in your site speed. But removing them altogether is not an option.

 

One of the easiest ways to reduce image file sizes is cropping your images to the correct size. For example, if you want an image to appear as 570px wide, resize the image to that width.

 

Don’t just upload an image that is 2000px wide and set the width parameter the size you want. If you use the width parameter to make images appear smaller on your site, resizing those images should be a priority.

 

7. Use external hosting platforms

 

In addition to hosting your site’s files on a CDN, you can also use external hosting platforms for some of your larger files.

 

Your first thought might be to upload the video directly to your site via your FTP or WordPress editor.

 

If multiple users attempt to watch a video on your site at the same time, your server will need to deliver that huge file to all of them.

 

If your server has a limited amount of bandwidth, this can result in lags and pauses in playback.

 

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *