The Ultimate Guide to WordPress Optimization: 20 Tips to Completely Improve Website Speed and Performance

Website speed is a crucial factor for both user experience and search engine rankings. A WordPress website that loads slowly not only drives away visitors but also directly affects the conversion rate of your business. This guide will systematically introduce 20 key tips, covering server configuration, theme code, plugin management, and advanced caching strategies, to help you improve website performance in all aspects.

Server and Host Environment Optimization

A solid foundation is the guarantee for the stability of high-rise buildings. Before starting any code-level optimizations, it is of utmost importance to ensure that your server environment is in its best possible state.

Select a high-performance hosting solution.

Stay away from shared hosting and opt for hosting services that are optimized for WordPress, VPS (Virtual Private Servers), or dedicated servers. These services typically offer faster processors, more memory, and a more optimized software stack (such as LiteSpeed or Nginx), which can significantly reduce the server’s response time.

Recommended Reading WordPress Optimization Ultimate Guide: 20 Essential Tips for Improving Website Speed and Performance in Every Aspect。

Enable the latest version of PHP.

Always use a stable and up-to-date version of PHP that is supported by your hosting provider. Compared to PHP 5.6 or 7.0, PHP 7.4 or 8.x can significantly improve performance (by several times) while using less memory. You can check and switch the PHP version in your hosting panel; make sure to back up all your data thoroughly before making any changes.

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

Implement object caching

For dynamic WordPress websites, database queries are one of the main performance bottlenecks. Implementing object caching can store the results of database queries in memory, significantly reducing the number of direct accesses to the database.
The most commonly used persistent object caching solutions are Redis or Memcached. Many advanced hosting services already come with built-in support for these technologies. You can also install them yourself by...Redis Object CacheSuch plugins can be used to enable the corresponding functionality.

Utilizing a content distribution network

CDN (Content Delivery Network) caches your static resources (such as images, CSS files, and JavaScript files) on servers located around the world. When users visit your website, CDN delivers these files from the server closest to them, significantly reducing latency and the load on your servers. Cloudflare and StackPath are both popular options for using CDN services.

Theme, plugin, and code optimization

Inefficient code is a hidden killer that slows down websites. By carefully managing and optimizing themes and plugins, you can improve website performance from the very root.

Audit and streamline the plugins.

Each plugin increases the number of HTTP requests, PHP executions, and database queries. Regularly check for unnecessary plugins and disable or remove them. Use tools such as…Query MonitorSuch plugins are used to diagnose which specific plugins are causing performance issues.

Recommended Reading The Ultimate Guide to WordPress Optimization: 20 Essential Tips for Improving Website Speed and SEO Rankings。

Choose a lightweight theme that is also well-coded.

Avoid using multi-functional themes that come with excessive features and complex page builders. Instead, opt for themes that focus on speed, have concise code, and adhere to WordPress coding standards. In the theme repository, you can check the performance ratings under the “Advanced” filter.

Optimize the functions.php file of the theme.

functions.phpThe file serves as a collection of themes and related functionality. Avoid adding unnecessary scripts and styles to this file. For any code you wish to include, make sure it is efficient and essential. For example, use WordPress’s built-in features wisely.wp_enqueue_scriptandwp_enqueue_styleFunctions are used to control the location and timing of script and style loading.

// 正确示例：仅在非管理页面加载自定义脚本
function mytheme_enqueue_scripts() {
    if ( !is_admin() ) {
        wp_enqueue_script( 'my-custom-script', get_template_directory_uri() . '/js/script.js', array(), null, true );
    }
}
add_action( 'wp_enqueue_scripts', 'mytheme_enqueue_scripts' );

Disabling the Heartbeat API or limiting its frequency

The WordPressHeartbeat APIUsing AJAX calls to implement features such as automatic saving and session management can result in a large number of requests on the editing page. For websites that do not publish content frequently, it may be advisable to disable or limit the frequency of these requests.

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

// 示例：完全禁用Heartbeat（谨慎使用）
add_action( 'init', 'stop_heartbeat', 1 );
function stop_heartbeat() {
    wp_deregister_script('heartbeat');
}

