header_blog_performance-optimization

WordPress Performance Optimization – 10 Tips for Faster Loading Times

Optimizing WordPress sites and their speed is an evergreen topic in our customer projects. WordPress sites, in particular, meet all the requirements for perfect performance and accelerated loading times.

The WordPress core has always been an excellent base for high-speed websites. Since 2021 Google and other experts in the newly founded WordPress Performance Team have dedicated themselves to ensuring that WordPress only gets faster.

Why are some WordPress sites slow, regardless? Bad or too many plugins, choosing the wrong host or page builder, and other factors can increase WordPress load times and thus affect the company’s success in the long run.

We explain the role of the WordPress performance team and why website speed is so essential. From CDNs and caching to high-end-hosting, we reveal the 10 most important factors to consider when optimizing WordPress performance. You will also learn how to measure the current performance of your website and why WordPress is the perfect CMS for fast loading times.

Why is the speed of a WordPress site important?

Speed is one of the most important success factors of any website. On the one hand, and above all, it is the search engines that reward shorter loading times. Beginning in May of 2021, Google has considered the so-called Core Web Vitals a direct ranking factor. In our post: Google Core Web Vitals: How important are they for SEO?, we explain in detail what  Web Vitals are. In short, Google uses these metrics to evaluate how fast, stable, and interactive a page is. Faster sites are rewarded with higher rankings in the long run. 

Another factor is website visitors. When a page loads slowly, we often jump straight back to the search results. Studies show that pages with average load times of 2 seconds have a bounce rate of 9%. If the load time increases to 5 seconds, the bounce rate increases to 38%. About half of the visitors to a slow website will not return. Speed also influences other SEO metrics, such as dwell time or conversion rate. For large companies with many website pages, the crawl budget also plays a role. The faster a single page loads, the more Google bots can crawl and index.

How do I test the speed of my WordPress site?

Google itself offers a free tool to determine website speed. The Google PageSpeed Insights tool displays web vitals for desktop and mobile devices. It assigns a performance score between 1 and 100 to the page.

WordPress Performance Optimization – Core Web Vitals
The core web vitals on Inpsyde.com

If you want to test the actual page load time in seconds and from specific locations, you can use tools like WebPageTest. You can enter your URL to be tested along with a location from which it should be accessed and then get the exact load time in seconds. Other similar tools that work well are Pingdom or GTmetrix.

What load time should you be aiming for, then? Based on the advice of Google’s John Mueller, an established rule of thumb is that load times of under 2 seconds are appropriate.However, the average load time is a little over 3 seconds. A website that loads within 2.9 seconds is even faster than 50% of the web and, therefore, a reasonable target. SEO experts recommend a load time target of between 1 and 2 seconds.

WordPress Core has always been the ideal foundation for fast websites. In the coming years, WordPress sites will see even greater advances in load times. In fact, since 2021, Google has been dedicated to loading time optimization of WordPress sites. The newly formed WordPress Performance Team created for this purpose consists of employees from Google, Yoast, and other established web and SEO experts. The project’s mission is to improve WordPress sites’ performance. No other content management system can claim to be optimized for Google by Google itself.

What makes a WordPress site slow?

If speed tests show that your site is too slow, you must find and fix the problems.While many  tools also give tips directly to speed up WordPress load times, these are often not directly implementable and understandable for everyone. The problem with slow WordPress sites is usually found in the hosting, page size, or lack of caching. In the following, we explain these and other issues and how to fix them in more detail.

Avoid bad plugins

Subsequently, we will highlight some plugins that can help optimize your WordPress site. But you should always have plugins installed that are actively used and needed. Plugins sometimes load unnecessary JS and CSS files and often increase loading times due to numerous database queries. Furthermore, poorly built plugins can create security vulnerabilities in the system.

Capable WordPress developers can often replicate the function of many plugins by simply adding a few lines of code. In general, it is advantageous to maintain fewer external plugins on the site. However, enterprise websites should place even greater emphasis on the code quality of their plugins. Even websites with many different plugins can perform well if they are lean and well-built. Likewise, a website that has only one plugin, which is of poor code quality, will be severely slowed down. 

  • Is the plugin’s function urgently needed?
  • Do we already have a plugin that can perform this function?

Many plugins come with a lot of functions, even non-essential ones. Each function loads new code onto the page, and reading it can increase loading times. Therefore, you should always choose the fastest option that enables the desired function.

At Inpsyde, we test the code quality of plugins with New Relic. This involves closely examining the impact of each line of code and each plugin’s function on page performance.

Use the WordPress Blockeditor instead of page builders

Page builders simplify WordPress content management for beginners and are popular with many businesses. However, the downside is that they add a few kilobytes of code to the website, which needs to be loaded additionally. Therefore, we advise you to avoid using page builders altogether.

Since the WordPress 5.0 update in 2018, the WordPress Blockeditor has been embedded in the WordPress Core. This editor and its drag-and-drop feature are much more streamlined but, at the same time, just as easy to use as the most popular page builders. Pages created with the WordPress Blockeditor consistently achieve faster load times than those that rely on page builders. The WordPress Blockeditor is the future of WordPress development.

WordPress Performance Optimization – WordPress Block Editor
Faster and more streamlined than any page builder: The WordPress Blockeditor

Optimize load time through caching

Caching is one of the most important factors in WordPress site optimization. Simply put, caching shortens paths and thus saves time. Caching stores data temporarily. As a result, when a page is opened, the smallest amount of content possible is loaded from the database. The browser generates the page from a cache instead requesting it each time it is called. 

For WordPress users, caching is especially important because it avoids reading slow PHP code. Caching for WordPress sites can be set up either server-side through a hoster or a caching plugin. Numerous caching plugins often come with many more features. WP Super Cache,from WordPress founders,Automattic,and WP Rocket are among the most popular

