I found the EASIEST way to speed up WordPress
HTML-код
- Опубликовано: 20 май 2024
- Speed up WordPress like I show you in this video and you'll have a fast-loading website that is affordable, easy to manage and only needs 1 plugin to be installed.
This video will show you how to make your WordPress website load faster and get better Page Speed Test scores. I will show you how to set up caching in your website, configure a CDN and then I'll show you how to investigate caching to make sure it's working properly. You'll also learn about on-the-fly Image Optimization, lazy-loading and how to delay javascript properly and fix any delay js errors you face. I'll also introduce you to the Network Tab, which is a hidden area in your browser that makes speeding up your website much easier to understand.
⛑️ MY SERVICES (how I can help you):
Get a Website Quote: wagepirate.com/?ff_landing=12...
WP Consulting (I offer advice, you do the work): wagepirate.com/?fluent-bookin...
WP Support (I do the work for you): wagepirate.com/?ff_landing=15...
📩 MY NEWSLETTER (join 1600+ other people)
Subscribe ➜ wagepirate.com/subscribe/?utm...
(I share tips covering Bricks, FunnelKit, WooCommerce, business & marketing strategy + WordPress news)
🔥🔥 PLUGINS for a FASTER website:
FlyingPress (fastest caching plugin) ➜ wagepirate.com/go/flyingpress...
🔥🔥 HOSTING for a FASTER website (what I use):
Vultr for servers: wagepirate.com/go/vultr
GridPane for managing: wagepirate.com/go/gridpane
SPEED UP WORDPRESS:
I don't need to tell you why you need a faster WordPress website, as I am sure you already know.
But if you are looking to make your website faster, while simplifying the tools you use to do so down to just 1 plugin, then I think you'll like this video.
I show you how to set up the best WordPress caching plugin, then I show you how to connect it to the CDN offered by this plugin (it's very easy), and then I run you through some really important things.
This video is not just about showing you how to install a plugin blindly without knowing if it is actually working and caching your website.
I also teach you what I know about caching. I show you how to use the Network Tab in your browser to see what's loading on your page. I show you how to see what parts of your website are being cached.
And if you've ever set up caching but never known if it is actually working properly, I will also show you how to confirm caching is active.
The plugin we are using today is FlyingPress, which does your website optimization and is your WordPress caching plugin. We then connect it to FlyingCDN, a new CDN service offered by the same team (and powered by CloudFlare Enterprise behind-the-scenes, which gives you a faster website, better security and HTML caching). Yep! you can cancel CloudFlare APO (Automatic Platform Optimization).
TIMESTAMPS:
00:00 - Speed up WordPress website
00:18 - 3 things that make your WordPress website faster
00:43 - What is caching
02:38 - What is a CDN?
04:02 - Why you need Caching and a CDN together
04:50 - The best WordPress Plugin for Caching and CDN all-in-one
05:32 - Initial Speed tests
06:12 - How to set up FlyingPress
06:50 - Speed Test after adding FlyingPress
07:37 - How to set up FlyingCDN
08:30 - Speed Test with FlyingPress and FlyingCDN
08:56 - Speed Test analysis
09:15 - How to make your WordPress website load faster
09:31 - Network Tab: How it helps you set up Caching
09:52 - How Caching works: HIT vs MISS
11:01 - Network Tab: Confirm caching is working correctly
12:16 - Image Optimization: What is CloudFlare Polish
12:36 - Image Optimization: On-the-fly Image Optimization
13:46 - Image Optimization: How Lazy-loading works
14:13 - Image Optimization: Why are some images not converting to webp
15:47 - Image Optimization: Why your images show as jpg in your html and not webp
16:21 - Image Optimization: How it affects Google Speed Tests
17:17 - Image Optimization: Why some of your images are not optimized
17:36 - JavaScript: Delaying JS gives you a fast loading website (with issues)
18:29 - JavaScript: How to fix delay javascript not working
19:21 - JavaScript: how I delay javascript using FlyingPress
📩 MY NEWSLETTER (join 1600+ other people)
Subscribe ➜ wagepirate.com/subscribe/?
(I share tips covering Bricks, FunnelKit, WooCommerce, business & marketing strategy + WordPress news)
I packed a lot of content into this video and it took me a long time to put together 😛 Learn something? Let me know below! 👇
OH, BTW. Your videos are spot on. Great fast pace but with excellent clarity.. Great work.
Great tutorial! I have watched the entire video and learnt a lot!
I get a very good score with flyingpress when I enable the delay of all scripts.
But excluding the responsible js files never helps me to fix the broken things! Maybe the script depends on other scripts (jquery).
Could you please make a separate video regarding the javascript exclusion.
Delaying JS is the most difficult part. You just have to go 1 by one
Quite complicated performance stuff explained in an easy-to-understand way. You made a great job!
Thank you :)
Much needed tutorial - thanks
Glad it helped
Great video I learn a lot. Thanks for the free time work and education ! keep the good work.
You very good! This tutorial helped me so much
Great!
What a tutorial Grant ! Thanks a lot.
Thanks! I put a lot of effort into this one
@@GrantAmbrose This is perfectly visible !
Thanks for the video,
I'm using bricks as well, and I was wondering if your settings in the bricks>settings>performance section, with regards to CSS, are they inline styles or external files?
External is better, as the css files can then be cached on your computer and loaded from there in subsequent page loads instead of the server each time
@@GrantAmbrose Thank you very much for your reply.
I am also using cantabo vps. do i need to turn on redis and varnish cache?
object caching and varnish would be worth turning on
Thanks, very helpful.
As i know you work with a lot of different builders:
In your experience, do all page builders equally profit from caching, or do builders that are a bit less performant like Elementor and Beaverbuilder benefit more then for example Bricks?
Yeah always have caching. When the user accesses your page, that request goes to your server and with a cached version, your server responds much faster than if it has to go to the database.
This is the case no matter how clean the builder is. Using caching to cut out the database makes a big difference.
I haven't tried to optimize anything recently except for Bricks and Cwicly, but you can definitely get fast websites with Elementor.
You might find that a more bloated builder loads more assets on the page like js files which could make delaying JS trickier and more problematic. Whereas say Bricks, if it only loads a few js files because it's "lighter" then fewer things might go wrong during optimizing the site as there's less going on.
But these days, I think with the proper caching setup you can get a pretty fast website with any builder when you take the time to optimize
Great tutorial! Can you show us how to speed the funnelkit checkout page because they don't allow caching?
Optimize any images on the page and make sure your hosting is good so that the calls to the database aren’t too laggy. Their support might have their own suggestions too
Can you share some screenshots of your Bricks Settings (specifically the performance tab)? Have you turned off the lazy loading there?
I'd disable Lazy Loading in Bricks and use FlyingPress. BTW FlyingPress uses the browser native Lazy Loading (no JS).
Here is my performance settings on that site share.cleanshot.com/1mrYJFD5
Great stuff, some good info on debugging ..
Couple of questions.. does flyingCDN substitutes completely CF APO? I have FP with CF Pro, but wanted to downgrade to Free with APO only.. curious about your stack.
Also, any tips on improving "Largest Contentful Paint"? Again, great stuff!
FlyingCDN is using Cloudflare Enterprise, so it’s a plan higher than pro and higher than APO. I replaced free and APO with the new FlyingCDN myself
If you send your site into the FP chat, their team will be able to recommend how to improve LCP for that url
what platform do you use for make mindmap sir ? 05:02
Whimsical. Definitely worth trying it out
@@GrantAmbrose thanks, and how about annotation tool did you use ? looks cool
@@KomentarSaya ScreenBrush
Good video, but I already told you that using Bricks Builder you don't need a cache plugin or anything like that, I have a very basic hosting and my pages load at 98 page speed
If people are accessing your website from around the world, or you have other plugins installed, things change
I guess this setup should be done when you are done building the website.
Yeah, once the website is built you should do this. And then do it after you make significant changes to your website, or check it every so often
I buy it , yes make faster but not good if have woocommerce booking I try make thing ... :(
Reach out to their support and they'll help you
They can't 😅 and refund already
with Google killing affiliate niche blogs, who needs speed plugins ?
That's a very small part of the internet; you're living in a bubble. A fast website makes the user experience much better for all websites. Ecommerce brands need a fast website so people bother buying their products.