Optimize the database and disable article revisions.

Over time, the database of a long-running website will accumulate a large number of revised versions and spam comments. It is necessary to regularly use tools such as data cleaning and optimization to maintain the quality of the database and ensure its smooth operation.WP-OptimizeOrAdvanced Database CleanerThe plugin is being cleaned up. At the same time, it is also possible to…wp-config.phpThe file restricts or prohibits the revision of articles.

// 在wp-config.php中禁用文章修订和自动保存
define('WP_POST_REVISIONS', false);
define('AUTOSAVE_INTERVAL', 3600); // 将自动保存间隔设置为1小时（3600秒）

Optimization of static resource loading

Images, style sheets, and script files are the main components that are loaded by the front end of a website, and they are also the easiest parts to optimize.

Image compression and lazy loading

Use tools likeShortPixel、ImagifyOrTinyPNGSuch plugins or tools automatically compress images during the upload process, ensuring that they are generated in modern formats like WebP.
At the same time, lazy loading should be implemented to ensure that images and videos are only loaded when the user scrolls to the area near the viewport. WordPress core has included native support for lazy loading of images and iframes since version 5.5.

Recommended Reading Extreme Performance Guide: 20 Must-Have WordPress Optimization Tips and Best Practices。

Merge and minimize CSS/JavaScript files

Reducing the number of HTTP requests is a golden rule for performance optimization. By using caching plugins (such as WP Rocket or W3 Total Cache, which will be mentioned below), you can merge multiple CSS and JS files into a few fewer files. Additionally, remove unnecessary spaces, comments, and line breaks to minimize the file size.

Asynchronously loading or delaying the loading of non-critical JavaScript code

JavaScript code that prevents rendering will delay the display of the page content. For scripts that are not essential (such as ads or analytics code), asynchronous or deferred loading should be used.

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

<!-- 异步加载 -->
<script async src="analytics.js"></script>
<!-- 延迟加载 -->
<script defer src="widget.js"></script>

Many optimization plugins can automatically add these attributes to the script.

Using Web Font Optimization Strategies

Elegant web fonts can be large in size and require additional network requests. It is recommended to use the system’s font stack as a priority. If you must use web fonts, choose a modern format such as WOFF2.font-display: swapThe attribute avoids blocking rendering and uses a pre-loading prompt.

<link rel="preload" href="font.woff2" as="font" type="font/woff2" crossorigin>

Remove the query string and the Emoji script.

Query strings attached to the URLs of static resources (for example)?ver=5.9This may prevent caching on certain proxy servers. Additionally, for websites that do not require support for Emoji emoticons, the default Emoji scripts loaded by WordPress can be removed.

// 移除版本查询字符串
function remove_query_strings( $src ) {
    if ( strpos( $src, '?ver=' ) ) {
        $src = remove_query_arg( 'ver', $src );
    }
    return $src;
}
add_filter( 'script_loader_src', 'remove_query_strings', 15, 1 );
add_filter( 'style_loader_src', 'remove_query_strings', 15, 1 );

// 禁用Emoji
remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
remove_action( 'wp_print_styles', 'print_emoji_styles' );

Advanced Caching and Cutting-Edge Technologies

After completing the aforementioned basic optimizations, implementing advanced caching strategies and emerging technologies can push website performance to its ultimate limits.

Configure a complete page caching system.

Page caching is one of the most effective optimization methods. It saves the dynamically generated HTML pages as static files, which are then served directly during the next visit, completely bypassing PHP and MySQL.
It is recommended to use…WP Rocket、LiteSpeed CacheOrW3 Total CacheAnd other plugins. For users using the LiteSpeed server,LiteSpeed CacheThe plugin offers the deepest level of integration and the best possible results.

Implementing browser caching

By setting HTTP headers, you can instruct the browser to cache static resources (such as images, CSS, and JS) locally. This way, when the same resources are accessed again within the validity period of the cache, they do not need to be downloaded again. This is typically achieved by adding specific headers to the server’s response..htaccessThe rules can be added to the file or implemented through a caching plugin.

