By: Kevin

Cara Mempercepat Website WordPress Tanpa Plugin

Memiliki website yang cepat adalah kunci untuk meningkatkan pengalaman pengguna dan SEO. Dalam artikel ini, kita akan membahas cara mempercepat website WordPress tanpa menggunakan plugin tambahan.

Cara Mempercepat Website WordPress Tanpa Plugin

Kriteria website yang cepat adalah website yang memiliki kecepatan kurang dari 3 detik waktu yang dibutuhkan untuk memuat semua komponen pada halaman web. Hal ini penting karena secara langsung mempengaruhi kepuasan pengunjung dan peringkat pencarian website.

Faktor-faktor yang Membuat Website Menjadi Lambat

1. Ukuran File: Gambar atau video berukuran besar dapat memperlambat waktu muat.
2. Hosting: Server yang lambat atau tidak optimal.
3. Kode Buruk: Kode yang tidak efisien atau berlebihan.
4. Banyaknya HTTP Request: Setiap elemen pada halaman, seperti gambar dan skrip, memerlukan HTTP request untuk memuat.

Untuk mengukur kecepatan website, Anda bisa menggunakan alat seperti Google PageSpeed Insights, GTmetrix, dan Pingdom. Alat-alat ini memberikan analisis mendalam tentang aspek apa saja yang mempengaruhi kecepatan website Anda dan memberikan rekomendasi untuk perbaikan.

Efek Jika Website Lambat

Website yang lambat dapat berdampak negatif pada pengalaman pengguna dan SEO. Pengguna cenderung meninggalkan website yang membutuhkan waktu lama untuk memuat, yang pada akhirnya dapat meningkatkan tingkat pentalan (bounce rate) dan mengurangi konversi. Dari sisi SEO, website yang lambat dapat berpengaruh pada peringkat pencarian Google.

Dalam mempercepat website, fokus utama harus pada pengurangan waktu pemuatan halaman, mengoptimalkan gambar, meminimalkan permintaan HTTP, dan menggunakan caching yang efektif. Mengoptimalkan database dan memperbarui versi PHP juga penting untuk meningkatkan performa website.

Logika utama dalam mempercepat website adalah mengurangi beban pada server dan browser pengguna. Ini dapat dicapai dengan mengurangi ukuran file, memanfaatkan caching, dan mengoptimalkan kode. Pendekatan ini membantu memastikan bahwa elemen website dimuat dengan cepat dan efisien.

Penjelasan Google Lighthouse

Google Lighthouse adalah alat otomatis yang membantu pengembang dalam meningkatkan kualitas website. Alat ini memberikan laporan tentang performa website, aksesibilitas, praktik terbaik, dan SEO. Lighthouse memberikan skor pada setiap aspek ini dan memberikan rekomendasi untuk perbaikan.

Istilah-istilah pada Lighthouse

Dalam Lighthouse, Anda akan menemukan istilah seperti “First Contentful Paint” yang mengukur waktu pemuatan konten pertama, “Speed Index” yang menunjukkan seberapa cepat konten website dimuat, dan “Time to Interactive” yang mengukur kapan halaman menjadi sepenuhnya interaktif. Memahami istilah-istilah ini penting untuk mengoptimalkan website Anda.

Cara Mempercepat Website WordPress Tanpa Plugin dari Sisi PHP

Dari Sisi PHP kita harus disable beberapa fungsi default WordPress karena pada dasarnya tidak semua fungsi default WordPress tidak kita butuhkan. Lain kasus jika Anda membutuhkannya maka kalian tidak perlu disable. Berikut berberapa yang patut untuk di disable (yang terkait maupun yang tidak terkait langsung dengan metoda mempercepat loading website) dalam rangka mempercepat loading website Anda.

1. Disable emoji
2. Disable shortlink
3. Disable WP Generator
4. Dll

Copy kode dibawah ini kemudian paste di file functions.php theme Anda.

function mm_optimize()
{
    // Disable emojis
    remove_action('wp_head', 'print_emoji_detection_script', 7);
    remove_action('wp_print_styles', 'print_emoji_styles');

    // Disable embeds
    remove_action('wp_head', 'wp_oembed_add_discovery_links', 10);
    remove_action('wp_head', 'wp_oembed_add_host_js');

    // Remove jQuery migrate
    add_action('wp_default_scripts', function ($scripts) {
        if (!empty($scripts->registered['jquery'])) {
            $scripts->registered['jquery']->deps = array_diff($scripts->registered['jquery']->deps, ['jquery-migrate']);
        }
    });

    // Disable REST API links in HTML head
    remove_action('wp_head', 'rest_output_link_wp_head', 10);

    // Disable XML-RPC
    add_filter('xmlrpc_enabled', '__return_false');

    // Disable WordPress version info
    remove_action('wp_head', 'wp_generator');

    //remove shortlink
    remove_action('wp_head', 'wp_shortlink_wp_head', 10, 0);
}

add_action('init', 'mm_optimize');

Cara Mempercepat Website WordPress Tanpa Plugin dari Sisi Server

## EXPIRES 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 image/svg "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 1 year"
</IfModule>
## EXPIRES CACHING ##

# Fonts
# Add correct content-type for fonts
AddType application/vnd.ms-fontobject .eot 
AddType application/x-font-ttf .ttf
AddType application/x-font-opentype .otf
AddType application/x-font-woff .woff
AddType application/font-woff2 .woff2

# Compress compressible fonts

ExpiresActive on

# Add a far future Expires header for fonts
ExpiresByType application/vnd.ms-fontobject "access plus 1 year"
ExpiresByType application/x-font-ttf "access plus 1 year"
ExpiresByType application/x-font-opentype "access plus 1 year"
ExpiresByType application/x-font-woff "access plus 1 year"
ExpiresByType application/font-woff2  "access plus 1 month"
ExpiresByType image/svg+xml "access plus 1 year"