17 Useful and optimized code to speed up your Wordpress website

A slow website can drive potential users away, leading to decreased conversions and a negative user experience. Luckily, there are several efficient and optimized code techniques you can implement to supercharge your WordPress website's performance. In this article, we'll explore 17 essential strategies to speed up your WordPress site, ensuring a seamless and enjoyable browsing experience for your users.

Xem thêm: Dịch vụ cài win tại nhà

Why is it important to optimize WordPress speed?

Increase Efficiency and User Satisfaction

When it comes to running a successful website, speed is paramount. The loading speed of your WordPress site can significantly impact user experience, search engine rankings, and overall website performance. In this article, we'll explore the importance of optimizing WordPress speed, providing you with actionable insights to ensure your website runs at its best.

The Impact of Website Speed on User Experience

Website visitors are impatient. Studies have shown that users expect a web page to load in under two seconds. If your site takes longer to load, you risk losing valuable traffic. Slow-loading pages frustrate users, leading them to abandon your site in search of faster alternatives. This not only impacts user satisfaction but can also result in a higher bounce rate and lower conversion rates.

Search Engine Rankings and SEO

Website speed is a crucial factor in search engine optimization (SEO). Search engines, like Google, consider page speed as a ranking factor. A faster website is more likely to rank higher in search results, making it essential for attracting organic traffic. Slow-loading websites may be penalized with lower search rankings, reducing their visibility and discoverability.

Mobile Responsiveness and User Engagement

In today's mobile-driven world, optimizing your website for mobile devices is essential. Mobile users expect fast and responsive websites. A slow website on mobile devices can lead to a poor user experience, negatively affecting engagement and conversions. Google's mobile-first indexing further emphasizes the importance of mobile optimization, making website speed a critical aspect of mobile SEO.

Conversions and Revenue

A faster website doesn't just improve user experience; it can also boost conversions and revenue. Studies have shown that even a one-second delay in page load time can lead to a significant decrease in conversions. Conversely, a faster website can increase user trust, encouraging them to stay on your site longer and increasing the likelihood of them completing desired actions, such as making a purchase or signing up for a newsletter.

Useful code snippets Wordpress optimizes speed

1. Enable Gzip Compression:

<IfModule mod_deflate.c>

    # Compress HTML, CSS, JavaScript, Text, XML and fonts

    AddOutputFilterByType DEFLATE application/javascript

    AddOutputFilterByType DEFLATE application/rss+xml

    AddOutputFilterByType DEFLATE application/vnd.ms-fontobject

    AddOutputFilterByType DEFLATE application/x-font

    AddOutputFilterByType DEFLATE application/x-font-opentype

    AddOutputFilterByType DEFLATE application/x-font-otf

    AddOutputFilterByType DEFLATE application/x-font-truetype

    AddOutputFilterByType DEFLATE application/x-font-ttf

    AddOutputFilterByType DEFLATE application/x-javascript

    AddOutputFilterByType DEFLATE application/xhtml+xml

    AddOutputFilterByType DEFLATE application/xml

    AddOutputFilterByType DEFLATE font/opentype

    AddOutputFilterByType DEFLATE font/otf

    AddOutputFilterByType DEFLATE font/ttf

    AddOutputFilterByType DEFLATE image/svg+xml

    AddOutputFilterByType DEFLATE image/x-icon

    AddOutputFilterByType DEFLATE text/css

    AddOutputFilterByType DEFLATE text/html

    AddOutputFilterByType DEFLATE text/javascript

    AddOutputFilterByType DEFLATE text/plain

    AddOutputFilterByType DEFLATE text/xml

    # Remove browser bugs (only needed for really old browsers)

    BrowserMatch ^Mozilla/4 gzip-only-text/html

    BrowserMatch ^Mozilla/4\.0[678] no-gzip

    BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

</IfModule>

2. Leverage Browser Caching:

