10 Practical Tips and Best Practices for Improving WordPress Website Performance

Optimize core settings and code.

A fast WordPress website starts with its core components. By adjusting settings and simplifying the code, the burden on the server can be reduced, as well as the loading time of the pages.

Choose the right hosting service.

Website hosting services are the foundation of performance.wp-config.phpThe file can be optimized to some extent, but more importantly, it’s essential to choose a high-performance hosting solution, such as one that is specifically optimized for WordPress, a VPS (Virtual Private Server), or a cloud server. Although shared hosting is inexpensive, it can easily encounter resource bottlenecks during peak traffic times, causing the website to slow down.

Enable the object caching mechanism

The built-in object caching feature in WordPress allows the temporary storage of database query results. When the same data is requested multiple times, WordPress can retrieve it directly from the cache, thereby avoiding duplicate database queries. You can enable persistent object caching by installing caching plugins such as Redis Object Cache, which is particularly beneficial for websites with high traffic.wp-config.phpAdding the following code will define the connection to the Redis cache:

Recommended Reading WordPress Optimization Ultimate Guide: 20 Essential Tips for Beginners to Experts。

define( 'WP_REDIS_HOST', '127.0.0.1' );
define( 'WP_REDIS_PORT', 6379 );

Clean up the database and revise the versions.

Over time, the WordPress database can accumulate a large amount of redundant data, such as revised versions of articles, drafts, and spam comments. This data can slow down the speed of database queries. It is important to regularly use cleaning plugins or manually execute SQL statements to optimize the database tables. Additionally, you can...wp-config.phpAdd it to the middleWP_POST_REVISIONSUse constants to restrict or disable the revision of article versions:

UltaHost WordPress Hosting

30-day refund guarantee, unlimited bandwidth and database usage, free DDoS protection; purchase for 3 years and get a discount of 50%.

access page

define( 'WP_POST_REVISIONS', 3 ); // 将修订版本数量限制为3个

Configure an efficient caching strategy

Caching is one of the most effective ways to improve the speed of WordPress. It reduces the overhead of dynamically generating web pages by storing copies of static web pages.

Using the Page Cache plugin

Page caching plugins such as WP Rocket, W3 Total Cache, or WP Super Cache can generate static HTML files for a website. When a user visits the site, the server simply serves these static files directly, rather than having to execute PHP code and perform database queries every time. After installing and correctly configuring such plugins, you will notice a significant reduction in the time it takes for the first byte of content to be loaded (known as the Time To First Byte, or TTFB).

Browser Cache and Expiration Headers

Configuring browser caching allows visitors’ browsers to store static resources (such as images, CSS, and JavaScript files) locally, so that they do not need to be re-downloaded during subsequent visits. This is typically achieved by adding specific configuration files in the root directory of the website..htaccessAdd rules to the file to achieve the following:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
</IfModule>

Implementing an operation code cache

For PHP code, opcode caching (such as OPcache) can be used to improve execution efficiency. OPcache stores pre-compiled PHP script bytecode in memory, eliminating the overhead of repeatedly loading and compiling the scripts with each request. It is recommended to enable OPcache on the hosting server and adjust its configuration to achieve optimal memory usage and a high hit rate.

Recommended Reading Why is it necessary to optimize a WordPress website?。

Optimize images and static resources

Unoptimized images are often the main culprit for making a website bulky and inefficient. Properly handling these media resources can significantly reduce the size of the pages.

Compressing and adjusting image sizes

Before uploading images, it is recommended to use tools such as TinyPNG or ShortPixel to compress them, or utilize automated plugins like Imagify or EWWW Image Optimizer within WordPress for real-time compression. It is also essential to upload images in the correct dimensions for their intended display on the web page, to avoid using images that are too large and then having to scale them using CSS.add_image_size()Functions can help you generate various thumbnail sizes.

Lazy-load non-critical content.

Lazy Load technology allows images, videos, or iframes on a page to be loaded only when the user scrolls to the area near the viewport. This significantly reduces the amount of data required to load the initial page. Many modern themes and caching plugins already incorporate this feature by default; you can also use specialized plugins such as “Lazy Load by WP Rocket” to implement it.

hosting.com Shared Hosting

