How to speed up WordPress with LiteSpeed Cache, Quic and Cloudflare CDN free - HTTP3

How to speed up WordPress with LiteSpeed Cache, Quic and Cloudflare CDN free - HTTP3 - WebP images

Рет қаралды 24,302

Күн бұрын

Speed up your website using the LiteSpeed Cache plugin.
Use Quic Cloud to create WebP images and HTTP3 for more speed.
Add Cloudflare free CDN
Step by step look at settings for LiteSpeed Cache
This only works if you are using a LiteSpeed Server
Cloudflare and Quic Cloud
quic.cloud/
www.cloudflare.com/en-gb/
---- LiteSpeed Hosts----
US Hosting jtechwp.com/namehero
UK Hosting jtechwp.com/krystal
Download free eBook Litespeed cache settings
jtechwp.com/how-to-speed-up-a...
Timestamps
0:00 Intro
0:44 Speed test 1
0:51 Select PHP 7.4 and Redis
1:14 Install LiteSpeed Cache Plugin
1:25 Enable LiteSpeed Cache Request Domain Key
1:57 Link to CDN
2:14 Get Cloudflare API key
2:30 Add the site to Cloudflare
2:46 Set DNS to Cloudflare
3:05 Cloudflare Quick Start Settings
3:30 Cloudflare Network Settings
3:42 Litespeed cache settings - Cache
4:07 Object cache - select Redis
4:14 Browser Cache
4:27 Image Optimisation - enable WebP
5:05 Page Optimisation
6:34 Speed Test and Conclusion
---- Useful links ----
My online courses jtechwp.com/courses
Buy me a coffee www.buymeacoffee.com/jtechwp
---- Website Hosting ----
US Hosting jtechwp.com/namehero
UK Hosting jtechwp.com/krystal
Siteground jtechwp.com/siteground
Website Speed Up jtechwp.com/wprocket
Cloudflare CDN cloudflare.com
Webmaster tools www.google.com/webmasters/too...
---- Website Page Builders ----
Elementor Pro jtechwp.com/elementor
Divi jtechwp.com/divi
---- Video ----
Titles Motion VFX jtechwp.com/motionvfx
Tube Buddy www.tubebuddy.com/jtechwp
Music jtechwp.com/epidemicsound
Video Keyboards jtechwp.com/editorskeys
Fiverr jtechwp.com/fiverr
VPN IpVanish jtechwp.com/ipvanish
Email Marketing jtechwp.com/convertkit
Appsumo jtechwp.com/appsumo
My Gear kit.co/jtechwp

Пікірлер: 146

@middlegarealestatephotogra8290 Жыл бұрын

Thanks so much for the PDF. Makes it very easy to assure that all my sites have the same settings.

@JTechWP Жыл бұрын

PDF is handy for reference :)

@leonardohaviaras2191 2 жыл бұрын

Sir, u just saved my life, thx!

@JTechWP 2 жыл бұрын

Happy to help :)

@legendrose6828 2 жыл бұрын

LOVE YOU SO MUCH

@JTechWP 2 жыл бұрын

thanks for your comment :)

@heartauthenticliving 3 жыл бұрын

Thank you for this share. Super helpful

@JTechWP 3 жыл бұрын

Glad it was helpful :)

@Afla_Yakloon_83 Жыл бұрын

best and best and best explination ever 😃

@JTechWP Жыл бұрын

@thepathofguraba9315 3 жыл бұрын

Amazing Content 🤍 Thank you Sir 🤍

@BillyRoberts 2 жыл бұрын

Thank you for the video. I had litespeed cache set up all wrong.

@JTechWP 2 жыл бұрын

You're welcome! will release a new updated version soon as Litespeed cache has been updated a few times since this video

@everfaithful8796 2 жыл бұрын

best video on light speed

@JTechWP 2 жыл бұрын

Thank you :)

@kashfulbangladesh 3 жыл бұрын

just awesome.

@JTechWP 3 жыл бұрын

Thank you so much 😀

@rxtxprojetos 3 жыл бұрын

Thanks 👏👏👏

@JTechWP 3 жыл бұрын

