09:23 Save yourself one rule. Cloudflares SSL/TLS page, Edge Certificates tab, Always Use HTTPS set to On. This would do the same as the third rule in the video.
Thank you very much for the video tutorial. Do you have another updated video understanding the changes that cloudflare made and that are currently presented? For example, the definition of cache rules that previously (and as in the example in the video) would simply involve selecting a new rule and adding CACHE BYPASS now require the selection of "Field + operator + value". Thank you very much.
Superb video brother. Thank you so much for sharing. I'll check my GTmetrix score tomorrow as I just set this up and it seems one of your users below said it takes about 12 hours to take with CF. I believe i need some image compression/optimization. What are you recommendations? Greatly appreciated!!!
Hi Sylvester, glad to help! I use resmush.it as my image compression plugin. It does great job in reducing the image sizes. Yeah cloudflare is pretty quick, but for it to propagate all over the world could take a bit of time.
Great tutorial..thank you! My question is this: my domain is with namecheap and my hosting with siteground and the nameservers inside namecheap are already pointed to my hosting siteground, if I want to use Cloudflare, should I change the nameservers inside namecheap or inside my hosting siteground?
I’m at this stage I think. But my site is hosted and managed by go godaddy, I also bought a domain from google for another site also currently managed on wordpress via a godaddy sub domain. account which points to cloudflare for the ssl. How can I clean this all up.. so I’m not using so many variables
Great video mate 🙌🏻 @tipswithpunch I’m using WP Fastest Cache plugin, since Cloudflare has caching option... is it good to describe WP Fastest Cache plug-in?
Thanks Jabin, your plugin might already have an integration with cloudflare. If not I do keep my caching plugin enabled and on top of that I have cloudflare. No harm done :)
@@tipswithpunch Thanks for the valuable info! it took 12hrs for the cdn to be measured by gtmetrix. Fun part is my site's page load speed with http is 4.5 second but when i check it with s added it loads around 2.5 seconds .. (https) Question is : Is there a way to make https my default ..thing thanks!
awesome tut @tipswithpunch , I have one question about SSL - if you already have an ssl certificate installed, you recommend that we leave SSL off. Will it still serve up files in https this way ?
You could leave it on, but then you need to select "full" SSL in cloudflare. If you leave it you will have secure connection between your visitor's browser > Cloudflare > Your domain If you switch it off. You will have secure connection only your visitor's browser > Cloudflare.. you will still get the green padlock though
You can try to remove real simple SSL, but check if you get mixed content warnings (so the padlock has a exclamation mark or it's orange). If I remember correctly the plugin also converts all your assets from http to https, so you don't get mixed content warning. But you could fix this manually too. I have a video about mixed content warning (if it applies to you) ua-cam.com/video/GPkAkL6qpD0/v-deo.html
Hi Pelle, - Do you have already image optimization plugins? (I use resmush.it) - Also you install a lazyloading plugin, so that the images get loaded while user scrolls down the page. (I use A3 lazyload) - I've also recently made a video about Cloudflare Pro, and how it improved my page speed by 50%. But it's not a cheap option, here is the video: ua-cam.com/video/eZvjCJrYfWo/v-deo.html
Hey mate i saw your cloudfare ssl with WordPress & GoDaddy, I wanted to know would this work for Wordpress Hosted by Go Daddy. I'm assuming this provides more protection than the SSL (Not that you really need more) But also faster website Delivery. Do these work together or Separate? Also which one would u recommend. Great Content.
Hello, Thanks for the video. Here is my question that I have installed DV ssl by comodo on my website server and its working fine with ssl. Now if as a starter with cloudflare's free plan then will cloudflare be auto adjust with my current ssl? or there will be need to change something. My main purpose to run my website on ssl
Hi Ram,you could disable the ssl part of cloudflare, but then you loose the protection provided by cloudflare. If you go for Premium plan then you could upload your own SSL. Here is more info on their forum: community.cloudflare.com/t/how-to-disable-ssl-cloudflare/65472/6
I want to use CA ssl only on origin server side not on cloudflare side so in that case my scenerio will be visitor to cloudflare free ssl and cloudflare to origin server my CA certified ssl. So will it work?
Yes, I think you can achieve what you are saying, here is more info about it: support.cloudflare.com/hc/en-us/articles/200170416-End-to-end-HTTPS-with-Cloudflare-Part-3-SSL-options
Hi, I’m using vultr vps located in USA and running commerce , so i have two question ; my USA customer will be slow down when connect to my website ? More important is can be problem because wooocmmerce not a static page which I’m adding product everyday ? Thanks
Hmm Punch, im curious, cloudflare is free with siteground. But I is that a REAL cdn? Or should I get like paid bunnycdn? Which is not that expensive? I mean it sounds kinda strange that all cdns cost money, often per gb, but cloudflare doesnt?
Hi Rich, the free account of cloudflare is a CDN, but it's not the fastest one. I think in general something like bunnyCDN will be much cheaper. However the paid version of cloudflare is good. My website is using it. Here at the end you can see how my website speed improved with bunnyCDN : ua-cam.com/video/qxYjZACTuV4/v-deo.html And here at the end how with cloudflare pro: ua-cam.com/video/eZvjCJrYfWo/v-deo.html
Hello, cloduflare is migrating to a new system of rules, can you please migrate the rules you created in this video to the new page rules system? thanks!!!
Hey, I have registered to cloudflare with my main domain. So my question is does changing this settings affect my main domain website or my subdomain wordpress website? I have added my subdomain in DNS entries. Please clarify. Thanks man!!
Great video Robert! do you have problem with cloudflare elementor and woocommerce? I got problem that elementor does not show image in preview mode or not either woocomer product image i(elementor single product template) in preview mode and in editor in elementor. Is there any page rules to add in cloudflare for that?
Hi Pelle, sorry to hear that. I haven't had this issue on my site. When in preview mode, when you right-click on the broken image and choose "Inspect .." , then click on the console tab. Does it give you any errors? Also you can right-click on the broken image and choose "open image in new tab" or something similar. You can check this way where is it trying to load the image from.
Hi Pelle, 1. What kind of elements you have in GTM metrix suggestions for improvement? Here is some things you can try: wpspeedrevolution.com/guide/minimizing-request-size/#How_to_minimize_request_size 2. Cloudflare + W3 total cache, you can check this article (step 7), basically you can just install an extentsion for w3 total cache: bloggingwizard.com/w3-total-cache-cloudflare/
@@tipswithpunch Should check "Don't cache front page " in cache w3total cache. I installed autoptimze w3totalache reduce request from 69 to 36 :) Does it work with building the website with Elementor if I have the plugin installed?
Hi Pelle, sorry in this case I don't know how well these different plugins work together, I think it's just try and see. Just make sure you have a backup of the site, just in case :)
@@tipswithpunch Robert do you why my website is loading slow only for the first time? I need close the browser and open it again and works normal. I use cloudflare w3cache and autoptimize
hello, I've heard that some people have worse performance than before. I have caching plugin (w3 total cache) and image compression plugin (resmush.it) but nothing special for cloudflare except the cloudflare plugin.
Hi Abhay, you can keep your SSL certificate but cloudflare will use their ssl certificate to secure the connection between your users and cloudflare. However if you choose "Full" SSL in cloudflare, your connection will be also secured between your server and cloudflare. This is because cloudflare is a proxy, so the flow is users browser > cloudflare > your server. If you want purely CDN for images, then you can check bunnyCDN (it's not free though), here is a tutorial ua-cam.com/video/qxYjZACTuV4/v-deo.html
Added CloudFlare CDN instead of Jetpack, gmetrix scores went down drastically. Got rid of the CloudFlare CDN and went back to Jetpack+WP Optimize. It was all within 30 minutes though, should I have waited like 24 hours before checking my site speed with CloudFlare CDN?
no cloudflare is usually quick. But I've heard that for some people, cloudflare makes the website worse. I don't know why though. Really the benefit of cloudflare is if you have global audience.
Thank you for detailed informatin. Normally when I implement cdn to a website, I change all js and css, img paths like cdn.something/assets but here when I press ctrl + u don't see any link associated to cloudflare. I am mixed a little bit.
Cloudflare works a bit differently because they act as a proxy (so you point to them and then they point to your server) So they don't need the URL thing. A bit more info here: developers.cloudflare.com/fundamentals/get-started/cdn
Hey, I have big problems and am so confused. So I've done this twice and both times my site goes down with an error from my hosting site. How do I connect Cloudflare to my Bluehost. Like when I change my domains nameservers, that's changing the hosting to Cloudflare but how do I connect Cloudflare back to my Blue Host hosting. No one explains it properly. I run a .com.au domain as well.
Hi Justin, when you started this process you should have gotten an email from cloudflare telling you with your old DNS nameserver, and also the new ones. You can take these old DNS nameservers and add them do your domain (I guess you bought your domain from bluehost, so in that case you change them at bluehost)
Hi Muhammad, if you are looking for security then go for cloudflare. BunnyCdn is only for the CDN. Cloudflare has all kind of extras because it acts as a proxy. So it's able to filter out bad traffic.
Do you use any other WP Optimization Plugin to achieved a MOBILE Google Pagespeed Score of 91? e.g. WP-Rocket vs Autoptimize vs LSCache vs Hummingbird?
yes I do, I use w3 total cache. But wp rocket will do the same thing. Here is a video about setting up w3 total cache: ua-cam.com/video/tO7_dItT3NA/v-deo.html
yeah you are! Just keep in mind that cloudflare works differently from other CDNs, because it's a proxy. So all traffic goes through it. where as on other CDNs users load images from CDN. But the result should be the same. Make sure to check your page load speed after you added cloudflare, some people are saying it didn't make it faster or even made it slower.
@@tipswithpunchThanks, do you think since other CDNs load images directly from the CDN they work better, and thus they should be added in addition to Cloudflare?
Nah, should work about the same. Also Cloudflare is able to cache your whole site not just images, so that also makes it faster. But just test it out and see if it works well for you. CDNs are mostly useful when your website visitors are far from your server location. So for example your server is in the US and visitors in Asia.
Hi, yes I have. I had similar experience before with the free plan. But I suggest you give cloudflare a chance and look google analytics for the real user page speed before and after the update. Cloudflare works the best when the user is far from your server, that's where you really need a CDN. If your server is in north america and all your website visitors are there too, then CDN won't do much.
Yeah no limitations at all Amit. But just check that it actually speeds up your website. In some cases it might slow the down. So do before and after speed tests
hi, I got Flexible SSL Cloudflare here, Do I need to change it to FULL from Flexible? as what you've instructed? What I'm gonna do with Flexible if ever I changed it to FULL ? should I delete the Flexible plugin? and let the cloudflare plugin took care? please help...
@@tipswithpunch i got an cloudflare free ssl, i also enable Full, 7 hours ago, nothing happened, the https still working, but i guess the Flexible is not useful right now i guess?
Hi, so i followed the video and i went back to GT Metrix and it giving me an Analysis error. Does it take some time to be able to test it? Also, in CF Speed section, its taking forever to measure my website, its at 23mins now, how important is this? Are both issues related, you think?
Hey Miguel that's strange. But sometimes it might take time to propagate the changes across the globe (can take up to 24h, but this is rare). But if you still see that issue, then I think something went wrong
Not sure what the issue is, you can check cloudflares forums if there is some solution, like this one: community.cloudflare.com/t/503-service-unavailable/15879
@@tipswithpunch Thanks for asking, today it was my lucky day! I got it all now I fixed the issues. First it was a mix match http and https. Second I add this css code snippet .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images { opacity: 1 !important; } Third add to cart-buttons were gone in product archive template, I had to enable it in Astra ->Customizer But I don't know if elementor is the way building a woocomerce website. A great theme with hooks and some nice addons can do it more smoothly. Elementor I think is better for dynamic pages . I'm only thinking , what do you think?
Glad to hear you were able to sort it out Pelle! yeah I think elementor started out as page builder, and then it got extended to woocommerce so it might not work that well there.
Hello I am facing this Error An error occurred fetching the page: HTTPS error: SSL connect attempt failed error:1407742E:SSL routines:SSL23_GET_SERVER_HELLO:tlsv1 alert protocol version
Sorry to hear that buddy. Check this post, other people also had same issue. Maybe it can help you: community.cloudflare.com/t/i-own-a-paid-ssl-so-what-to-do-with-cloudflare-free-ssl/30622/5
Hi, i activated SSL the way you mentioned, but my site still say not secure. it has been more than 10 days. (only homepage is not secures, other pages are)
what does GT metrix tell you? The free cloudflare CDN sometimes doesn't do anything or even makes the website worse. I have specific tips how to speed up your website here: ua-cam.com/video/d_Kp731z01A/v-deo.html And if you want to give cloudflare pro a go, then here is my experience: ua-cam.com/video/eZvjCJrYfWo/v-deo.html
So, 16 minutes of video just to get the exact page loading time ? Sounds like a waste of time to me. Yslow score has no incidence on how fast you site loads. You should have tried to run GT metrix from two different server location before and after setting up cloudflare, otherwise you're missing the point of setting up a cdn video, right ?
Hi Alain, good point about the 2 servers, I should have done that for sure. When I do next video about page speed related stuff I'll include this. And in the end GTmetrix is just a tool, what is important is to look at your Google analytics (which I show at end of the video) and see how has CDN helped your page speed around the world. If your audience is 98% in one country, then CDN won't help that much (as long as your server is located in that country). I switched to cloudflare's paid plan, and that's where the real difference is. If you are interested I show the results in this video: ua-cam.com/video/eZvjCJrYfWo/v-deo.html
Hi, I am using WP Rocket Pro addon (CloudFlare), Smush Pro. Gtmetrix We are getting 90% Performance, 98% Structure. But getting 7.1 Fully Loaded Time. Is there any thing else that we can do.
check what is causing the slow load time (you can see it in the timeline view). Usually it's some 3rd party script. If it is, then there is good tutorial here: kinsta.com/blog/defer-parsing-of-javascript/ that explains how to defer the script.
@@tipswithpunch Thanks for the info. We look at our site and cant see any thing that causing the load to be so slow. Our site is ValuePaw.com? Are you for hire? Are speeds change from 2.5 sec to 7.1 Sec, Do you think that is normally?
from quick check I see that your site is trying to make an ajax call: valuepaw.com/wp-admin/admin-ajax.php which never gets completed. But I can only see it when I tested with GMetrix, nothing in my browser.
I think this error might happens only in GTMetrix. When I visit the site I don't have any errors. You can see how to check it in this article: www.hostinger.com/tutorials/how-to-fix-admin-ajax-file For example webpagetest doesn't trigger this issue: www.webpagetest.org/result/210206_DiRR_995f95239ef69f47c67aa7747698a9a4/ If you have already some traffic then you can install google analytics and there you will see how long the website actually loads for real people.
Clouidflare works differently and you don't have the standard "cdn.xxx" URLs, you can see more here: community.cloudflare.com/t/do-i-make-use-of-cloudflare-cdn-if-links-to-images-in-source-code-didnt-replace/12751/7
@@tipswithpunch at the very end of the video you mention that using an CDN is "not that necessary". While I and I assume many more people have set up the CDN following your steps in th video. A pure waste of time. Thus: next time, mention in the first 30 seconds that it is not that necessary.
Sorry if this wasted your time. I think I expressed myself wrongly. CDN can be extremely useful, especially if you have users coming from different continents. If all your users are in same country as your server, then it's not that useful. In this video, I show you how to set it up. For most people this will speed up their website. However, you need to keep in mind that it's a free service, so obviously it's not the best CDN out there. If you upgrade to the Pro plan, or go with another CDN provider, you might see much better results. Pretty much all bigger websites use a CDN, especially for images etc. So the free CDN didn't do much for my optimized website, it doesn't mean it's not necessary for your website. You should always test how it goes, because sometimes it might even slow down your website.
I'm from Brazil and I didn't find any channel in my country that could help me like you did. Congratulations, won a subscriber from Brazil
Obrigado for the sub, Mateus! I'm glad you liked the video 🙌
09:23 Save yourself one rule. Cloudflares SSL/TLS page, Edge Certificates tab, Always Use HTTPS set to On.
This would do the same as the third rule in the video.
Thanks for the tip Sam, that makes total sense, I missed that setting!
Thank you
Having Done this setting can we delete the rule 3 and use for some thing else ? Plz advice
@@christopherruben yes that's right.
Amazing....I just got from an E to an A on GTMetrix........Thanks so much man.
Rock on Kelvin!
Hi Kelvin, can you share how you achieved such great result?
I seriously need to know...
hi kelvin can you tell me how did you do it?
Thank you very much for the video tutorial. Do you have another updated video understanding the changes that cloudflare made and that are currently presented? For example, the definition of cache rules that previously (and as in the example in the video) would simply involve selecting a new rule and adding CACHE BYPASS now require the selection of "Field + operator + value". Thank you very much.
hahhahha I love your voice! I think heard this voice somewhere.
thanks! glad you like it 🙌
Thank you so much
That was really helpful
Keep it up
Thanks Kamal!
Great Video Zlatan Ibrahimovic
Thanks, Zlatan is happy :)
Superb video brother. Thank you so much for sharing. I'll check my GTmetrix score tomorrow as I just set this up and it seems one of your users below said it takes about 12 hours to take with CF. I believe i need some image compression/optimization. What are you recommendations? Greatly appreciated!!!
Hi Sylvester, glad to help! I use resmush.it as my image compression plugin. It does great job in reducing the image sizes.
Yeah cloudflare is pretty quick, but for it to propagate all over the world could take a bit of time.
Great tutorial..thank you! My question is this: my domain is with namecheap and my hosting with siteground and the nameservers inside namecheap are already pointed to my hosting siteground, if I want to use Cloudflare, should I change the nameservers inside namecheap or inside my hosting siteground?
I have similar setup Adam, just change it in namecheap and it should work.
tipswithpunch thank you Robert, so if I want to add an A record in the future or a CNAME, should I add them inside CloudFlare or SiteGround?
I think cloudflare, they will be "in control" of your domain
I’m at this stage I think. But my site is hosted and managed by go godaddy, I also bought a domain from google for another site also currently managed on wordpress via a godaddy sub domain. account which points to cloudflare for the ssl. How can I clean this all up.. so I’m not using so many variables
thanks for the video! does this affect SEO?
Yes, Google will see you have a secure site. But no other impact.
@@tipswithpunch ok thanks!
Great video mate 🙌🏻 @tipswithpunch I’m using WP Fastest Cache plugin, since Cloudflare has caching option... is it good to describe WP Fastest Cache plug-in?
Thanks Jabin, your plugin might already have an integration with cloudflare. If not I do keep my caching plugin enabled and on top of that I have cloudflare. No harm done :)
tipswithpunch good tip! I have integrated with the WPFC plugin 👍🏻
great video man
Glad you enjoyed it
Did everything! Thank you! Is it a must that i must install the plugin in wordpress? or is it optional?
Hi Haileab, you are welcome. No, the plugin is not necessary but it makes it easier though.
@@tipswithpunch Thanks for the valuable info! it took 12hrs for the cdn to be measured by gtmetrix.
Fun part is my site's page load speed with http is 4.5 second but when i check it with s added it loads around 2.5 seconds .. (https)
Question is : Is there a way to make https my default ..thing thanks!
Yes, there is a setting in cloudflare to redirect all traffic to SSL, here is the info: blog.cloudflare.com/how-to-make-your-site-https-only/
awesome tut @tipswithpunch , I have one question about SSL - if you already have an ssl certificate installed, you recommend that we leave SSL off. Will it still serve up files in https this way ?
You could leave it on, but then you need to select "full" SSL in cloudflare.
If you leave it you will have secure connection between your visitor's browser > Cloudflare > Your domain
If you switch it off. You will have secure connection only your visitor's browser > Cloudflare.. you will still get the green padlock though
Thanks man!!
My pleasure!
You are the best, and hilarious 🤣 with Arniee Jokes
I'm glad you liked my video Shoaib!
Also, would you recommend I remove the Real Simple SSL plugin since CF's HTTPS redirect is set to Always On?
You can try to remove real simple SSL, but check if you get mixed content warnings (so the padlock has a exclamation mark or it's orange). If I remember correctly the plugin also converts all your assets from http to https, so you don't get mixed content warning. But you could fix this manually too. I have a video about mixed content warning (if it applies to you) ua-cam.com/video/GPkAkL6qpD0/v-deo.html
Great video
Glad you enjoyed it!
Great video Robert! I use cloudflare free and autoptimize plugin. Do you have any other idea how to get the website faster?
Hi Pelle,
- Do you have already image optimization plugins? (I use resmush.it)
- Also you install a lazyloading plugin, so that the images get loaded while user scrolls down the page. (I use A3 lazyload)
- I've also recently made a video about Cloudflare Pro, and how it improved my page speed by 50%. But it's not a cheap option, here is the video: ua-cam.com/video/eZvjCJrYfWo/v-deo.html
Thanks mate you rock
No problem 👍
Really helpful ty 🙏
Glad it helped
Great video. Do you know if cloudfare provides a service on detecting and blocking users who use VPN/proxy when trying to visit your website?
I don't think it comes with free plan... there is more discussion here: community.cloudflare.com/t/how-to-block-all-vpns-proxys-and-host-ips/303070/5
Hey mate i saw your cloudfare ssl with WordPress & GoDaddy, I wanted to know would this work for Wordpress Hosted by Go Daddy. I'm assuming this provides more protection than the SSL (Not that you really need more) But also faster website Delivery. Do these work together or Separate? Also which one would u recommend. Great Content.
I think you already installed cloudflare, which is good :)
Victory Dance LMFAO!!!!!!!!!!!!!!!!!!!!!!!!!!
hahaha :D I hope you did it John!
Excellent video.
Thank you very much!
@@tipswithpunch You are welcome.
Hello, Thanks for the video. Here is my question that I have installed DV ssl by comodo on my website server and its working fine with ssl. Now if as a starter with cloudflare's free plan then will cloudflare be auto adjust with my current ssl? or there will be need to change something. My main purpose to run my website on ssl
Hi Ram,you could disable the ssl part of cloudflare, but then you loose the protection provided by cloudflare. If you go for Premium plan then you could upload your own SSL. Here is more info on their forum: community.cloudflare.com/t/how-to-disable-ssl-cloudflare/65472/6
I want to use CA ssl only on origin server side not on cloudflare side so in that case my scenerio will be visitor to cloudflare free ssl and cloudflare to origin server my CA certified ssl. So will it work?
Yes, I think you can achieve what you are saying, here is more info about it: support.cloudflare.com/hc/en-us/articles/200170416-End-to-end-HTTPS-with-Cloudflare-Part-3-SSL-options
Thank you Brother
Welcome!
8:35 If I use a plugin "WPS Hide Login" to hide wp-admin. Should I still write /wp-admin or it should write that changed login name
uuuh good question Nikola. I don't actually know. I don't think it makes sense to write /wp-admin since it's not even there.
Hi, I’m using vultr vps located in USA and running commerce , so i have two question ; my USA customer will be slow down when connect to my website ? More important is can be problem because wooocmmerce not a static page which I’m adding product everyday ? Thanks
nah, you don't really need CDN if your server is in US and your clients are there.
In cloduflare you can exclude pages. checkout and payment pages.
Hmm Punch, im curious, cloudflare is free with siteground. But I is that a REAL cdn? Or should I get like paid bunnycdn? Which is not that expensive? I mean it sounds kinda strange that all cdns cost money, often per gb, but cloudflare doesnt?
Hi Rich, the free account of cloudflare is a CDN, but it's not the fastest one. I think in general something like bunnyCDN will be much cheaper. However the paid version of cloudflare is good. My website is using it.
Here at the end you can see how my website speed improved with bunnyCDN : ua-cam.com/video/qxYjZACTuV4/v-deo.html
And here at the end how with cloudflare pro: ua-cam.com/video/eZvjCJrYfWo/v-deo.html
thank you very much!
You are welcome
Hello, cloduflare is migrating to a new system of rules, can you please migrate the rules you created in this video to the new page rules system? thanks!!!
thank you
You're welcome
Hey, I have registered to cloudflare with my main domain. So my question is does changing this settings affect my main domain website or my subdomain wordpress website? I have added my subdomain in DNS entries. Please clarify. Thanks man!!
Hi Harsh, It's not clear to me what settings are you referring to?
Great video Robert! do you have problem with cloudflare elementor and woocommerce? I got problem that elementor does not show image in preview mode or not either woocomer product image i(elementor single product template) in preview mode and in editor in elementor. Is there any page rules to add in cloudflare for that?
Hi Pelle, sorry to hear that.
I haven't had this issue on my site. When in preview mode, when you right-click on the broken image and choose "Inspect .." , then click on the console tab. Does it give you any errors? Also you can right-click on the broken image and choose "open image in new tab" or something similar. You can check this way where is it trying to load the image from.
@@tipswithpunch Can I send you the address to your email? and the product image is not working in elementor editor after reopened it
@@tipswithpunch I send you an email about:)
Sorry, I missed this message, but I think you solved it!
@@tipswithpunch Yes I did it was mix mmatch http and https.Add css opacity woocommerce to 1. And enable and disable settings in theme customizer
do i have to deactivate my w3 cache plugin ? thanks for your content
noup, you can install a cloudflare add-on to w3 total cache and then they work together - you can do that in the w3 total cache menus.
Robert do you how to Minimize request size (gtmetrix) and how do I set up w3 total cache plugin with cloudflare? i'm using autoptimze and cloudflare
Hi Pelle,
1. What kind of elements you have in GTM metrix suggestions for improvement?
Here is some things you can try: wpspeedrevolution.com/guide/minimizing-request-size/#How_to_minimize_request_size
2. Cloudflare + W3 total cache, you can check this article (step 7), basically you can just install an extentsion for w3 total cache: bloggingwizard.com/w3-total-cache-cloudflare/
@@tipswithpunch thanks I will check it, can I use autoptimize with w3total cache maybe too much?
@@tipswithpunch Should check "Don't cache front page " in cache w3total cache. I installed autoptimze w3totalache reduce request from 69 to 36 :) Does it work with building the website with Elementor if I have the plugin installed?
Hi Pelle, sorry in this case I don't know how well these different plugins work together, I think it's just try and see. Just make sure you have a backup of the site, just in case :)
@@tipswithpunch Robert do you why my website is loading slow only for the first time? I need close the browser and open it again and works normal. I use cloudflare w3cache and autoptimize
I did the same settings with my website but still worst performance? Do you use any other plugin with cloudflare?
hello, I've heard that some people have worse performance than before. I have caching plugin (w3 total cache) and image compression plugin (resmush.it) but nothing special for cloudflare except the cloudflare plugin.
I already have SSL certificate from my hosting provider. Is it necessary to use cloudflare SSL in order to use its CDN service?
Hi Abhay, you can keep your SSL certificate but cloudflare will use their ssl certificate to secure the connection between your users and cloudflare. However if you choose "Full" SSL in cloudflare, your connection will be also secured between your server and cloudflare.
This is because cloudflare is a proxy, so the flow is users browser > cloudflare > your server. If you want purely CDN for images, then you can check bunnyCDN (it's not free though), here is a tutorial ua-cam.com/video/qxYjZACTuV4/v-deo.html
Added CloudFlare CDN instead of Jetpack, gmetrix scores went down drastically. Got rid of the CloudFlare CDN and went back to Jetpack+WP Optimize. It was all within 30 minutes though, should I have waited like 24 hours before checking my site speed with CloudFlare CDN?
no cloudflare is usually quick. But I've heard that for some people, cloudflare makes the website worse. I don't know why though. Really the benefit of cloudflare is if you have global audience.
Thank you for detailed informatin. Normally when I implement cdn to a website, I change all js and css, img paths like cdn.something/assets but here when I press ctrl + u don't see any link associated to cloudflare. I am mixed a little bit.
Cloudflare works a bit differently because they act as a proxy (so you point to them and then they point to your server) So they don't need the URL thing. A bit more info here: developers.cloudflare.com/fundamentals/get-started/cdn
Hey, I have big problems and am so confused. So I've done this twice and both times my site goes down with an error from my hosting site. How do I connect Cloudflare to my Bluehost. Like when I change my domains nameservers, that's changing the hosting to Cloudflare but how do I connect Cloudflare back to my Blue Host hosting. No one explains it properly. I run a .com.au domain as well.
Hi Justin, when you started this process you should have gotten an email from cloudflare telling you with your old DNS nameserver, and also the new ones.
You can take these old DNS nameservers and add them do your domain (I guess you bought your domain from bluehost, so in that case you change them at bluehost)
You also did a tutorial with Bunny CDN, between Bunny CDN and Cloudflare which one do you think is faster?
Hi Muhammad, if you are looking for security then go for cloudflare. BunnyCdn is only for the CDN. Cloudflare has all kind of extras because it acts as a proxy. So it's able to filter out bad traffic.
Do you use any other WP Optimization Plugin to achieved a MOBILE Google Pagespeed Score of 91? e.g. WP-Rocket vs Autoptimize vs LSCache vs Hummingbird?
yes I do, I use w3 total cache. But wp rocket will do the same thing. Here is a video about setting up w3 total cache: ua-cam.com/video/tO7_dItT3NA/v-deo.html
Watched the video. I am assuming the CDN setup is automatic once you have connected CloudFlare?
yeah you are! Just keep in mind that cloudflare works differently from other CDNs, because it's a proxy. So all traffic goes through it. where as on other CDNs users load images from CDN. But the result should be the same.
Make sure to check your page load speed after you added cloudflare, some people are saying it didn't make it faster or even made it slower.
@@tipswithpunchThanks, do you think since other CDNs load images directly from the CDN they work better, and thus they should be added in addition to Cloudflare?
Nah, should work about the same. Also Cloudflare is able to cache your whole site not just images, so that also makes it faster. But just test it out and see if it works well for you. CDNs are mostly useful when your website visitors are far from your server location. So for example your server is in the US and visitors in Asia.
Will this work for free profreehost domains like cf and ml? Is it okay?
I haven't tried, but I think it should.
@@tipswithpunch yeah ive done it and it works fine.. Thanks
awesome, thanks for letting me know!
Dear Robert, Can I use cloudflares SSL if I host my site with google cloud platform?
Yep, should be fine, you just need to have control over your domain, the rest works more or less the same ( except the plugin)
I added Clouflare but GtMetric isn't showing any change. Have you heard of this happening?
Hi, yes I have. I had similar experience before with the free plan. But I suggest you give cloudflare a chance and look google analytics for the real user page speed before and after the update. Cloudflare works the best when the user is far from your server, that's where you really need a CDN. If your server is in north america and all your website visitors are there too, then CDN won't do much.
Can we use free plan for commercial / monetized websites?
Yeah no limitations at all Amit. But just check that it actually speeds up your website. In some cases it might slow the down. So do before and after speed tests
Hi there! I've AdWords campaign running. If I activate cloudflare would that affect my campaign?
It shouldn’t, as long as your website is live it should have no issues
My main page wordpress website is still insecured other pages are secured.
You might have mixed content warning, here is how to fix: ua-cam.com/video/GPkAkL6qpD0/v-deo.html
@@tipswithpunch I discovered my SVG were from page source. Fixed and thanks a lot
Where is the cdn option. Files should be loaded using cdn
Cloudflare works a bit differently because it's a proxy. So you don't actually see the CDN urls.
Hello, please I already have an https.. should I ignore cloudflare's own?
You can enable the "Full SSL" so that your connection with cloudflare is secure too.
hi, I got Flexible SSL Cloudflare here, Do I need to change it to FULL from Flexible? as what you've instructed? What I'm gonna do with Flexible if ever I changed it to FULL ? should I delete the Flexible plugin? and let the cloudflare plugin took care? please help...
so if you already have an SSL certificate, then you can use full, if not. Then use flexible.
@@tipswithpunch i got an cloudflare free ssl, i also enable Full, 7 hours ago, nothing happened, the https still working, but i guess the Flexible is not useful right now i guess?
@@tipswithpunch by the way, should i install w3 total cache plugin when i already enable the cloudflare based "minify etc" from your cdn tutorial.
if you have minify by cloudflare then you don't need it in w3 total cache. But you could keep some other settings on in w3 like page cache & lazyload
Can you help my images on my wordpress are washed out
washed out?
Hi, so i followed the video and i went back to GT Metrix and it giving me an Analysis error. Does it take some time to be able to test it?
Also, in CF Speed section, its taking forever to measure my website, its at 23mins now, how important is this?
Are both issues related, you think?
Hey Miguel that's strange. But sometimes it might take time to propagate the changes across the globe (can take up to 24h, but this is rare). But if you still see that issue, then I think something went wrong
5.52 iam finish, but click website eror 521 server down.....
Sorry to hear that, do you still have it, sometimes it takes sometime for cloudflare to update.
Hiii for my website 503 error and host time out how should i resolve that pblm could you please help me
Not sure what the issue is, you can check cloudflares forums if there is some solution, like this one: community.cloudflare.com/t/503-service-unavailable/15879
Robert do you have any other suggestions for ssl plugin than cloudflare and Cloudflare Flexible SSL ? they are not updated:(
Hey Pelle, Are you missing something from those plugins? Is it still the issue with your woocommerce & elementor?
@@tipswithpunch Thanks for asking, today it was my lucky day! I got it all now I fixed the issues. First it was a mix match http and https. Second I add this css code snippet .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
opacity: 1 !important;
}
Third add to cart-buttons were gone in product archive template, I had to enable it in Astra ->Customizer
But I don't know if elementor is the way building a woocomerce website. A great theme with hooks and some nice addons can do it more smoothly. Elementor I think is better for dynamic pages . I'm only thinking , what do you think?
Glad to hear you were able to sort it out Pelle! yeah I think elementor started out as page builder, and then it got extended to woocommerce so it might not work that well there.
Hello I am facing this Error
An error occurred fetching the page: HTTPS error: SSL connect attempt failed error:1407742E:SSL routines:SSL23_GET_SERVER_HELLO:tlsv1 alert protocol version
Sorry to hear that buddy. Check this post, other people also had same issue. Maybe it can help you: community.cloudflare.com/t/i-own-a-paid-ssl-so-what-to-do-with-cloudflare-free-ssl/30622/5
It shows that my domain is invalid when I try to add site.
wow that sucks, no idea why. maybe try to reach out to their support.
Hey! This video is amazing! The only thing is I am not able to see login after installing cloudflare on my Wordpress. Its just a blank page!
uff, that's not good, were you able to get this fixed?
Hi, i activated SSL the way you mentioned, but my site still say not secure. it has been more than 10 days. (only homepage is not secures, other pages are)
double check if you have mixed content warning: ua-cam.com/video/GPkAkL6qpD0/v-deo.html
hi bro. i just want to ask when i check gt metrix the speed is still E, what do you think is the problem?
what does GT metrix tell you?
The free cloudflare CDN sometimes doesn't do anything or even makes the website worse.
I have specific tips how to speed up your website here: ua-cam.com/video/d_Kp731z01A/v-deo.html
And if you want to give cloudflare pro a go, then here is my experience: ua-cam.com/video/eZvjCJrYfWo/v-deo.html
@@tipswithpunch i check some of your videos and i downloadedd the cloudflare super cache and some image plugin optimizer and now is gt metrix is A.
Nice! Glad to hear that Matthew!
So, 16 minutes of video just to get the exact page loading time ? Sounds like a waste of time to me.
Yslow score has no incidence on how fast you site loads.
You should have tried to run GT metrix from two different server location before and after setting up cloudflare, otherwise you're missing the point of setting up a cdn video, right ?
Hi Alain, good point about the 2 servers, I should have done that for sure. When I do next video about page speed related stuff I'll include this.
And in the end GTmetrix is just a tool, what is important is to look at your Google analytics (which I show at end of the video) and see how has CDN helped your page speed around the world. If your audience is 98% in one country, then CDN won't help that much (as long as your server is located in that country).
I switched to cloudflare's paid plan, and that's where the real difference is.
If you are interested I show the results in this video: ua-cam.com/video/eZvjCJrYfWo/v-deo.html
This site can’t be reached.
always gettig thes msg after I add ssl from cloudflare. what I have to do ??? it been 2 days now
Sorry to hear that you are having problems. It sounds like the DNS nameservers are not matching, it should be already working
Hi, I am using WP Rocket Pro addon (CloudFlare), Smush Pro. Gtmetrix We are getting 90% Performance, 98% Structure. But getting 7.1 Fully Loaded Time. Is there any thing else that we can do.
check what is causing the slow load time (you can see it in the timeline view).
Usually it's some 3rd party script. If it is, then there is good tutorial here: kinsta.com/blog/defer-parsing-of-javascript/ that explains how to defer the script.
@@tipswithpunch Thanks for the info. We look at our site and cant see any thing that causing the load to be so slow. Our site is ValuePaw.com? Are you for hire? Are speeds change from 2.5 sec to 7.1 Sec, Do you think that is normally?
from quick check I see that your site is trying to make an ajax call: valuepaw.com/wp-admin/admin-ajax.php which never gets completed. But I can only see it when I tested with GMetrix, nothing in my browser.
@@tipswithpunch Yes Sorry I was going to add " admin-ajax.php" to the last post as I seen it to. Would you know how to completed it?
I think this error might happens only in GTMetrix. When I visit the site I don't have any errors. You can see how to check it in this article: www.hostinger.com/tutorials/how-to-fix-admin-ajax-file
For example webpagetest doesn't trigger this issue: www.webpagetest.org/result/210206_DiRR_995f95239ef69f47c67aa7747698a9a4/
If you have already some traffic then you can install google analytics and there you will see how long the website actually loads for real people.
where is the cdn ?
Clouidflare works differently and you don't have the standard "cdn.xxx" URLs, you can see more here: community.cloudflare.com/t/do-i-make-use-of-cloudflare-cdn-if-links-to-images-in-source-code-didnt-replace/12751/7
my ssl is working only if we on the VPN. PZ HELP🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼
probably you just need to wait a bit. Your browser is caching.
@@tipswithpunch ok 🙏🙏
it is only for 1 year validity or it continues
yeah it should continue.
@@tipswithpunch thanks a lot 🙏🙏
The movie clips ruined the tutorial
Sorry to hear that.
where is the free cdn?
if you install cloudflare, then you utilize their CDN
Ok
🤘
"Not that necessary". Next time, mention this in the first 30 seconds, aye?
I'm not following you? 🤔
@@tipswithpunch at the very end of the video you mention that using an CDN is "not that necessary". While I and I assume many more people have set up the CDN following your steps in th video. A pure waste of time. Thus: next time, mention in the first 30 seconds that it is not that necessary.
Sorry if this wasted your time. I think I expressed myself wrongly. CDN can be extremely useful, especially if you have users coming from different continents. If all your users are in same country as your server, then it's not that useful.
In this video, I show you how to set it up. For most people this will speed up their website.
However, you need to keep in mind that it's a free service, so obviously it's not the best CDN out there. If you upgrade to the Pro plan, or go with another CDN provider, you might see much better results.
Pretty much all bigger websites use a CDN, especially for images etc.
So the free CDN didn't do much for my optimized website, it doesn't mean it's not necessary for your website. You should always test how it goes, because sometimes it might even slow down your website.
haaa haaaa
😅