What methods would you apply for decreasing the loading time of a website?

Roger Marquez

Jr. VIP
Jr. VIP
Joined
Apr 17, 2017
Messages
3,437
Reaction score
4,306
Website
bit.ly
This thread contains the information you need for decreasing the load time on your site and there are many such threads you just need to use the search box and type your keyword


1. Image optimization
Crop, resize, compress, convert to webp with fallback to original (jpeg, png...)
The decision when to use png, jpeg, svg, or any other.
Lazy load all images, exclude images above the fold from lazy loading.

2. Video optimization
Avoid auto-play video above the fold. Compress video for the web. Put image overlay.

3. Hosting
Choose good hosting.

4. CDN
Use it if your site is international.

5. Compression
Brotli, gzip, or whatever compression your hosting or CDN provides for you.

6. Minify, Combine (or not :))
Minify your website’s CSS, HTML, and JavaScript files (you can do this with almost every cache plugin)
Test combine CSS files and JS files.
Combining can sometimes give good results and sometimes worse. It depends on the protocol (h1, h2, h3), how big the site is, and so on. Although it is recommended not to combine on h2, h3, sometimes the results are better when combined. Sometimes you'll need to exclude certain files.

7. Caching
If you are on WP, you can try with: WP Rocket (paid), LiteSpeed Cache Plugin (if you are on litespeed server), W3 Total Cache (don't use it with Elementor).

8. Database optimization

9. Reduce the number of used plugins. Use lightweight theme.

10. Optimize Third-party scripts (External scripts)

Probably one of the most common problems.
Most used:
Google Fonts, Google Maps, Google Tag Manager, Analytics, reCAPTCHA, FB pixels, YT embeds and others, Font Awesome, Eicons, ads...
You can optimize all of them.
Example:
*Fonts:
Test: swap, localhost, preconnect (if they are external), or preload for local hosted (for LCP or above the fold). Something can give you better something worst result.
*Font Awesome
Use inline SVG instead of Font Awesome.

You should test everything on staging (same server if possible). There is a lot of work, and much more things you can do. This is some basic guideline I made for you.

Important:
Google predominantly uses the mobile version of the content for indexing and ranking. Don't pay too much attention to desktop version (speed). If you optimize mobile speed, a desktop will be good too. But, your priority is mobile.

Website speed test:
It's a topic that can be said a lot. And I will explain once in detail, now only briefly: test speed for the mobile version only, for the testing location - use the country from which most visitors come from. There are many testing tools and when I have time I will explain in more detail.
This is all you need.

Also, I recently posted some general guidelines regarding this topic...


They pretty much are within the same lines like these two comments.

Cheers!
 

typina

Power Member
Joined
Mar 31, 2013
Messages
500
Reaction score
240
1. Fast Loading Theme (90+ Google Page Speed , A+ Gtmetrix)
2. Use Cache Plugin
3. Use Proper Hosting
4. CDN (Optional)
 

k2h2

Banned - Multiple Rules Violations
Jr. VIP
Joined
May 7, 2021
Messages
885
Reaction score
197
If you have good hosting, you will never face issue of bad site speed.
 

laur.laurix

Supreme Member
Joined
May 8, 2013
Messages
1,323
Reaction score
932
WP Rocket did the trick for me....I went from 65 to 95....you can do manualy what wp rocket does....but why lose your time when the plugin is shared here for free?
 

RMX

Jr. VIP
Jr. VIP
Joined
Nov 16, 2009
Messages
1,403
Reaction score
525
  • Choose a performance-optimized hosting solution
  • Compress and optimize your images
  • Reduce your redirects.
  • Cache your web pages.
  • Enable browser caching.
  • Use asynchronous and defer loading for your CSS and JavaScript files
  • Minify CSS, JavaScript, and HTML
  • Leverage a content delivery network
  • Eliminate unnecessary plugins
 

Jimoz

BANNED
Joined
Apr 22, 2020
Messages
1,038
Reaction score
1,060
One of the easiest and best way to speed up website is using Cloudflare DNS and turn on the caching!.

You can use all other option suggested above but Cloudflare is must.
 

perocJ

Jr. VIP
Jr. VIP
Joined
Dec 28, 2010
Messages
393
Reaction score
119
These will improve your conversion rates, user happiness, and even search rankings, as SEO rewards quick load times.
Add the right measurements
Split code into chunks
Reduce code
Server-side render
Compress assets
 

iamtheepxert

Jr. VIP
Jr. VIP
Joined
Aug 20, 2015
Messages
425
Reaction score
183
@Hanck I'm also looking for the same info and thought of creating the thread.
Thank you so much for opening this thread. And many thanks to our fellow members who have already added much value to it. :)
 

Hanck

Jr. VIP
Jr. VIP
Joined
Aug 15, 2013
Messages
110
Reaction score
29
@Hanck I'm also looking for the same info and thought of creating the thread.
Thank you so much for opening this thread. And many thanks to our fellow members who have already added much value to it. :)
You are welcome. Please, review the comments above, you will find necessary information there
 
Top