Site loading speed is worst. What to make it better?

[Kajan]

One of my sites loading speed is 47/100. That's bad. The speed tester site suggests me, I should fix the following errors.

1. Eliminate render-blocking JavaScript and CSS in above-the-fold content
2. Enable compression
3. Optimize images
4. Reduce server response time
5. Prioritize visible content

Can anyone please help me, how to fix the above errors?

[snakeair]

Originally Posted by Kajan

One of my sites loading speed is 47/100. That's bad. The speed tester site suggests me, I should fix the following errors.

1. Eliminate render-blocking JavaScript and CSS in above-the-fold content
2. Enable compression
3. Optimize images
4. Reduce server response time
5. Prioritize visible content

Can anyone please help me, how to fix the above errors?

Do you have any caching plugins installed?

[Kajan]

Yes I do. It's "WP Super Cache"

[snakeair]

Make sure you have the right settings enabled.

https://www.shoutmeloud.com/wp-super...on-plugin.html

[Kajan]

Ok after I did some alteration, there is a little improvement. 47/100 goes to 53/100.

What else can I do for a better score?

[Altssolution]

Originally Posted by Kajan

One of my sites loading speed is 47/100. That's bad. The speed tester site suggests me, I should fix the following errors.

1. Eliminate render-blocking JavaScript and CSS in above-the-fold content
2. Enable compression
3. Optimize images
4. Reduce server response time
5. Prioritize visible content

Can anyone please help me, how to fix the above errors?

when we come to compression, you are better using the minified version (.min) for your live environment as Google are now checking on page loading times. Having all your JS file minified means they will load faster and will score you more brownie points.
example : jquery.min.js

Optimize images, reduce your image file size

Reduce server response time, use better hosting check server speed and other details

Prioritize visible content, i thin this article will help you https://developers.google.com/speed/...zeAboveTheFold

[Kajan]

Originally Posted by Altssolution

when we come to compression, you are better using the minified version (.min) for your live environment as Google are now checking on page loading times. Having all your JS file minified means they will load faster and will score you more brownie points.
example : jquery.min.js

Optimize images, reduce your image file size

Reduce server response time, use better hosting check server speed and other details

Prioritize visible content, i thin this article will help you https://developers.google.com/speed/...zeAboveTheFold

Thanks for your explanation buddy.
Now I'm having the following 3 errors.

1. Eliminate render-blocking JavaScript and CSS in above-the-fold content
2. Enable compression
3. Optimize images

Can you give further details about "enable compression"? How can I Have all of my JS file minified? Should I add any codings? If so what code and where to add?

[Altssolution]

Originally Posted by Kajan

Thanks for your explanation buddy.
Now I'm having the following 3 errors.

1. Eliminate render-blocking JavaScript and CSS in above-the-fold content
2. Enable compression
3. Optimize images

Can you give further details about "enable compression"? How can I Have all of my JS file minified? Should I add any codings? If so what code and where to add?

1, Removing render-blocking JavaScript Using W3 Total Cache
Navigate to Performance (i.e, W3 total cache) > minify tab,

Now Here under the settings “JS” i.e, javascript enable “JS minify settings” and choose “Non-blocking using async” as shown in the below image, now javascript files will be loading asynchronously.


nstall plugin “Speed Booster Pack” from WordPress Plugin Directory.
Now Navigate to Settings > Speed Booster Pack

At the top in “General Option” enable the options “Move scripts to the footer” and “defer parsing of javascript files” and this will eliminate the blocking javascript files as they will now be loading asynchronously.

Now move on to the end of the page, expand the option “Still need more speed?” and enable option “load CSS asynchronously”, this will remove the CSS part error.




2)i think i already answered

3 ) Optimize images means reduce your image size in your website , means you have 528kb jpg image file in your website just compress (online website available for compress) and increase your page load speed

[Kajan]

Thank you sir. I'm trying to follow your methods.