You're welcome!

@fazhek 2 жыл бұрын

Like your video - fast, not too much babling about every click. Please keep this style going

@JTechWP 2 жыл бұрын

Thanks, new videos on the way :)

@kashfulbangladesh 3 жыл бұрын

thank you so so much

@JTechWP 3 жыл бұрын

Welcome 😊

@newblogr1260 3 жыл бұрын

Excellent video, mate. I have been trying to get my CLS down, now I have. Thanks.

@JTechWP 3 жыл бұрын

Great when you have a fast site 🚀

@ryanacollection3506 2 жыл бұрын

work greats, thanks you so much. done subscribe

@JTechWP 2 жыл бұрын

Glad it was helpful, thanks for the Sub :)

@lyricsfetus3633 2 жыл бұрын

Thank you

@JTechWP 2 жыл бұрын

what is you old GTmetrix score and how much faster is the site now ?

@AlessandroEren 2 жыл бұрын

hero!

@JTechWP 2 жыл бұрын

Did you see a big speed improvement ?

@AlessandroEren 2 жыл бұрын

Like crazy speed improvement got 98/100 Like these cronjob image webp coverter are also super!

@AlessandroEren 2 жыл бұрын

Thanks

@JTechWP 2 жыл бұрын

Great job :)

@jeanlucboucher4113 3 жыл бұрын

Wow this is the video iv been looking for. I found videos of over 30 minutes for cloud flare and 60minutes for litecache but you did both in 6 minutes 😂 you Sir deserve a Pint

@JTechWP 3 жыл бұрын

Thanks Jean Luc, I like to get straight to the point ;)

@stephanetalboom6842 3 жыл бұрын

I agree as well...nice Video and explained good. Best regards Stéphane

@MassStash Жыл бұрын

yeeeaaaa, could have been shorter had he just said TURN EVERYTHING OFF except.... lol. Bit shocked there's not much use of the litespeed cache plugin features....weird

@MaroofLone 6 ай бұрын

Hi, Thanks for the video. I have a question. I want to use cloudflare for SSL and DNS records and Quic Cloud for optimising my website. Can you please tell me how i can acheive it? TIA

@JTechWP 6 ай бұрын

once you change the nameservers to Cloudflare, cloudfare is now managing the DNS, and providing SSL. Quic is optimising the images

@middlegarealestatephotogra8290 Жыл бұрын

Wish I could post some screen shots here. My website went from an E score (on GTmetrix) to an A score after following your instructions. THANK YOU !! Strangely, my host (Hostinger) doesn't have "redis" as a PHP extension so I couldn't activate that.

@JTechWP Жыл бұрын

You can still have a really fast site without Redis, glad your site is faster :)

@kirintenshi Жыл бұрын

Thank you for the video! Is there a reason why you disabled lazy loading images?

@JTechWP Жыл бұрын

Testing is important, when i enabled lazy loading some images did not appear, turned it off and all was ok.

@zonechillout 2 жыл бұрын

Dude. Great quick video but after following instructions. My site speed went from 98 to 50. Once i disconnected Cloudflare and Redris and used Minify with all the settings my site was back up to 98

@JTechWP 2 жыл бұрын

Did the speed change after waiting for the DNS to swap over ? Sometimes you have to wait a day or two to get accurate results

@peakminute Жыл бұрын

Just from my experience several thoughts. There is a mistake on 00:04:13 because if you change from Memcache to Redis, then you will also need to change the port. If not, in my case I got an error,- Redis not working properly. Another question is: who will better optimize your website's HTML/CSS/JS and etc Cloudflare or Litespeed. Loading Google fonts locally and caching Gravatar at 00:06:26 is a better practice as it will reduce network requests for faster loading. Hope that helps someone to clarify confusion in settings...

@JTechWP Жыл бұрын

I'm working on a new version of this video soon

@paramveersinghbali640 Жыл бұрын