# 在.htaccess中设置浏览器缓存过期时间
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
</IfModule>

Enable GZIP/Brotli compression

Compressing text files (HTML, CSS, JS) on the server side can significantly reduce their transmission size. GZIP is widely supported, while Brotli is a more modern algorithm that offers even higher compression rates. Most caching plugins or CDN services provide an easy-to-use option to enable this feature with just one click.

Use preloading, preconnecting, and pre-fetching.

Use Resource Hints to optimize the loading order of critical resources.
- <link rel="preload">High priority is given to obtaining the resources that are immediately needed on the current page.
- <link rel="preconnect">Establish connections with third-party sources in advance (such as font servers, analytics domains).
- <link rel="dns-prefetch">Perform DNS queries in advance.
These settings can be added to the theme header, or automatically generated by advanced optimization plugins.

Consider implementing AMP (Accelerated Mobile Pages) or adopting the Jamstack architecture.

For websites that focus on content reading, you can consider using AMP (Accelerated Mobile Pages) to create extremely fast mobile versions.
For future development, you could consider adopting the Jamstack architecture. Use Headless WordPress as your content management system, combined with static site generators such as Next.js or Gatsby, to pre-generated the website into pure static files. This approach will result in unparalleled loading speeds and enhanced security.

Continuous monitoring and testing

Regularly test website performance using tools such as Google PageSpeed Insights, GTmetrix, or WebPageTest. Monitor key metrics including the time it takes for the first piece of content to be rendered, the time it takes for all content to be rendered, and the cumulative layout shift (the amount of deviation in the website’s layout over time). Make ongoing adjustments based on the recommendations in the reports.

summarize

WordPress optimization is a systematic process that involves both the server and the front-end components of a website, and it’s not a one-time task that solves all problems forever. By following the 20 tips in this guide, you can effectively improve your website’s speed from various aspects, such as the hosting environment, code quality, static resource management, and advanced caching techniques. Keep in mind that optimization is an ongoing process, and regular audits, testing, and adjustments are crucial for maintaining the best possible performance of your website. Start with the tips that have the greatest impact (for example, enabling page caching and compressing images), and gradually implement the other optimizations. You will see significant improvements in both website performance and user experience.

FAQ Frequently Asked Questions

Which optimization should I carry out first?

It is recommended to start with the server side and caching, as these changes usually result in the most significant performance improvements. Here is a priority action list: 1) Enable PHP 7.4 or a later version; 2) Install and configure a powerful caching plugin (such as WP Rocket or LiteSpeed Cache); 3) Compress and use lazy loading for images. These three steps can address most of the speed issues on websites.

Will using too many optimization plugins actually slow down the website instead?

Sure. This is a common misconception. Every plugin adds additional overhead to the system. Our goal is to use as few plugins as possible while still ensuring that they have all the necessary functions. For example, a good caching plugin like WP Rocket typically integrates multiple features such as page caching, browser caching, file minification, and lazy loading – which can be more efficient than using four or five separate plugins, each with a single function.

How to determine whether it is a plugin or a theme that is causing the website to slow down?

Using diagnostic plugins is the most efficient method. Install and activate them.Query MonitorOrP3 (Plugin Performance Profiler)Plugins. They provide detailed information about the loading time, memory usage, and the number of database queries generated by each plugin and theme, allowing for the precise identification of performance bottlenecks.

How often should database optimization be carried out?

For websites with frequent content updates (such as those that publish multiple articles daily or have active comment sections), it is recommended to perform a regular database optimization and cleanup once a month, removing revised versions, drafts, and spam comments. For corporate websites or blogs with less frequent updates, a cleanup can be done once every quarter or every six months. Make sure to back up the entire database before proceeding with any such operations.

I have enabled CDN; do I still need local caching?

Absolutely necessary. The roles of CDN (Content Delivery Network) and local caching are complementary. CDN primarily speeds up the distribution of static resources around the world and reduces the bandwidth load on your origin server. Local (server-side) page caching, on the other hand, directly reduces the computational load on the origin server when generating dynamic pages. Only by combining both can the best results be achieved.