7 best ways to make your WordPress faster (2022)

Last updated on September 2, 2022 | By

Make your WordPress site load in speed lightning time inst that much hard. WordPress may be slow if you’re not using a cache plugin, but with the correct and simple task actions, you may reduce your page load time to below 2 seconds.

Take a look at the top ways to optimize your site, whether you have a Woocommerce store or a simple blog page.

1. Test your page load time and check assets(JS, CSS, images, etc.)

To make a plan of action and optimize your WordPress site, your first must know what assets are taking time to load and if they’re essential to page load.

Use Gtmetrix to see your website waterfall assets. It shows all your assets loading waterfall and you can choose a few server locations you may need on the free plan. 

gtmetrix waterfall

If you want a more in-depth metric or run a mobile speed test, consider the following wordpress speed test tools:

  • Pagespeed – Core Web Vitals field data
  • Web.Dev – More than speed insights of your website, with SEO, Best Practices, and accessibility tests.
  • WebPageTest – Core Web Vitals, multiple advanced features, and locations.
  • LighthouseMetrics.com – Quick Core Web Vitals test from multiple locations, or full Lighthouse audit.

2. Optimize assets loading

After checking on your asset waterfall chart, you may start to optimize. Start by removing unused CSS and JS, and consider Critical CSS.

To remove unused CSS you must check by clicking all elements(mobile and desktop) on the page to find and only remove 100% unused CSS.

Remove unused Javascript

To remove unused JS, you may check on each plugin frontend and see what pages it needs to run, or add defer to its script tag. You may also consider adding Javascript to the delay/defer exclusion list, to have its functionality working properly, check here.

To completely remove the plugin javascript from loading, install Asset Cleanup and dequeue it from the page you want it to be removed.

To delay, install Wp Meteor and move the bar to “Delay until first interaction”. This will delay all your Javascript till user interaction with a few essential exceptions.

If you’re not sure whether delay or remove, consider our post ‘How to remove unused js’ with even more options to remove unused js.

3. Certify that the website is being cached, and consider Cloudflare APO.

To check if your WordPress is using caching you can use Pagespeed; run a test. If your website results come with the warning “Leverage Browser Caching” for files from your domain, you need to check if the cache is set up correctly or set it up.

image 4

You can also test using the seositecheckup Page Cache test tool.

Cloudflare APO

Cloudflare currently offers Automatic Platform Optimizations (APO) for 5$/mo, and it caches the HTML of your WordPress website. This is possible due to Cloudflare Workers that cache dynamic content.

According to Cloudflare, their Automatic Platform Optimization plugin optimized their client’s Web Vitals and Core Web Vitals metrics:

“Automatic Platform Optimization consistently demonstrated better aggregate performance among sites we analyzed in TTFB, First Paint, FCP, and LCP metrics. Even more impressive are improvements on both desktop and phone form factors.”

Cloudflare’s blog
image 1

Cloudflare APO is compatible with WP Rocket* and many other plugins, check the compatibility here.

*Cloudflare APO cache needs to be manually purged on every Wp Rocket change.

4. Optimize Core Web Vitals.

Core Web Vitals are a ranking algorithm, and it involves LCP, CLS, and FID. You will need a plugin with a full-suite solution to fix these, consider using either Wp Rocket or Nitropack. Check their comparison here.

To optimize or fix the Largest Contentful Paint (LCP) Issue in WordPress, consider:

  • Critical CSS – Creates critical CSS to load early and improve LCP(may degrade your CLS).
  • Cut and use a different image for the mobile.
  • Use a CDN for images and SVGs plus lazyload your images – CDN speeds ut the image load time.
  • Avoid page builders, and choose a fast theme.
  • Preload the largest contentful paint image and disable unnecessary lazyloading.

To fix or optimize CLS(Cumulative Layout Shift) in WordPress:

  • Don’t push content above existing content – Avoid slider plugins and use an image or a CSS background color.
  • Apply correct image sizing.
  • Setup critical CSS – Creates critical CSS to load early.
  • Prefer theme/plugins that use transform animations over animations of properties that trigger layout changes.

5. Use CDN

CDNs as the name says, are content delivery networks and are meant to deliver assets to speed the website load time.

You may consider the following CDNs:

6. Choose a faster theme

Picking a fast theme is as important as building a website. Check the following Core Web Vitals-ready themes with blocks and functionalities that are not much away from page builders:

7. Consider using headless WordPress(Frontity) or an alternative headless CMS.

Frontity is a server-side, dynamic framework for headless WordPress sites and blogs. It uses React + WordPress to build the website.

You can also build using Gutenberg on a staging website, using a UI to build since there’s no WordPress interface on the framework, and then migrate to Frontity, check the video tutorial here.

You may also consider the following headless CMSs:

  • Strapi – Build using Javascript, open-source. API Driven.
  • Ghost– Open-source. API Driven.

Get your Core Web Vitals optimized

Leave a Comment