Hi there, I am dealing with a confusion where I have an html website with blog section managed via WordPress ( like WordPress environment is a subset of html website). So i just want to know that if use cloudflare setup for CDN where I also auto minify css, js and html step that comes during the setup guide on cloudflare and I don't use quic cloud CDN option on litespeed cache plugin or any of the css, js and html settings on page optimization settings except media section for lazy load, lqip options and responsive place holder, is it going to create any problem. And also one question about cache section on the litespeed plugin, what should I do with enable cache option if I'm using cloudflare basic free setup already and is enabling browser cache going to create any trouble?

@JTechWP Жыл бұрын

experiment with the different settings, i only use Wordpress with Elementor and the settings work great. Worst case scenario, if something doesn't work you can always turn it off

@eupdate5 Жыл бұрын

Is cloudeflare standard cache and plugins cache are not gonna conflict ?

@JTechWP Жыл бұрын

Cloudflare handles the CDN, QUIC optimises the images, havent had any site issues using this setup

@crazytones8208 Жыл бұрын

Otherside can i use jetpack image cdn?

@JTechWP Жыл бұрын

you could use other cdn , ive found the best is Litespeed cache, quic cloud

@Dylan-le9gl 3 жыл бұрын

Thanks for the video, why do you leave all the minify and JS setting off?

@JTechWP 3 жыл бұрын

Cloudflare handles minify and js

@Dylan-le9gl 3 жыл бұрын

@@JTechWP does this still work, as I don't see these options anymore in the Cloudflare dashboard. Cheers!

@JTechWP 3 жыл бұрын

@@Dylan-le9gl I think the latest version its not there, will make an updated version of the video soon

@michaeljarcher 3 жыл бұрын

@@JTechWP Goto cloudflare and under "Speed" - Optimization, scroll down and see the "Auto Minify" settings are here now.

@JTechWP 3 жыл бұрын

@@michaeljarcher Thanks, theres been a few updates since i made this video. Making a newer one soon

@mukhtarsalhhandhel3364 Жыл бұрын

Very cool video But I use shared web hosting and my plan type does not have Memcache or Redis, if I do all the steps for the video and leave Object cache is off will I get an excellent and effective experience or should it be in my plan type Memcache or Redis Thank you

@JTechWP Жыл бұрын

It will be fast without Redis or Memcache and work :)

@mukhtarsalhhandhel3364 Жыл бұрын

@@JTechWP Thank you very much

@ErnestoCCB Жыл бұрын

Could you explain why Redis? Is it that different from Memcached?

@JTechWP Жыл бұрын

Redis can handle more requests

@user-tt6nc6mo7k 3 жыл бұрын

Why would you choose not to minify your css? Seems like it is a minor improvement but I can't think of a reason you'd choose not to.

@JTechWP 3 жыл бұрын

Cloudflare is minifying the CSS.

@vardanmishra1781 2 жыл бұрын

hello sir your video is perfect but I am using w3 cash to speed up my website then I watched your video so what is the difference between both of them should I use only one at a time please guide me about this

@JTechWP 2 жыл бұрын

Hi Vardan, If you are on a Litespeed Server you should use LiteSpeed cache as they are designed to work together> LiteSpeed has many benefits over standard PHP hosting and NGinX. More info about Litespeed www.litespeedtech.com/ For none Litespeed servers i recommend WP Rocket kzfaq.info/get/bejne/rdydYKWBp7rHqpc.html> litespeed cache wont work on a none litespeed host

@tomandreii 3 жыл бұрын

Hi! I don't have the "Select PHP Version" icon at the Software section. How else can I enable Redis?

@JTechWP 3 жыл бұрын

Contact your host, it may be in another menu on their server

@akhilnagarkar2794 3 жыл бұрын

Great! I don't have lightspeed host, I have nginx can you please show us how to use it along with cloudflare to make wordpress site faster?

@JTechWP 3 жыл бұрын

Hi Akhil try this video How to Speed up WordPress with WP Rocket, Imagify and Cloudflare 2020

@JTechWP 3 жыл бұрын

Using WP Rocket 🚀

@Tigermuetze Жыл бұрын

Great video, but why do you use cloudflare CDN & DNS instead of the litespeed stuff?

@JTechWP Жыл бұрын

