How to speed up your website in 2019
There are tons of factors that influence how long each page on your site takes to load, so there are many different steps you can take to increase your speed and improve user experience.
In this post, weï¿½ll go over 20 tips and best practices you can use to decrease your load times and improve your siteï¿½s performance.
and if that number sounds overwhelming ï¿½ donï¿½t worry.
While all of these tips can help you improve your site speed, you donï¿½t need to do all of them today.
In fact, if youï¿½ve worked on your site speed in the past, your site may already be in line with some of these best practices.
With that in mind, letï¿½s get started.
1. Minimize HTTP requests
According to Yahoo, 80% of a Web pageï¿½s load timeï¿½is spent downloading the different parts of the page, like images, stylesheets, and scripts.
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.
The first step to minimizing your requests is to figure out how many your site currently makes, to use as a benchmark.
If you use Google Chrome, you can use thebrowserï¿½s Developer Tools to see how many HTTP requests your site makes.
Right-click on the page you want to analyze, and click ï¿½Inspect,ï¿½ then click the ï¿½Networkï¿½ tab. (If you donï¿½t see the ï¿½Networkï¿½ tab, you may need to expand the Developer Tools sidebar by dragging the left border to the left.)
The ï¿½Nameï¿½ column shows all of the files on the page, the ï¿½Sizeï¿½ column shows the size of each file, and the ï¿½Timeï¿½ column shows how long it takes to load each file.
In the bottom left corner, youï¿½ll also see the number of total requests the site makes.
Reducing this number of requests will speed up your site, look through your files and see if any are unnecessary.
You may not notice anything immediately, but some of them are likely prime candidates for combining ï¿½ which weï¿½ll get to in the next steps.
2. Minify and combine files
These are extremely important files, as they determine your siteï¿½s appearance.
They also add to the number of requests your site makes every time a user visits it.
You can reduce this number by ï¿½minifyingï¿½ and combining your files. This reduces the size of each file, as well as the total number of files.
This is especially important if you use a templated website builder. These make it easy to build a website, but they sometimes create messy code that can slow your site considerably.
Minifying a file involves removing unnecessary formatting, whitespace, and code.
Since every unnecessary piece of code adds to the size of your page, itï¿½s important that you eliminate extra spaces, line breaks, and indentation. This ensures that your pages are as lean as possible.
There are several ways to minify and combine files, and if your site runs on WordPress, plugins like WP Rocketï¿½make the process fairly simple.
If you have this plugin installed, go the ï¿½Static Filesï¿½ tab and check the files you want to minify and combine.
Then, hit ï¿½Save Changesï¿½ to complete the process. You can reload your page and look at Developer Tools again to see the impact that your changes made.
When it comes to your website, leaner is better. The fewer elements on a page, the fewer HTTP requests a browser will need to make the page render ï¿½ and the faster it will load.
Once youï¿½ve minified and combined some of your files, you can also optimize the way that they load on your pages.
If your scripts load synchronously, they load one at a time, in the order they appear on the page. If your scripts load asynchronously, on the other hand, some of them will load simultaneously.
Loadingfiles asynchronously can speed up your pages because when a browser loads a page, it moves from top to bottom.
Using the same ï¿½Static Filesï¿½ tab of the WP Rocket plugin, check the options next to ï¿½Render-blocking CSS/JS.ï¿½
Click ï¿½Save Changes,ï¿½ then testyour site to make sure that everything loads correctly.