How to avoid Font and CLS issues after you make changes to WordPress site design and code

Are you using a WordPress website? Getting frustrated with solving Font, Cumulative Layout Shift (CLS), & other display issues after an update? Here we will tell you some quick fixes to get your site back to normal.

Avoid Font and CLS Issues on WordPress

Suppose you recently made any changes to your WordPress site design or codes. In that case, you most probably need to clear your cache layers, along with any used CSS by any performance optimization plugin.

Clearing any used CSS and cache layers will help to display your site changes properly.

We recommend clearing the cache layers in the following order: theme, plugins, Used CSS generated by any optimization plugin, hosting cache, and Content Delivery Network (CDN).

Note: To check whether your website’s Cascading Style Sheets (CSS) changes take properly, we recommend you check the site in your browser’s incognito or private mode.

Avoid Font and CLS issues in WordPress: Clearing the Cache Layers

Theme Cache

Many WordPress themes come with features like File Generation, Local Font Loading, Preload Local Fonts etc to improve website performance. 

For example, Astra Theme provides its users with a one-click solution for Asset Regeneration and Flush Local Font Files. After making any changes you can freshly generate resources related to your theme.

Plugin Cache

Some third-party plugins for ex: website builders, create files which need to be regenerated after making any changes to your site.

Used CSS

Many Optimization Plugins like WP Rocket, Perfmatters, LiteSpeed Cache etc. create “Used CSS” for better performance of the website. If you made any changes to your site design and facing display issues regenerating the Used CSS will be the solution.

Hosting Cache

Some hosting companies provide caching (For ex: Siteground Optimizer by Siteground, Breeze by Cloudways, etc) to load web pages faster. Clearing these caches is important to properly display your site changes.

CDN Cache

Finally, if you are using a Content Delivery Network (CDN) like Cloudflare, Cloudfront, etc then you must purge the cache of the CDN to avoid any website display issues due to site changes.