They are both good options. I have another video which shows how you use quic cloud ☁️ as the CDN. Performance is pretty similar on both CDNs

@crazytones8208 Жыл бұрын

Why you didn't on css, js and html minify?

@JTechWP Жыл бұрын

Less issues, in browsers

@jean-philippeghyoot3730 3 жыл бұрын

Great video, thank you. Very helpful. Is there a specific reason you did not use the quic.cloud CDN capabilities?

@JTechWP 3 жыл бұрын

Hi Jean-Philippe, I have a meeting coming up with LiteSpeed on how to get the most out of Litespeed and Quic Cloud together. Will upload the new video in the next few weeks. This video is for Litespeed and Cloudflare. Be interesting to see which is faster ;)

@jean-philippeghyoot3730 3 жыл бұрын

@@JTechWP awesome, I will look out for that. It will be very interesting comparison as I am using Litespeed and the Quic.cloud CDN system now. A question often comes up whether a CDN provides a website speed benefit if the site, hosting and customers are all in the same country?

@gerardreches 2 жыл бұрын

@@JTechWP Hi! The video isn't available yet?

@JTechWP 2 жыл бұрын

Hey guys heres the video using QUIC CDN kzfaq.info/get/bejne/p76Gh72Zs5vPeWQ.html

@NVDigital-in 3 жыл бұрын

In hostinger redis options is not available... what to do for that?

@JTechWP 3 жыл бұрын

contact the hosting company ask them to enable it, if they cant then miss out that step

@pranoykr 3 жыл бұрын

Can you please explain how to connect quic cloud cdn by cname flattening via cloudflare dns recommended by quic ? I couldn't get it working Even after pointing cname to quic it's still not able to verify

@JTechWP 2 жыл бұрын

Best to check with your domain name provider, open a support ticket

@pranoykr 2 жыл бұрын

@@JTechWP I am using cloudflare nameservers. From there am trying to connect to quic via adding a CNAME record.

@YasinKsmG 3 жыл бұрын

great video thanks lot! I have question: you enabled QUIC.cloud CDN on but didn't activate it on QUIC.cloud CDN web site dashboard. See it on 2:14 it says "disabled"

@JTechWP 3 жыл бұрын

It’s because I’m using Cloudflare for the CDN. Making an updated version soon using quic CDN

@YasinKsmG 3 жыл бұрын

@@JTechWP I configured my lscache settings same as you. Enabled QUIC.cloud CDN setting but its disabled on QUIC.cloud dashboard and I'm using cloudflare same as you. My question is its safe to leave that way these settings?

@flavio1147 3 жыл бұрын

But why is the CDN disabled in the QUIC CDN overview panel at 2:13?

@JTechWP 3 жыл бұрын

Its disabled because we are using Cloudflare. You can use Quic CDN instead

@flavio1147 3 жыл бұрын

@@JTechWP Ah this makes sense. And what about, if I have a WordPress Multisite. Do I have to add the Cloudflare API for each subdomain and do you recommend to turn on the "Use Primary Site Configuration"?

@cristianbriones7546 3 жыл бұрын

excellent video, I would like to ask: 1- which do you prefer cloudflare or quic.cloud cdn? 2- memcache or redis?

@JTechWP 3 жыл бұрын

Hi Christian, I’ll make a comparison video on quic vs Cloudflare and run speed tests. Redis has better performance

@isaac2k2 3 жыл бұрын

you selected redis but did not change the port - why?

@JTechWP 3 жыл бұрын

Change the port to 6379, think its a new setting in the latest version.

@ashishkumarrana1959 2 жыл бұрын

Hi, is litespeed cache better than wp rocket?

@JTechWP 2 жыл бұрын

Yes, but you must be on Litespeed hosting. These are both great hosts jtechwp.com/namehero & jtechwp.com/krystal

@ashishkumarrana1959 2 жыл бұрын

@@JTechWP I have Litespeed hosting, previously I am using litespeed cache, mobile speed test is 60 but not as per you set. So I move WP rocket, which improve speed. Should I move to litespeed?

@JTechWP 2 жыл бұрын

