How to Speed Up Your WordPress Website?
Vložit
- čas přidán 31. 07. 2024
- If your website gets a below-average performance on Google Pagespeed Insights or did not pass the Core Web Vitals, then in this video, we are going to share with you 9 practical tips on how to speed up your WordPress website. rankmath.com/wordpress/plugin...
We promise you that some of the tips are unheard of because they are thought of and experimented by us.
So, let’s get started.
Chapters (Timestamps):
00:00 - Introduction
00:11 - What May Slow Down The Site
01:10 - Should You Optimize Only Homepage?
03:40 - Core Web Vitals
04:44 - First Contentful Paint
05:30 - Speed Index
05:59 - Largest Contentful Paint
06:39 - Time to Interactive
07:14 - Total Blocking Time
08:10 - Cumulative Layout Shift
09:27 - #1: Identify Issues With Blank Page
12:22 - #2: Identify Slow Plugins
15:13 - #3: Optimize For LCP
16:58 - #4: Optimize Your Image For Web
19:47 - #5: Host Sites On Litespeed Servers
21:02 - #6: Allocate Elements to Right Pages
22:51 - #7: Use A Lightweight Theme
23:58 - #8: Install WP Performance Plugin
26:50 - #9: Use A CDN
27:51 - Recap
29:59 - Outro
Google Pagespeed Insights:
► pagespeed.web.dev
Pingdom Tools (Tip #2 - 12:22):
► tools.pingdom.com/
Kraken.io (Tip #4 - 16:58):
► kraken.io/
WP Rocket (Tip #9 - 26:50)
► wp-rocket.me/
More Info on the Google PSI’s Metrics:
► web.dev/performance-scoring/
► web.dev/first-contentful-paint/
► web.dev/optimize-lcp
► web.dev/speed-index/
► web.dev/interactive/
► web.dev/lighthouse-total-bloc...
► web.dev/cls/
With this, we sincerely hope that these tips will help you improve your site speed tremendously so that your site can pass Core Web Vitals and rank highly and search engines. We are all about helping your content climb the ranks on search engines.
Don’t forget to subscribe to our channel if you want to learn more about how to beat your competitors on search engines:
► czcams.com/users/RankMathvi...
Rank Math, the Swiss Army Knife of WordPress SEO, can take your SEO game to the next level. Rank Math already goes above and beyond other top-rated SEO plugins. Do you want to see the magic unfold for your website?
► Visit Rank Math today: rankmath.com
Rank Math Free Vs PRO:
► rankmath.com/free-vs-pro/
Here's are 40+ unique features that set Rank Math apart:
► rankmath.com/blog/unique-rank...
Rank Math Links:
► Knowledge Base: rankmath.com/kb/wordpress/seo...
Connect with Rank Math:
► / rankmathseopluginwordp...
► / rankmathseo
► / rankmath - Jak na to + styl
Wow, this video is an absolute goldmine of information on PageSpeed Insights! I'm seriously blown away by the depth of explanation and clarity provided on how each metric impacts website performance. It's obvious that a tremendous amount of effort went into crafting this insightful breakdown. Huge kudos to your team for explaining such a crucial aspect of web development. Feeling super grateful for stumbling upon this gem! Thank you for sharing your expertise with us!
Hello, and thanks for your comment. Glad that helped. Feel free to get in touch if you have questions.
I greatly appreciate your tutorials and all the valuable information Rank Math as a company is willing to share for free. Your company's blog is pure gold. I'm very happy to support you by being a paid user because it ends up benefitting everyone.
I never would have thought of creating a blank page to isolate backend issues that are slowing down a site. It's such a simple solution, I kinda feel dumb for not having come up with it by myself, so thank you for making me about .000001% smarter with that one tip.
Hello and thanks for your comment. We hope your experience with the plugin excels. Feel free to get in touch if you have questions.
Wow! As a non-techie person, I'm impressed with Jack explanations of those alien-like elements (to me) in PageSpeed Insights. I love how Jack speaks-clear and concise! My site uses the Astra theme, hosted by InMotion, without Google Maps or videos, only WebP images, installed the W3 Cache plugin and recently Airlift, but my mobile speed still remains at 60. I don't know what else I can do! 😄 Oh, you have a new non-techie subscriber!
Hello, and thanks for your comment. Glad that helped. Feel free to get in touch if you have questions.
This video is awesome! So many unique tips I haven't heard of, it shows true expertise! Most importantly, I am working on improving the speed of my site while watching this video, and the performance did really improved! You've earned a new subscriber.
Hello, and thanks for your comment. Glad you liked our video.
Feel free to get in touch if you have questions
Thank you as an engineer who has done a lot of WP optimization, this is a great intro to performance! Really these basics will get you a long way!
Hello, and thanks for your comment. Glad you liked our video.
Feel free to get in touch if you have questions.
Tip #5 is an eye opener. Didnt realize how much litespeed servers play a vital role in web speed. Many thanks
Hello and thanks for your comment. Glad that helped. Feel free to get in touch if you have questions.
Man, this is pure gold! Thanks :)
Hello, and thanks for your comment. Glad you liked our video. Feel free to get in touch if you have questions.
Wow! These tips are interesting and simple. Thanks for sharing
Hello and thanks for your comment. Glad that helped. Feel free to get in touch if you have questions.
Some stuff I didn't knew yet. Amazing video, you are awesome!
Hello and thank you for your comment.
Glad that helped. We hope that your experience with plugin excels.
Please feel free to reach out to us again in case you need any other assistance.
I so much like the summary at the end. It makes the video epic.
Next time, please also add the summary in the comments for easy copy-pasting 😅
Keep it up comrades. I'm a big fan of Rank Math SEO
Hello, thank you for your comment.
We do have a summary and timestamp in the description section for easier navigation.
Looking forward to helping you.
That was a beautiful explanation in details about speeding up the website.
Hello, Thank you for your comment.
Glad that helped, and we hope the experience with the plugin excels.
Hope that helps, and please do not hesitate to let us know if you need our assistance with anything else.
Amazing video - I made changes according to your video and increased my performance on all my pages to over 90. Thank you Jack
Hello and thanks for your comment. Glad that helped. We hope your experience with the plugin excels. Feel free to get in touch if you have questions.
Best video to Speed up your website on Wordpress. Thanks !
Hello and thank you for your comment.
Glad that helped. We hope that your experience with plugin excels.
Please feel free to reach out to us again in case you need any other assistance.
Amazing SEO Learning Channel, thank you so much my friend
Hello, and thanks for your comment. Glad you liked our video. Feel free to get in touch if you have questions.
I'm always using Elementor Hello theme actually. Apparently that's the #1 fastest theme!
i agreed, Hello theme is perfect choice for Elementor. I use Blocksy theme with Elementor because of rich features and Blocksy is also a highly optimized theme.
Hello and thanks for your comment. Feel free to get in touch if you have questions.
Great, Very Informational Video
Hello, and thanks for your comment. Glad that helped. Feel free to get in touch if you have questions.
Blocksy theme + RankMath the perfect combination. for cache wp-rocket and LS-cache.
Hello, and thanks for your comment and your input. Feel free to get in touch if you have questions.
Best SEO Learning PlatFrom Online In The World | RankMath.
Thank you. We appreciate the support.
The problem I always get with my metrics is that I have a pop-up set to open 5secs after loading, and these apps are always taking it into account! I always have to switch it off in order to audit my site speed... argh.
The idea of creating a blank page for diagnostics is gold. Thanks, Jack!
Hello, and thanks for your comment and your input. Glad that helped. Feel free to get in touch if you have questions.
You videos are giving useful insights
Hello, and thanks for your comment. Glad that helped. Feel free to get in touch if you have questions.
Hello Jack, this video help me to find the culprit in my website. It's very helpful when you don't have idea what issue with your slow webpage.
Hello and thanks for your comment. Glad that helped. Feel free to get in touch if you have questions.
Hi Jack, thanks a million! Keep it up. It helps a lot!
Hello and thanks for your comment. Glad that helped. Feel free to get in touch if you have questions.
Very good video!
Hello, and thanks for your comment. Glad you liked our video. Feel free to get in touch if you have questions.
Thank you soooo much!
Hello, and thanks for your comment. You are always welcome. Feel free to get in touch if you have questions.
9:35 thats so genius! :)
Hello, and thanks for your comment. Glad you liked our video. Feel free to get in touch if you have questions.
15:10 is a great tip! :)
Hello, and thanks for your comment.
Glad you liked it.
Feel free to get in touch if you have questions.
Hello and thank you for your videos: you explain very clearly and I am taking valuable notes. I wanted to ask you: I'm building a site with Wordpress (to which I will then also add WooCommerce). Before putting the site online, I would like to finish it and optimize everything, which is why I am currently keeping the site in "Under Construction" mode. So I can't use the speed analysis tool before the site is online? I mean: the data is staggered because the "Work in progress" page appears. How can I still analyze the speed, before putting the site online? Thanks so much again.
Hello, thank you for your comment.
You're right that analyzing the speed of a website that is in "Under Construction" mode will not be accurate. The data will be skewed because the "Work in Progress" page is likely to be much simpler and smaller than the rest of your website.
I recommend using a staging environment or a local development environment to analyze the speed of your website before putting it online.
Hope that helps and please do not hesitate to let us know if you need our assistance with anything else.
excellent
Hello, and thanks for your comment. Glad that helped. Feel free to get in touch if you have questions.
Thanks... should I use a plug in for hosting google fonts locally?
Hello, thank you for your comment,
We have found an article to address your concern, kindly check this article from Kinsta kinsta.com/blog/local-fonts/
Hope this helps. If you run into any issues with Rank Math, feel free to open a support ticket and we would love to help you sort it: rankmath.com/support/
We are here to help.
great video - do you have any videos when the site is using so many css... (i.e. on mysite:
Eliminate render-blocking resources is 8.3sec.and it is all about css)
Hello, thank you for your comment,
Can you submit a support ticket here: rankmath.com/support/ so that our team can look into this closely?
Looking forward to helping you.
Great tutorial, thank you! However, I want to add my 5 cents, because I know people are struggling with this, and some of the statements in the video are not correct IMO (image sizes).
My experience is that 800px wide images are not even close enough to display full-width images on desktop screens. They will most probably look blurry. The 'CSS pixel size' on a laptop is 1300-1400 pixels wide, but due to high resolution (retina) screens, the actual pixel size is much larger. My MacBook Pro 13" pixel resolution is 2560 x 1600 pixels for example.
Images should preferably be 2x the CSS pixel size. I usually make full-width images 2-2500 pixels, large images 13-1500px, and medium images 800-1000px wide. Thumbnails for card posts 5-600px. With higher pixel resolution, the compression rate can be stronger to reduce the file size. WebP images compresses in better quality than JPG, and I usually go for 5-20 compression rates. Compress manually in Photoshop to be able to preview the results for the most important images. Use automatic compression solutions for the rest of your images on the site.
Also, page builders were not mentioned in this video, and they can have a huge negative impact on overall speed. Elementor with a lot of extra add-ons are a disaster for speed optimization and SEO. Many solutions also loads desktop images on mobiles, even if you set a smaller image on the mobile breakpoints.
Furthermore, I'd like to recommend Bricks Builder, which is a new page builder and theme in one package. It's speed and clean, optimized code output is absolutely fantastic, and I always get 90-100 GTmetrix scores before any optimizations even have begun. It takes some learning of basic DOM structures and CSS, but it's well worth the effort, and is not very difficult. (I don't have any affiliation with Bricks - just a very happy user, and want more people to discover them.)
Hello, and thanks for your comment and your input. Feel free to get in touch if you have questions.
What do you think of buddyboss theme? Also oceanwp theme? Are they lightweight, how would I know?
Hello, thank you for your comment.
To test if a theme is light can you compare the before and after pagespeed insights results on a test/staging site.
We also have a list of compatible themes on our website: rankmath.com/compatible/themes/
But if your preferred theme is not on the list, that does not mean you cannot use Rank Math, you can refer to this article on how to make Rank Math compatible with your theme: rankmath.com/kb/make-theme-rank-math-compatible/
Hope that helps and please do not hesitate to open a support ticket here: rankmath.com/support/ if you need our assistance with anything else.
So WP Rocket isnt neccessary as soon I am hosting on a litespeed server?
Hello, thank you for your comment.
If you are hosting your website on a LiteSpeed server, you may not necessarily need to use WP Rocket for caching. LiteSpeed Cache is specifically designed for LiteSpeed servers and offers advanced caching features that are optimized for this server environment.
If you have any specific questions about configuring caching on a LiteSpeed server or any other Rank Math-related queries, feel free to ask!
Nice! Thanks!
Hello and thanks for your comment. You are always welcome. Feel free to get in touch if you have questions.
Hey, this is a great video. I will share this with our developers to work on slow-loading client websites. I have a question about the Rank Math Plugin. Does activating the Video schema feature on video pages using Rank Math increase the page load time?
Hello, Thank you for your comment.
Activating the Video schema feature on video pages using Rank Math does not increase the page load time. Rank Math automatically detects your video when you insert a link to or embed Vimeo or CZcams videos in your content. It then grabs the necessary data and adds the suitable Video Schema to that page. This process is done seamlessly without impacting the page load time.
If you encounter any issues with Rank Math, you can always raise your question here rankmath.com/support/ and our support team would be happy to assist you.
Could you pls make a Video to understand the Headline Analyzer? Thanks so much :)
Hello, thank you for your comment,
Our plugin doesn’t have a headline analyzer. But we have noted your suggestion and passed it on to our team.
Hope that helps and please do not hesitate to open a support ticket here: rankmath.com/support/ if you need our assistance with anything else.
Thank you.
Thanks for sharing post aswome
Glad you liked it.
I watched entire 30 minutes video that you will share any best hosting recommendations.
Hello, thank you for your comment,
It depends on your needs, you can check PCMag's and Techradar's list of Best web hosting services of 2023 www.pcmag.com/picks/the-best-web-hosting-services www.techradar.com/web-hosting/best-web-hosting-service-websites
Looking forward to helping you
how do I find out if a website is hosted on a lightspeed server?
Hello, Thanks for your comment.
You can check this Article to check if LiteSpeed is used: www.catalyst2.com/knowledgebase/cpanel/how-to-check-if-your-website-is-hosted-on-a-litespeed-server/
Hope this helps and if you run into any issues with Rank Math SEO, you can open a support ticket and we would love to help you sort it:
rankmath.com/support/
Let us know if you need any other assistance.
goto to tools > site_health > server_details. server related details mentioned there.
I tried using a CDN which actually slowed down my page speed by over 10 points. Why is that? I used Bunny CDN to try this. Btw, I Use WProcket.
Hello, thank you for your comment.
Can you submit a support ticket here: rankmath.com/support/ so that our team can look into this closely?
Looking forward to helping you.
We do the blank page optimization too!
Hello and thanks for your comment. Glad that helped. Feel free to get in touch if you have questions.
wp-rocket link?? cannot find it
Hello, Thank you for your comment.
Here's the link: wp-rocket.me/
Hope this helps.
Sir world is updating so is internet and websites and blogs now days ezoic is famous for ads serving and leap feature which involve websitr optimization you need to make a dedicated video on ezoic leap features.
Hello, Thank you for your comment.
We appreciate your input on recent blog monetization trends. Thank you once again!
@@RankMath Your Welcome !
😮
Hello, and thanks for your comment. Feel free to get in touch if you have questions.
Hello Jack and Rank Math family, speeding up sites is part of my income. Still I learned things I didn't know, thank you for that. I would also like to contribute. If you serve Google fonts from your local server instead of pulling them from Google, you will greatly increase your site speed. Those who don't know how to do this can ask Almighty Google :)
Hello and thanks for your comment. Feel free to get in touch if you have questions.
Unused CSS..... please videos Make on - Remove Unused Css (Page speed insight)
Hello,
We have taken note of your topic suggestion.
Thank you so much for the feedback and your valuable suggestions.
We really appreciate them.
@@RankMath thank you Rankmath, I hope you will make Video on This Given topic 🙏🙏
Simple, don't use image, video, and plugin..kkkkkk
Hello, Thank you for your comment.
You are somewhat correct but images, videos, and plugins can make your site more appealing and user-friendly. You keep your site speed, you can Optimize Images, Minimize HTTP Requests, Use a Caching Plugin, Limit the number of plugins, and Optimize your home page to load fast.
Also keep your WordPress and plugins up to date for security and performance. Make sure you are always running the latest versions of WordPress and all of your plugins.
Hope that helps and please do not hesitate to let us know if you need our assistance with anything else.
Some stuff I didn't knew yet. Amazing video, you are awesome!
Hello and thank you for your comment.
Glad that helped. We hope that your experience with plugin excels.
Please feel free to reach out to us again in case you need any other assistance.