Slow Site Speed And How To
Fix It
Why is my website slow?
They did a speed test of the site and found that it was loading
quite slowly.
The delay in the loading time of your website can be due to
many reasons. This can range from server load times to the size of
the image and the number of redirects.
This means there are several steps you can take to improve page
speed. We’re going to cover 20. Before you start troubleshooting to
improve website performance, however, you should have a goal you want
to achieve.
What is a good page load time?
Before you start working on your website speed, it is a good
idea to set a goal for your desired location.
This can be difficult if you are not sure of an acceptable page
speed.
According to Google, the best practice is three seconds.
Unfortunately, most websites don’t come close to the results of the
latest benchmark reports.
Average Industry Speed
The average full load time for a mobile landing page is 22
seconds, but 53% of visits are abandoned when a mobile website takes
more than three seconds to load.
Also, if the page load time goes from one to ten seconds, the
chances of a mobile user being bounced increase by 123%.
Chance Of Rebound
This means that overall website owners have a lot of work to do
to get their websites up and running on Google.
But at the same time, if you work hard to keep your website
speed at acceptable levels, it also means that you will be ahead of
the crowd in terms of user experience.
As your website improves, you can use Google’s recommendations
and referrals to set your goals and measure performance.
After all, as the largest search engine in the world, Google
can have a huge impact on your success. Therefore, it is never a bad
idea to use your parameters as parameters.
How To Speed Up Your Website
There are many factors that affect the time it takes for each
page on your website to load. So there are many different steps you
can take to increase your speed and improve the user experience.
Here are some tips to speed up your website:-
1. Minimize HTTP Requests
According to Yahoo, 80% of a webpage’s load time is spent
downloading various parts of the page such as images, style sheets
and scripts.
An HTTP request is made for each of these elements. The more
components on the page, the longer it will take for the page to
appear.
The first step in narrowing down your queries is knowing how
much your website is currently producing to use as a benchmark.
If you’re using Google Chrome, you can use the browser
developer tools to see how many HTTP requests your website is making.
Right-click 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 sidebar by dragging the left edge to
the left.)
The “Name” column shows all the files on the page,
the “Size” column shows the size of each file, and the
“Time” column shows the load times for each file.
In the lower left corner you can also see the total number of
requests made by the site.
If you reduce this number of requests, your site will be
faster, you will review your files and see if they are unnecessary.
You might not see anything in the beginning, but some of these
are potentially top candidates for the suite we’ll get to in the next
few steps.
2. Shrink and Combine Files
Now that you know how many requests your site is generating,
you can start reducing that number. It’s best to start with your
HTML, CSS and JavaScript files.
These are extremely important files as they determine the look
of your site.
They also increase the number of requests your site makes every
time a user visits it.
You can reduce this number by “minifying” your files
and grouping them. This will reduce the size of each file as well as
the total number of files.
This is especially important if you are using a template-based
website builder. They make building a website easy, but sometimes
they create messy code that can slow down your website significantly.
Shrinking a file involves removing unnecessary formatting,
spaces, and code.
Since any unnecessary code will increase the size of your page,
it is important that you remove extra spaces, line breaks and
indents. This ensures that your pages are as simple as possible.
The combination of files is exactly what it sounds like. If
you have multiple CSS and JavaScript files running on your website,
you can combine them into one.
There are many ways to minify and combine files, and they make
the process easy if your website is running on WordPress plugins like
WP Rocket.
Once you have installed this plugin, go to the “Static
Files” tab and mark the files you want to shrink and combine.
Optimize Your Minify Website
This can include HTML, CSS, and JavaScript files as well as
Google Fonts.
Then press “Save Changes” to complete the process.
You can reload your page and go back to the developer tools to see
the effects of your changes.
When it comes to your website, the more agile it is, the
better. The fewer elements a page has, the fewer HTTP requests are
made by the browser to display the page, and the faster it loads.
3. Use Asynchronous Loading for CSS and JavaScript Files
Now that you’ve minified and consolidated some of your files,
you can also optimize their loading on your pages.
Scripts like CSS and JavaScript can be loaded in two different
ways: synchronously or asynchronously.
When your scripts load synchronously, they will load one at a
time in the order they appear on the page. However, if your scripts
are loaded asynchronously, some of them will load at the same time.
Asynchronous file loading can speed up your pages because when
a browser loads a page it goes up and down.
If you tap on a CSS or JavaScript file that is not
asynchronous, it will stop loading until that particular file is
fully loaded. If the same file was asynchronous, the browser could
load other elements on the page at the same time.
In the same Static Files tab of the WP Rocket plugin, check the
options next to CSS/JS render blocking.
Speed up your website’s rendering blocking
Click Save Changes and test your website to make sure
everything loads correctly.
4. Postpone JavaScript Loading
Pending a file means that it will stop loading until other
items are loaded. By transferring large files like JavaScript, you
ensure that the rest of your content can load without delay.
If you have a WordPress site, you can use the previously
mentioned WP Rocket plugin to easily enable JavaScript lazy loading.
Just check the box next to “Load delayed JS files” and you
are ready to go.
If you have an HTML site, you need to call an external
JavaScript file just before the