Yes, use litespeed cache if your are on a Litespeed host. The cache plugin is constantly being improved

@adilsoncaldeira4080 3 жыл бұрын

why did you turn on QUIC.cloud CDN if you were using Cloudflare CDN?

@JTechWP 3 жыл бұрын

It links the API, so you can create WebP images

@sujanneupane7651 2 жыл бұрын

Which hosting you use it for this?

@JTechWP 2 жыл бұрын

jtechwp.com/krystal they are an amazing company. Fast servers, tech support is quick if you ever need help. Plenty of server resources too

@sujanneupane7651 2 жыл бұрын

@@JTechWP what about liteSpeed hosting?

@JTechWP 2 жыл бұрын

@@sujanneupane7651 Krystal is Litespeed hosting.

@hamdansajid 2 жыл бұрын

at 2:12, you can see that the CDN status is Disabled , Kindly Let us know how we can enable it

@JTechWP 2 жыл бұрын

If you are connecting to Cloudflare thats all done with the api at the bottom of the settings page. You only need to enable CDN if you are using a different provider

@rastaricky9584 Жыл бұрын

Great content, but please slow down.

@JTechWP Жыл бұрын

my newer tutorials are slower :)

@shyamlok 2 жыл бұрын

i cant get a domain key, waiting for hours.. tried flagging all ips in whitelist no luck

@shyamlok 2 жыл бұрын

update, fixed it ..

@JTechWP 2 жыл бұрын

@@shyamlok how’s the site speed now ?

@sinyalkuatcom 3 жыл бұрын

The connection used TLS 1.3 or quic ?

@JTechWP 3 жыл бұрын

Quic is doing image optimisation, Cloudflare is using TLS 1.3 and HTTP3

@leksetengah 3 жыл бұрын

why dont you turn on css and js asynchronously ?

@JTechWP 3 жыл бұрын

I set that in Cloudflare. Will be making a new version of this video soon as cloudflare and litespeed have had some updates

@igneousc 7 ай бұрын

@@JTechWP Hi, I looked but have you done any updates since this video? Thanks

@adeus6206 3 жыл бұрын

Redis is not supported on my host, just memcached.

@JTechWP 3 жыл бұрын

memcache will work, Redis is slighty better. Could you ask the host to enable Redis, they should be able to add it via SSH

@adeus6206 3 жыл бұрын

@@JTechWP I did already, they said only memcache available

@saimadhav9898 2 жыл бұрын

Hey, great video! When I set up Cloudflare with litespeed running, everytime I tested the live url on Search Console the page was loading fully. But since few days, that’s not happening. Page resources aren’t fully loading.

@JTechWP 2 жыл бұрын

Try clearing out caches, clear litespeed cache, login to cloudflare purge, clear your browser cache too then refresh.

@ambreenashraf9905 2 жыл бұрын

Litespeed cache is destroying my wesbite and my website speed is so slow tell me how to fix it?

@JTechWP 2 жыл бұрын

whats your site url ? disable any other caching plugins that may be running

@ambreenashraf9905 2 жыл бұрын

@@JTechWP no just installing after litespeed plugin i see the destruction and when i uninstall it it goes normal

@JTechWP 2 жыл бұрын

Litespeed just released a new version with bug fixes today

@ambreenashraf9905 2 жыл бұрын

@@JTechWP can you plz tell me that version???

@JTechWP 2 жыл бұрын

4.4.1 en-gb.wordpress.org/plugins/litespeed-cache/

@waqarahm3d 2 жыл бұрын

You have Enabled quic cdn and cloudflare together, this is not going to work pal as you have not configured quic cdn. You can only use one or another.

@JTechWP 2 жыл бұрын

Im using Litespeed to create the WebP images and Cloudflare as the CDN

@NVDigital-in 3 жыл бұрын

Very fast explanation, little bit slow can make all to understand clearly.

@JTechWP 3 жыл бұрын

Will go a bit slower in future. Making an updated version of this video, LiteSpeed cache 4 is on the way with impressive new features.

@luxemag4347 2 жыл бұрын

gonna watch it ten times at 0.75x 😅