Meningkatkan dan mengoptimalkan situs WordPress
WordPress adalah salah satu sistem manajemen konten (CMS) yang paling populer dan serbaguna. Namun, dalam pengaturan standarnya, WordPress tidak selalu yang tercepat, terutama jika situs Anda mendapatkan banyak lalu lintas, berisi banyak media, atau menggunakan tema dengan banyak fitur. Sejak 2010, Google telah mempertimbangkan kecepatan halaman dalam peringkat pencariannya, yang berarti situs yang lambat dapat merugikan pengalaman pengguna dan visibilitas di hasil pencarian.
Kabar baiknya? WordPress cukup fleksibel untuk dioptimalkan dengan berbagai cara, memungkinkan Anda memangkas waktu muat secara signifikan. Untuk mengukur kemajuan Anda, Anda dapat melakukan uji kecepatan setelah setiap perubahan menggunakan alat daring seperti:
Google PageSpeed Insights – Cocok untuk pemula, dengan saran optimasi yang mudah diikuti.
GTmetrix – Menyediakan skor performa dan tips yang dapat langsung diterapkan.
Pingdom – Memberikan rincian waktu muat yang detail, meskipun membutuhkan sedikit pengetahuan teknis.
Alat-alat ini menyoroti bagian mana dari situs Anda yang memperlambat, sehingga Anda lebih mudah mengetahui apa yang harus diperbaiki terlebih dahulu.
Di bawah ini, kami akan membahas langkah-langkah praktis yang dapat Anda lakukan untuk membuat situs WordPress Anda lebih cepat—tips yang layak diterapkan sejak awal saat membuat situs web.
CATATAN: Pastikan Anda mencadangkan situs sebelum melakukan perubahan.
Tips untuk meningkatkan website
Memilih tema yang tepat
Tema WordPress Anda bukan hanya soal tampilan – tema juga berdampak langsung pada seberapa cepat situs Anda dimuat. Jika Anda berencana menjalankan blog dengan lalu lintas tinggi atau situs dengan banyak konten, meluangkan waktu untuk riset dan pengujian akan sangat bermanfaat. Tema yang ringan dan dioptimalkan dengan baik dapat meningkatkan pengalaman pengguna dan peringkat pencarian secara signifikan.
Aturan emas saat memilih tema adalah sesuaikan desain dengan konten Anda. Pertama, tentukan fokus utama situs web Anda dan jenis konten yang akan Anda publikasikan. Setelah itu, pilihlah tema yang mendukung tujuan tersebut.
Meskipun sebagian besar tema WordPress memungkinkan kustomisasi yang luas, opsi yang dikodekan dengan buruk dapat menimbulkan masalah di kemudian hari, terutama jika Anda memutuskan untuk mengganti tema. Beberapa desain yang menarik secara visual mungkin terlihat bagus pada pandangan pertama, tetapi ternyata dipenuhi fitur yang tidak perlu dan memperlambat situs Anda.
Berikut beberapa tips untuk membantu Anda memilih tema yang stylish sekaligus cepat:
Tetap sederhana – Hindari tata letak yang terlalu rumit dan animasi berat.
Gunakan tema responsif – Pilih tema yang dapat menyesuaikan tampilan dengan mulus di layar ponsel, tablet, dan desktop.
Periksa kompatibilitas plugin – Pastikan tema bekerja baik dengan plugin penting, berperingkat tinggi, dan versi WordPress Anda saat ini.
Evaluasi page builder – Tema dengan page builder bawaan bisa praktis, tetapi dapat menambah beban ekstra. Uji performa sebelum memutuskan.
Cari kode yang ramah SEO – Struktur kode yang bersih dan semantik membantu mesin pencari memahami situs Anda dengan lebih baik.
Sebagian besar pengembang tema menawarkan demo langsung produk mereka. Manfaatkan ini dengan menguji situs demo menggunakan alat penguji kecepatan sebelum membeli. Ini akan memberi Anda gambaran realistis tentang performa tema dalam kondisi nyata.
Mengoptimalkan gambar
Gambar besar yang tidak dikompresi adalah salah satu alasan paling umum halaman lambat dimuat. Ada banyak alat, baik plugin maupun layanan daring, yang dapat mengecilkan ukuran file tanpa mengurangi kualitas secara signifikan.
Jika Anda lebih suka cara otomatis, plugin seperti EWWW Image Optimizer dan lainnya dapat menangani kompresi langsung di WordPress. EWWW Image Optimizer memiliki fitur tersendiri dan menawarkan pengaturan fleksibel serta optimasi massal.
Catatan: Plugin ini membutuhkan fungsi exec() untuk berjalan.
Setelah diinstal dan diaktifkan, Anda dapat pergi ke Media > Bulk Optimize dan:
Klik Scan for unoptimized images untuk menemukan semua gambar yang bisa dikompresi:
Setelah pemindaian, tekan Start optimizing untuk mengurangi ukuran gambar secara massal:
Anda juga dapat mengatur plugin agar menjalankan optimasi terjadwal dari menu “Advanced Settings”.
Perlu diingat:
Optimasi massal dapat sementara menggunakan banyak sumber daya server dan mungkin mencapai batas CPU.
Tingkat kompresi yang lebih tinggi berarti ukuran file lebih kecil, tetapi kompresi yang terlalu agresif dapat menyebabkan penurunan kualitas yang terlihat, terutama untuk situs dengan banyak foto.
Meskipun plugin cepat dan praktis, mereka tidak selalu memberikan rasio kompresi terbaik. Untuk hasil maksimal, Anda dapat memproses gambar secara manual sebelum mengunggahnya menggunakan alat daring seperti:
TinyPNG – Sangat baik untuk kompresi PNG dan JPEG.
Compressor.io – Mendukung berbagai format dan menawarkan optimasi yang kuat.
Ya, kompresi manual memang memakan waktu lebih lama, tetapi sering kali menghasilkan gambar yang lebih tajam dan ringan, memberikan pengalaman lebih baik bagi pengunjung tanpa mengorbankan kualitas.
Plugin caching
Plugin caching adalah salah satu cara paling efektif untuk mempercepat situs WordPress. Dengan menyimpan dan menyajikan versi halaman yang sudah dihasilkan sebelumnya, plugin ini mengurangi beban kerja server untuk setiap pengunjung, sehingga waktu muat menjadi jauh lebih cepat.
Beberapa opsi paling populer dan andal meliputi:
Caching browser
Caching browser memberi tahu browser pengunjung Anda untuk menyimpan file tertentu dari situs web, seperti gambar, stylesheet, dan skrip, secara lokal selama periode waktu tertentu. Dengan begitu, saat mereka kembali ke situs Anda, browser dapat memuat file tersebut dari perangkat mereka sendiri tanpa perlu mengunduh ulang. Ini mengurangi beban server, mempercepat kunjungan ulang, dan meningkatkan pengalaman menjelajah secara keseluruhan.
Anda dapat mengatur caching browser dengan beberapa cara:
1. Menggunakan W3 Total Cache
Jika Anda sudah menjalankan W3 Total Cache, mengaktifkan caching browser sangat mudah:
Di dasbor WordPress Anda, buka Performance > Browser Cache.
Centang opsi seperti:
Set Last-Modified header.
Set expires header.
Aktifkan kompresi HTTP (gzip).
Simpan pengaturan Anda:
W3TC kemudian akan secara otomatis menambahkan aturan yang diperlukan ke file .htaccess Anda.
2. Menambahkan Aturan Secara Manual
Jika Anda tidak ingin menggunakan plugin, Anda dapat mengaktifkan caching browser dengan mengedit file .htaccess secara langsung (untuk server Apache). Menambahkan kode seperti ini akan mengatur waktu “kedaluwarsa” untuk berbagai jenis file:
ExpiresActive on
ExpiresByType image/jpg "access plus 60 days"
ExpiresByType image/png "access plus 60 days"
ExpiresByType image/gif "access plus 60 days"
ExpiresByType image/jpeg "access plus 60 days"
ExpiresByType text/css "access plus 2 weeks"
ExpiresByType image/x-icon "access plus 2 weeks"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType audio/x-wav "access plus 1 month"
ExpiresByType audio/mpeg "access plus 1 month"
ExpiresByType video/mpeg "access plus 1 month"
ExpiresByType video/mp4 "access plus 1 month"
ExpiresByType video/quicktime "access plus 1 month"
ExpiresByType video/x-ms-wmv "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType text/javascript "access plus 2 weeks"
ExpiresByType application/x-javascript "access plus 2 weeks"
ExpiresByType application/javascript "access plus 2 weeks"
Anda dapat menyesuaikan nilai waktu tergantung seberapa sering Anda memperbarui file.
Tips mengoptimalkan situs web
Optimasi beranda
Beranda adalah hal pertama yang dilihat pengunjung, dan sering kali merupakan halaman terberat di situs Anda. Beranda yang dioptimalkan dengan baik tidak hanya menciptakan kesan pertama yang baik, tetapi juga memuat lebih cepat dan membuat pengunjung tetap betah.
Salah satu faktor utama kecepatan beranda adalah jumlah permintaan HTTP yang dilakukan situs Anda. Setiap gambar, skrip, gaya, atau widget yang dimuat di halaman membutuhkan permintaan terpisah ke server. Semakin sedikit permintaan yang dibutuhkan, semakin cepat halaman Anda akan tampil.
Alat untuk Mengurangi Permintaan dan Mempercepat Waktu Muat
WP Asset Clean Up
Plugin ini memindai halaman Anda dan mengidentifikasi skrip serta gaya yang tidak diperlukan, mencegahnya dimuat di tempat yang tidak dibutuhkan. Plugin ini juga dapat meminimalkan kode HTML untuk halaman yang lebih bersih dan ringan.JavaScript to Footer
Memindahkan file JavaScript dari header ke footer agar tidak menunda tampilan awal halaman. Ini memastikan bagian yang terlihat dari halaman Anda dimuat terlebih dahulu, meningkatkan kecepatan yang dirasakan.
Praktik Terbaik untuk Beranda yang Cepat
Hindari widget berlebihan – Tombol berbagi sosial, misalnya, lebih baik ditempatkan di postingan blog individual daripada di beranda.
Tampilkan kutipan, bukan postingan penuh – Ini mengurangi jumlah konten yang dimuat sekaligus dan membuat halaman lebih mudah dipindai.
Batasi jumlah postingan yang ditampilkan – Batasi sekitar lima postingan terbaru untuk kecepatan dan keterbacaan optimal.
Memperbaiki JavaScript dan CSS yang Menghambat Rendering
Saat menguji situs Anda di Google PageSpeed Insights, Anda mungkin melihat peringatan seperti:
"Eliminate render-blocking JavaScript and CSS in above-the-fold content"
Ini berarti beberapa file JavaScript atau CSS menunda tampilan bagian halaman yang terlihat (above-the-fold). Sederhananya, browser pengunjung Anda harus menunggu file-file ini dimuat sebelum dapat menampilkan konten halaman, yang memperlambat proses.
Solusi dengan W3 Total Cache (W3TC)
Anda dapat memperbaikinya dengan menyesuaikan pengaturan Minify di W3 Total Cache:
Buka Performance > General Settings di dasbor WordPress Anda.
Di bagian Minify, atur Minify mode ke Manual dan simpan perubahan:
Kemudian, buka menu Performance > Minify dan pastikan pengaturan minify JavaScript sesuai dengan konfigurasi yang direkomendasikan:
Tambahkan URL file JavaScript yang ditandai oleh Google PageSpeed ke bagian manajemen file JS:
Ulangi proses ini untuk file CSS – tambahkan URL CSS yang ditandai ke bagian manajemen file CSS:
Setelah selesai, uji kembali situs Anda di PageSpeed Insights. Peringatan render-blocking seharusnya hilang jika semuanya sudah diatur dengan benar.
Alternatif: Plugin Autoptimize
Jika Anda lebih suka alat yang lebih sederhana, Autoptimize adalah pilihan lain yang sangat baik untuk mengurangi sumber daya render-blocking. Plugin ini dapat:
Menggabungkan dan meminimalkan file JavaScript dan CSS
Memindahkan CSS dan JS untuk memperbaiki urutan pemuatan
Meminimalkan HTML agar halaman lebih ringan
Bekerja bersama plugin caching seperti WP Super Cache untuk hasil yang lebih baik.
Pengaturan utama Autoptimize meliputi:
Opsi JavaScript – Gabungkan beberapa file JS menjadi satu untuk mengurangi permintaan
Opsi CSS – Inline CSS penting, enkode gambar kecil langsung ke dalam CSS, dan lainnya
Opsi HTML – Minify HTML dengan opsi untuk tetap menyimpan komentar
Opsi CDN – Atur URL dasar CDN untuk memuat file statis lebih cepat
Tab Gambar – Kompres dan optimalkan gambar secara otomatis
Ekstra / Optimalkan Lebih Lanjut – Penyesuaian lanjutan tambahan untuk pengguna tingkat lanjut.
Untuk membuka semua fitur:
Buka Settings > Autoptimize > klik Tampilkan pengaturan lanjutan:
Sesuaikan opsi sesuai kebutuhan situs Anda:
Klik Simpan Perubahan dan Kosongkan Cache untuk menerapkan optimasi:
Mengaktifkan perlindungan hotlink
Ketika situs web lain secara langsung menautkan ke gambar yang dihosting di server Anda (misalnya, menampilkan gambar Anda di halaman mereka tanpa benar-benar menghostingnya sendiri), ini disebut hotlinking.
Ini mungkin tampak tidak berbahaya, tetapi setiap kali pengunjung mereka memuat gambar tersebut, server Anda yang bekerja dan menggunakan bandwidth Anda, sehingga memperlambat situs Anda dan meningkatkan biaya hosting.
Cara termudah untuk menghentikan hotlinking adalah dengan mengaktifkan perlindungan hotlink di cPanel Anda. Ini dapat dilakukan dari menu Hotlink Protection:
Setelah diaktifkan, situs web lain tidak akan bisa lagi memuat gambar Anda langsung dari server Anda, sehingga sumber daya Anda terlindungi dan situs Anda tetap cepat untuk pengunjung.
Mengoptimalkan basis data
Seiring waktu, basis data WordPress Anda dapat menumpuk data yang tidak diperlukan, seperti revisi lama, komentar spam, dan sisa pengaturan dari plugin, yang dapat memperlambat situs web Anda.
Secara default, WordPress menggunakan 11 tabel inti, tetapi sebagian besar situs memiliki tabel tambahan yang dibuat oleh plugin dan tema. Optimasi basis data secara rutin membantu menjaga semuanya tetap bersih, efisien, dan cepat.
Untuk mengoptimalkan basis data WordPress Anda:
Ikuti panduan optimasi basis data untuk memastikan Anda hanya menghapus data yang aman untuk dihapus
Gunakan plugin khusus untuk optimasi cepat dan aman, seperti:
WP-Optimize – Menjalankan kueri SQL langsung untuk pembersihan (cepat, tetapi bisa meninggalkan data yatim).
Optimize Database after Deleting Revisions – Fokus membersihkan revisi postingan.
WP-Sweep – Menggunakan fungsi hapus resmi WordPress, sehingga mengurangi risiko meninggalkan data yatim.
WP-DB Manager – Menawarkan fitur optimasi dan backup.
Mengestimasi performa situs WordPress Anda
Plugin meningkatkan situs WordPress Anda dengan menambah fitur dan opsi kustomisasi. Namun, beberapa plugin dapat berdampak negatif pada performa dengan mengonsumsi sumber daya CPU dan I/O secara berlebihan.
Agar situs Anda berjalan efisien, penting untuk mengukur dampak plugin dan tema Anda.
Langkah 1 – Analisis Penggunaan Sumber Daya
Gunakan plugin Code Profiler untuk memindai situs Anda di tingkat PHP. Plugin ini memberikan laporan jelas dan detail dengan grafik dan tabel yang menunjukkan:
Plugin atau tema mana yang memperlambat situs Anda;
Skrip PHP, kelas, metode, dan fungsi spesifik yang paling banyak menggunakan sumber daya.
Langkah 2 – Kontrol Pemrosesan Plugin
Instal plugin Plugin Organizer untuk:
Menonaktifkan plugin tertentu pada halaman atau postingan yang dipilih
Mengubah urutan pemuatan plugin
Meningkatkan performa dengan memastikan hanya plugin yang diperlukan yang berjalan di tempat yang dibutuhkan.
Langkah 3 – Periksa Optimasi Situs Secara Keseluruhan
Setelah menerapkan perbaikan di atas, gunakan plugin GTmetrix for WordPress untuk mengukur skor optimasi Anda. Alat ini mengevaluasi kecepatan dan performa situs Anda, memberikan metrik yang jelas untuk memantau kemajuan.