High performance with AMD EPYC CPUs, NVMe SSD storage and LiteSpeed, 24/7, 24x7 expert in-house support, advanced security measures including SSL, brute force, malware and DDoS protection, savings of up to 73%

access page

Merge and minimize CSS/JS files

Reducing the number of HTTP requests is a golden rule for performance optimization. By merging multiple CSS and JavaScript files, as well as removing unnecessary whitespace and comments (to minimize the file size), you can effectively decrease the number of requests and the overall file size. Cache plugins often provide this functionality. When performing manual optimizations, you can use build tools like Webpack; however, it’s important to pay attention to the order of file merging to avoid disrupting the dependencies between the scripts.

Utilizing CDN (Content Delivery Network) and external services

Content Delivery Networks (CDNs) and specialized external services can distribute the load from your main servers, thereby accelerating access for users around the world.

Deploying a global CDN (Content Delivery Network)

CDN (Content Delivery Network) caches your static resources (such as images, CSS, and JS files) on edge servers located in various locations around the world, allowing users to retrieve the data from the server closest to their geographical location. This significantly reduces latency. Popular CDN services like Cloudflare and KeyCDN offer easy integration with WordPress. Once configured, the URLs for your static resources will typically point to the CDN’s domain name.

Recommended Reading 10 WordPress Website Performance Optimization Tips and Practical Guides。

Hosting videos and large files

Avoid directly uploading large video files to the WordPress media library, as this can quickly consume server bandwidth and storage space. Instead, use professional video platforms such as YouTube or Vimeo to host the videos, and then incorporate them into your website using embedding codes. For PDF files or other large downloadable files, consider using services like Amazon S3 or Google Cloud Storage.

Using external font services

Custom fonts (especially those from Google Fonts) can result in additional HTTP requests and may cause rendering delays. An optimization approach is to use the system’s font stack as a fallback option, or consider hosting the font files locally. If you must rely on external services, make sure to pre-connect to the font sources using appropriate tags.font-display: swap;Use attributes to avoid the “Font Not Invisible” (FOIT) issue.

InterServer Shared Hosting

Shared hosting $2.50 USD per month , first month $0.1 USD promo code tryinterserver, 461 cloud apps scripts, one click install.

access page

summarize

Improving the performance of a WordPress website is a systematic task that involves the server, code, resources, and delivery strategies. From choosing a high-performance hosting provider to enabling multiple levels of caching, and from optimizing every image and script file, every step can have a positive impact on the website’s speed. The key lies in continuous monitoring (using tools such as GTmetrix and PageSpeed Insights) and iterative optimization, as updates to the website’s content and technology may introduce new performance bottlenecks. By following the ten tips and best practices mentioned above, you will be able to build a WordPress website that is fast, responsive, and offers an excellent user experience.

FAQ Frequently Asked Questions

What should I do if the website content doesn’t update after enabling caching?

This is a common phenomenon with caching mechanisms. Most caching plugins offer options to “clear the cache” or “refresh the cache,” which you can manually perform after updating an article, page, or theme. Some advanced plugins also support setting rules for automatically clearing the cache for specific pages.

How can I test the speed of my WordPress website?

It is recommended to use multiple tools for comprehensive testing. Google PageSpeed Insights provides key user experience metrics and recommendations; GTmetrix offers detailed load timelines and performance scores; Pingdom Tools allows you to test load speeds from various locations around the world. Regular testing helps identify any issues related to performance degradation.

Even after the optimization, the website speed is still very slow. What could be the possible reasons?

If the speed is still not satisfactory even after implementing basic optimizations, it may be necessary to conduct a more in-depth investigation. Possible reasons include: insufficient resources on the host server (CPU, memory, I/O); inefficient code or conflicts within a particular plugin; oversized or unoptimized database tables; or the theme containing too many unused features and scripts. It is recommended to use a query monitoring plugin (such as Query Monitor) to identify slow queries, and then disable each plugin one by one to determine the cause of the issue.

Do all images have to be compressed?

Yes, in principle, all images used on web pages should be compressed. Compression tools can significantly reduce the file size without significantly affecting the quality visible to the human eye. For background images and decorative icons, a higher compression ratio can be accepted. For important product images or photographic works, it is advisable to use lossless or slightly lossy compression methods to preserve the details.