A disadvantage of using plugins, in general, is that more requests are involved. At Inpsyde, we implement caching for our customers entirely without plugins. For large corporate websites, in particular, other options can be beneficial. With solutions like Varnish, we place the cashing in front of the server and save valuable loading time.To learn exactly how this works, contact our WordPress experts.

Reduce and compress images

Images probably account for most of the overall size if you don’t have videos on the website. On average, images make up about one-third of the site size. Image size is often a significant contributor to slow-loading pages.

Fortunately, more and more capable programs allow you to compress the size of images without sacrificing quality. Ideally, you should reduce the size of your images before using them in WordPress. There are many free tools for this, like TinyPNG. You should also consider completely new image formats. WebP images, for example, are much smaller than conventional formats while maintaining the same quality. If you take your  photos, it’s best to choose lower resolutions from the start. 

A majority of WordPress users resize graphics directly using plugins. WPSmush or Imagify automatically optimize image files when uploading to WordPress. 

WordPress Performance Optimization – Imagify
At Inpsyde, we use Imagify to compress our images.

It is best to leave GIFs on social media altogether for faster load times. Most of them are large and difficult to optimize.

Enable Lazy Loading

This loading time optimization technique also affects your images. Especially for websites with a lot of images, compressing images is often not enough. In this case, you should rely on lazy loading. 

Lazy Loading causes images and graphics to load only when the scrolling user has reached them on the page. This function is part of many plugins like Autoptimize.

Choose managed WordPress hosting

No matter how ideal a website’s web design, SEO factors, images, or content are, a bad hosting option can ruin all your efforts. A WordPress site is only successful in the long run with performant hosting.

When choosing a hosting provider, several options present themselves. Shared hosting often appears tempting at first because it is cheap. Here, hundreds of websites share the same server. Sooner or later, problems arise when some sites generate higher traffic volumes. Then you will have to deal with bad loading times, downtimes, hidden costs, and often poor support when questions arise. This might be acceptable for private homepages or very small businesses. Still, it is not competitive on the enterprise level or in e-commerce.

Companies with WordPress sites should rely on managed WordPress hosting.  This is what hosting plans are called, controlled by WordPress experts and designed perfectly for the CMS Here, the provider takes care of other important aspects besides the hosting , such as ensuring regular updates, backups, and  performance optimization. At Inpsyde, we are experts in WordPress hosting for Enterprise.  We are happy to answer any questions you may have on the subject.

Rely on Content Delivery Networks

Companies with globally distributed users, in particular, should rely on CDNs. No matter how powerful your hosting provider is, the further away users are from the server with the website data, the longer the loading times. With a content delivery network, duplicates of the website are stored on globally distributed servers. When a user then accesses the page, JS, CSS, HTML files, images, and videos, are loaded from the closest geographically located server in the network.

The shorter paths save valuable seconds of loading time. In 2022, over 60% of the top 10,000 websites use a CDN. Whether a content delivery network makes sense depends on the geographic distribution of your customer base. If you only or mainly get and address users from a single country, it is better to save the money spent on the CDN provider.

Optimize internal search functions with Elasticsearch

Many large sites have an internal search function. Where customers can explore the site for content that interests them. Whenever a site visitor types something into the search function, MySQL queries are sent to the database. This process often means higher loading times. The industry standard and fastest solution for internal search is Elasticsearch. Your customers get the search results they want without affecting page speed with this solution. 

Host Google Fonts locally

Google Fonts is a collection of over 1300 fonts. Google provides all these fonts to every webmaster for free. And there is no doubt that Google Fonts are ideal for customizing the design of your WordPress site. At Inpsyde, we use Google Fonts like Fira Sans for texts and Aller for our logo.

WordPress Performance Optimization – Google Fonts
Google Fonts: Should be hosted locally

But, what is the problem with Google Fonts? Most of the time, the fonts are pulled to the WordPress site from Google’s CDNs. That means the page makes additional external requests, increasing load times. Another important factor: The integration of Google Fonts via Google servers is not DSGVO-compliant.

But don’t worry: There are several ways to work around these issues and still use Google Fonts. We recommend hosting the fonts locally on your WordPress server. The font is sent to the user from the same server as the rest of the page. That way, no additional requests are made, and load times are minimized.

Minimize Javascript and CSS 

Javascript and CSS files are written by humans and read by machines. Reading JS and CSS files takes time and can slow down the website. Web developers usually write this code so that it is understandable to humans. However, machines don’t need many code components to implement properly.

Therefore, it is a good idea to consolidate and reduce the size of the code to save time. Merging files reduces the number of server requests required, and compression reduces the size of individual requests.

It is possible to do this manually, but it requires advanced programming skills. Fortunately, WordPress users have a variety of plugins available for this purpose. Autoptimize is especially popular. This plugin compresses HTML, CSS, and Javascript, and implements Lazy Loading or Google Fonts optimization if desired.

Website Performance Optimization with WordPress Experts

The load times and speed of your WordPress site directly influence your business’ success. Faster sites enjoy higher ranking among search engines and users. Powerful WordPress hosting, caching, and optimized images will quickly and significantly improve website performance. It is important to keep a WordPress website as streamlined as possible and not overload it with lots of unnecessary plugins or extra code from page builders. Even comparatively less complex changes like Lazy Loading, Google Fonts, or the minimization of CSS and Javascript files can still take up important seconds of loading time.

At Inpsyde, we’ve been involved in WordPress site optimization for over a decade. We thoroughly understand enterprise-level speed requirements and create fast, secure, and DSGVO-compliant websites for large enterprises. Contact our experts to optimize the performance of your WordPress site. 

Leave a Reply

Your email address will not be published. Required fields are marked *