The First Step in SEO is Page Loading Speed.
You want to rank higher on Google? Make Google happy.
Google is ONLY interested in serving the best content and experience for its' users.
Here's a couple of basic ideas to make your WordPress website faster.
(Thread)
⬇️⬇️⬇️
You want to rank higher on Google? Make Google happy.
Google is ONLY interested in serving the best content and experience for its' users.
Here's a couple of basic ideas to make your WordPress website faster.
(Thread)
⬇️⬇️⬇️
1/ List to Make Your Website Faster
⚡️ Use Cloud hosting
⚡️ Optimize all your pictures
⚡️ Crop picture according to display size
⚡️ Remove unnecessary codes CSS & JS
⚡️ Use Cache
⚡️ Load lesser files
⚡️ Reuse codes as often
Let's go one by one.
⚡️ Use Cloud hosting
⚡️ Optimize all your pictures
⚡️ Crop picture according to display size
⚡️ Remove unnecessary codes CSS & JS
⚡️ Use Cache
⚡️ Load lesser files
⚡️ Reuse codes as often
Let's go one by one.
2/ Use Cloud Hosting
The cheapest is USD5/mon. However, managing it can be a huge pain if you have no idea how to set up a Web Server.
Use a location near your visitors.
The cheapest is USD5/mon. However, managing it can be a huge pain if you have no idea how to set up a Web Server.
Use a location near your visitors.
3/ Optimize all your pictures.
Compress, resize, shrink.
Windows use RIOT riot-optimizer.com
Mac use ImageOptim imageoptim.com/mac
Try to aim lesser than 100kb per image.
Compress, resize, shrink.
Windows use RIOT riot-optimizer.com
Mac use ImageOptim imageoptim.com/mac
Try to aim lesser than 100kb per image.
4/ Crop picture according to display size
Crop your image to your needs.
On website: 300x200px. Crop this big only.
Most of the time people upload from the camera, straight to the website. It becomes too big.
For cropping, I use photoscape.org/ps/main/index.…
Crop your image to your needs.
On website: 300x200px. Crop this big only.
Most of the time people upload from the camera, straight to the website. It becomes too big.
For cropping, I use photoscape.org/ps/main/index.…
5/ Remove unnecessary codes CSS & JS
WordPress loads so many unnecessary codes (which are not used) on the website.
For WordPress, you can use wordpress.org/plugins/wp-ass…
It takes a slight technical skill to identify which codes are in use.
WordPress loads so many unnecessary codes (which are not used) on the website.
For WordPress, you can use wordpress.org/plugins/wp-ass…
It takes a slight technical skill to identify which codes are in use.
6/ Use Cache
Cache processes the codes and stores them as temporary memory. Like how you memorize 2x5. It's at the top of your brain.
There are many caches solution, all works fine. The difference is UI and knowing what to use.
I like WP Rocket wp-rocket.me
Cache processes the codes and stores them as temporary memory. Like how you memorize 2x5. It's at the top of your brain.
There are many caches solution, all works fine. The difference is UI and knowing what to use.
I like WP Rocket wp-rocket.me
7/ Load lesser files
If you're using Themes like Salient, Ocean, BeTheme, etc, they normally include all the features that you don't need.
They can be disabled/enabled in their control panel.
Figure out what you need, disable the ones you don't use.
If you're using Themes like Salient, Ocean, BeTheme, etc, they normally include all the features that you don't need.
They can be disabled/enabled in their control panel.
Figure out what you need, disable the ones you don't use.
8/ Reuse codes as often
If you're using Elementor, all the pages will have a unique CSS file. Which is something we don't want.
We want to load the CSS once. And use it as often as possible.
When you design, make sure to reuse the same component as much as possible.
If you're using Elementor, all the pages will have a unique CSS file. Which is something we don't want.
We want to load the CSS once. And use it as often as possible.
When you design, make sure to reuse the same component as much as possible.
9/ Test Again and Again.
You can use GTMetrix or Pingdom, but it's too slow to show results. And the servers are far.
Use the built-in Lighthouse in Chrome Developer Tools.
Optimizing a website can take a full day.
You can use GTMetrix or Pingdom, but it's too slow to show results. And the servers are far.
Use the built-in Lighthouse in Chrome Developer Tools.
Optimizing a website can take a full day.
10/ When to Stop.
I draw the line at 90 (score) or lesser than 3 seconds. There's no point in doing anything quicker unless you are serving 1,000 people in a single session.
Until then. Good luck.
I draw the line at 90 (score) or lesser than 3 seconds. There's no point in doing anything quicker unless you are serving 1,000 people in a single session.
Until then. Good luck.
• • •
Missing some Tweet in this thread? You can try to
force a refresh