<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/pdf "access plus 1 month"

    ExpiresByType text/x-javascript "access plus 1 month"

    ExpiresByType application/x-shockwave-flash "access plus 1 month"

    ExpiresByType image/x-icon "access plus 1 year"

    ExpiresDefault "access plus 2 days"

</IfModule>

3. Use a CDN for Static Assets:

function enqueue_assets_with_cdn() {
wp_enqueue_script('jquery', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js', array(), null, true);
// Enqueue other scripts and styles from a CDN
}
add_action('wp_enqueue_scripts', 'enqueue_assets_with_cdn');

4. Limit Post Revisions:

define('WP_POST_REVISIONS', 3); // Limit revisions to 3

5. Optimize Database:

function optimize_database() {
    global $wpdb;
    $wpdb->query("OPTIMIZE TABLE $wpdb->posts");
    $wpdb->query("OPTIMIZE TABLE $wpdb->options");
}

add_action('init', 'optimize_database');
6. Disable Pingbacks and Trackbacks:

function disable_pingbacks_trackbacks() {
    update_option('default_pingback_flag', '0');
    update_option('default_ping_status', 'closed');
    update_option('default_trackback_flag', '0');
    update_option('default_trackback_status', 'closed');
}
add_action('admin_init', 'disable_pingbacks_trackbacks');

7. Lazy Load Images:

Use a plugin like "Lazy Load by WP Rocket" or add the following JavaScript to your theme:

function add_lazyload_to_images($content) {
    if (is_feed() || is_preview()) {
        return $content;
    }
    return preg_replace('/<img(.*?)src=/i', '<img$1loading="lazy" src=', $content);
}

add_filter('the_content', 'add_lazyload_to_images');

8. Optimize Gravatar Images:

function disable_gravatar($avatar) {
$avatar = str_replace(array('www.gravatar.com', '0.gravatar.com', '1.gravatar.com', '2.gravatar.com'), 'cdn.example.com', $avatar);
return $avatar;
}
add_filter('get_avatar', 'disable_gravatar');

9. Defer Parsing of JavaScript:

function defer_parsing_of_js($url) {
    if (is_admin()) {
        return $url;
    }
    if (strpos($url, 'jquery.js') !== false) {
        return $url;
    }
    return "$url' defer='defer";

}
add_filter('clean_url', 'defer_parsing_of_js', 11, 1);

10. Remove Query Strings from Static Resources:

function remove_query_strings_static_resources($src) {
    if (strpos($src, '?ver=')) {
        $src = remove_query_arg('ver', $src);
    }
    return $src;
}
add_filter('style_loader_src', 'remove_query_strings_static_resources', 10, 2);
add_filter('script_loader_src', 'remove_query_strings_static_resources', 10, 2);

11. Use a Caching Plugin:

Install and configure a caching plugin like "WP Super Cache" or "W3 Total Cache" for static content caching.

Xem thêm: Cài win tại nhà giá rẻ

12. Minify CSS and JavaScript:

Use a plugin like "Autoptimize" or "WP Super Minify" to minify CSS and JavaScript files.

13. Use a Content Delivery Network (CDN):

Integrate a CDN like Cloudflare or StackPath to distribute static assets and reduce server load.

14. Optimize Images:

Use image optimization plugins like "Smush" or "ShortPixel" to reduce image file sizes without sacrificing quality.

15. Choose a Fast and Lightweight Theme:

Select a well-coded, lightweight theme optimized for speed.

Xem thêm: Cài win tận nhà HCM

16. Limit External Embedded Content:

Reduce the use of external content like embedded videos and widgets that can slow down your site.

17. Enable Caching for Database Queries:

function enable_db_query_caching($query) {
    if (strpos($query, 'SELECT') === 0) {
        if (!defined('WP_CACHE') || !WP_CACHE) {
            define('WP_CACHE', true);
        }
    }
    return $query;
}
add_filter('query', 'enable_db_query_caching');