10 Cara Efektif dan Mudah Mempercepat Situs WordPress
Diterbitkan: 2016-12-2310 Cara Efektif dan Mudah untuk Mempercepat Situs WordPress
Di zaman modern, sejumlah besar bisnis telah mengambil jalan lain untuk mengandalkan kekuatan WordPress yang terhormat – jadi tidak mengherankan jika kecepatan memuat situs WordPress merupakan faktor penting untuk kesuksesan bisnis. Tanpa basa-basi, situs WordPress yang lamban yang merangkak seperti tetes tebu berbahaya bagi bisnis Anda. Itulah mengapa sangat penting untuk memastikan situs web secepat kilat yang SEO ganda dan ramah pengguna, mengumpulkan keterlibatan pengguna yang luar biasa di samping tampilan halaman yang berharga.
Dalam artikel penelitian ekstensif ini, tim teknis kami yang teliti telah melakukan berbagai pengujian internal untuk menentukan faktor-faktor yang dapat mempercepat situs web WordPress dan pada akhirnya memungkinkannya menjadi seo friendly mungkin.
Langkah-langkah teliti yang kami lakukan untuk mempercepat situs WordPress pengujian kami adalah sebagai berikut:
- Memasang Plugin Cache WordPress dan Memanfaatkan Cache Browser
- Memperkecil CSS dan JavaScript
- Mengoptimalkan Gambar
- Mengaktifkan Kompresi gzip, dan
- Menggunakan Jaringan Pengiriman Konten (CDN)
Setelah melakukan langkah-langkah ini, situs sudah mulai menunjukkan beberapa peningkatan kecepatan, tetapi belum mencapai tanda yang diperlukan. Pada tahap selanjutnya, kami memasukkan beberapa langkah tambahan untuk memastikan bahwa eksperimen kami lebih komprehensif dan di atas segalanya, berorientasi pada hasil nyata. Secara alami, untuk mengikuti instruksi, kami menyarankan Anda memiliki pengetahuan WordPress tingkat menengah/pemula dan keterampilan pemecahan masalah, sehingga Anda dapat dengan senang hati mengikuti setiap instruksi yang disarankan.
Selama berbagai eksperimen kami, kami menggunakan alat Google Page Speed Insight untuk mengukur kecepatan halaman sebenarnya dari skor 100. Semakin tinggi skornya, semakin cepat situs webnya. Alat ini juga menunjukkan beberapa faktor negatif yang bertanggung jawab untuk memperlambat situs WordPress, dan menawarkan saran untuk meningkatkan kecepatan situs WordPress.
Agar kami tidak dituduh melakukan pengujian laboratorium yang gagal di dunia nyata, kami mengubah alat ini dan keahlian kami ke salah satu blog pelanggan kami, Dengan respons yang lamban, tidak ada pengguna yang akan memiliki kesan pertama yang baik, jadi tujuan mereka adalah untuk segera dan secara dramatis mempercepat situs WordPress mereka. Setelah melakukan semua langkah berikut dengan rapi, kami berhasil menyelesaikan totalitas masalah kecepatan WordPress pelanggan dan mencetak 100/100 teladan dengan alat Google PageSpeed.
Inilah 10 Cara Mudah untuk Mempercepat Situs WordPress Anda
- Pilih Penyedia Hosting Web Terbaik
- Instal Plugin Cache WordPress & Manfaatkan Cache Browser
- Perkecil CSS & JavaScript
- Optimalkan Gambar
- Aktifkan Kompresi Gzip
- Kosongkan Sampah dan Optimalkan Basis Data WordPress
- Gunakan Jaringan Pengiriman Konten
- Kurangi Revisi Postingan dan Nonaktifkan Trackback & Pingback
- Pisahkan Komentar & Posting Panjang Menjadi Halaman
- Jangan Unggah Video Langsung ke WordPress
1. Pilih Penyedia Web Hosting Terbaik
Ini harus jelas, tetapi mari kita jujur, itu tidak selalu sederhana. Perlu diteliti secara menyeluruh sebelum Anda mengeluarkan uang, dan ini mirip dengan fondasi rumah Anda – area terakhir yang Anda inginkan untuk menjadi kikir. Bahkan sebelum Anda mulai mengoptimalkan situs WordPress Anda, pastikan bahwa penyedia hosting web Anda tidak memperlambat situs web Anda hingga merangkak atas kemauannya sendiri. Sayangnya, penyedia hosting web sering menjual server mereka secara berlebihan dan ini akan berdampak buruk pada waktu respons server Anda yang sangat penting.
Jika waktu respons server Anda lebih besar dari 200 milidetik (md), pengujian Google PageSpeed akan memberi sinyal dengan tanda merah gelisah "waktu respons server yang berkurang". Ini mungkin menunjukkan bahwa server hosting web Anda lambat, dan Anda harus langsung menghubungi penyedia hosting Anda untuk meningkatkan waktu respons server. Perbedaan antara penyedia bisa sangat mencolok. Di sini, misalnya, kami melakukan pengujian PageSpeed untuk blog WordPress pelanggan kami sebelum memigrasikannya ke lingkungan hosting kami. Hasilnya berbicara sendiri, dan Anda dapat melihat hasil tes dramatis di bawah ini.
Hasil pengujian ditunjukkan di samping bendera merah yang disebutkan di atas, yang membantu menginstruksikan kami untuk secara umum "mengurangi waktu respons server". Terima kasih Google! Penundaan yang mengerikan ini diukur sekitar 4,2 detik lamban yang tidak dapat diterima. Jadi, karena waktu respons server yang buruk, skor PageSpeed untuk situs web berkurang menjadi sangat sedikit 68. Kami bisa melakukan jauh lebih baik, karena dikatakan bahwa situs WordPress dengan waktu buka halaman di bawah 2 detik adalah baik. Idealnya, bagaimanapun, Anda harus berusaha untuk membuatnya secepat mungkin. Google bahkan menyarankan, sesuai dengan wawasan PageSpeed mereka, bahwa idealnya respons server harus sangat cepat dan dijaga di bawah 200 ms.
Berapa Skor PageSpeed Situs WordPress Anda? Klik Di Sini untuk Mengetahuinya.
Setelah pengujian utama ini, kami secara alami memigrasikan situs WordPress pelanggan kami ke platform Hosting WordPress kami yang sangat Dioptimalkan, dan melakukan pengujian PageSpeed kedua. Dengan kotak hijau yang bahagia, hasilnya menonjol dengan sendirinya:
Umpan Balik Waktu Respons Server Wawasan Kecepatan Halaman Google telah diperbaiki
Setelah migrasi kami, waktu respons server dikurangi menjadi 200 ms yang luar biasa dan kesalahan "Kurangi Waktu Respons Server" yang gelisah telah diselesaikan dengan tegas, semoga tidak pernah membuat pengembalian yang berbahaya.
Tentu saja, kita tidak bisa selalu menunjuk penyedia hosting, karena mereka tidak selalu menjadi sumber masalah. Terkadang Anda dapat menemukan waktu respons yang buruk, bahkan dari penyedia hosting web yang paling teladan dan apik. Sangat mungkin, situs web Anda telah melampaui perangkat keras sebelumnya, dan diam-diam menuntut agar Anda melengkapinya dengan teknologi superior. Jika demikian halnya, maka paket hosting Anda saat ini tidak lagi mampu menjalankan situs web Anda secara optimal.
Dalam kasus seperti itu, Anda hanya perlu memutakhirkan paket hosting WordPress Anda ke paket berikutnya yang lebih tinggi, atau bahkan opsi hosting yang sama sekali baru, dan jauh lebih kuat seperti dengan VPS . Tentu saja, jika Anda gagal untuk benar-benar melihat peningkatan dalam waktu respons server Anda setelah perubahan rencana, sudah pasti saatnya untuk mulai meneliti penyedia hosting yang unggul, dan kemudian beralih.
2. Instal Plugin Cache WordPress & Manfaatkan Cache Browser
Setelah meminimalkan waktu respons server, kami akan mengalihkan energi kami ke kesalahan berikutnya yang akan kami atasi, yang terkait dengan "caching" konten yang selalu penting. Google sendiri secara menyeluruh merekomendasikan caching konten statis situs WordPress Anda dan akibatnya memanfaatkan fasilitas caching browser Anda yang kuat. Caching konten statis dengan nyaman akan memberikan peningkatan kecepatan untuk situs WordPress Anda hingga 3 hingga 7 kali .
WordPress memiliki banyak plugin caching yang tidak hanya men-cache konten Anda, tetapi juga menawarkan integrasi CDN yang berguna, kompresi Gzip, minifikasi CSS/JavaScript, dan banyak fitur lainnya. Mengaktifkan cache browser tidaklah sulit, Anda hanya perlu menginstal dan mengonfigurasi plugin cache pilihan Anda dari dasbor WordPress Anda, sama seperti plugin WordPress lainnya.
Instal Plugin Caching & Aktifkan Caching Browser
Setelah pengujian ekstensif kami pada beberapa plugin Caching WordPress, ada tiga plugin yang menonjol dari paket pepatah lainnya. Ini adalah:
- #1 – Tembolok Total W3
- #2 – WP Super Cache
- #3 – WP Cache Tercepat
Sekarang, jika Anda tidak benar-benar ingin menginstal plugin WordPress karena alasan apa pun, Anda dapat mengaktifkan cache browser secara manual dengan menambahkan kode header Expires ke file .htaccess Anda.
Seperti yang kami sajikan untuk Anda di bawah ini, skor Google PageSpeed sebelum menginstal plugin caching WordPress adalah 64/100 yang remeh. Jika Anda mengikuti kami, ada cara terbaik untuk memperbaikinya sesuai kesalahan yang dibuat Google untuk ini skor buruk: 'Manfaatkan cache browser'!
Skor Wawasan Kecepatan Halaman Google Sebelum Mengaktifkan Plugin Caching]
Sekarang, jelas, itu tidak cukup baik, jadi kami memutuskan untuk menginstal plugin W3 Total Cache untuk kebutuhan caching konten kami. Setelah instalasi, kami dengan bersemangat menguji ulang kecepatan halaman dan hasilnya sangat bagus.
Setelah menginstal plugin caching W3 Total Cache
Skor Kecepatan Halaman Google : 83/100 (meningkat)
Alasan untuk peningkatan ini : Kesalahan caching browser leverage telah diperbaiki 95%.
Untuk mempercepat WordPress, plugin W3 Total Cache membantu dan dengan cerdas mengatur waktu kedaluwarsa untuk semua skrip internal ke durasi yang masuk akal. Misalnya, skrip CSS Anda akan di-cache selama 7 hari, gambar akan di-cache selama 30 hari, dan seterusnya. Setelah menyiapkan caching internal yang berguna ini, peringatan 'leverage browser caching' diperbaiki 95%.
Skor Wawasan Kecepatan Halaman Google Setelah Mengaktifkan Plugin Caching
95% kesalahan di bawah cache browser Leverage kemudian diperbaiki. Bagi mereka yang melacak, itu menyisakan 5% kesalahan yang masih ada. Sayangnya, ini disebabkan oleh skrip pihak ketiga seperti Facebook dan Twitter, di mana alat ini tidak dapat mengatur caching. Ada sedikit yang harus dilakukan tentang hal ini, karena Anda tidak mengontrol caching data pihak ketiga tersebut. Namun, tidak perlu khawatir, efeknya kemungkinan kecil, dan dengan demikian Anda tidak perlu terlalu khawatir untuk sepenuhnya mengatasi kesalahan "leverage browser caching".
3. Perkecil CSS & JavaScript
Minifikasi adalah kata yang lucu, tetapi tidak lain adalah penghapusan karakter yang tidak perlu dan boros dalam dokumen teks, seperti spasi putih, baris baru, komentar, dan pembatas blok dalam file HTML, JavaScript, dan CSS.
Agar jelas, karakter ini sangat meningkatkan file tersebut untuk keterbacaan manusia, tetapi sama sekali tidak diperlukan untuk diproses oleh komputer dan browser web. Penghapusan karakter yang tidak perlu dan kode yang berlebihan dapat sangat mempercepat WordPress dengan mengurangi ukuran halaman dengan jumlah kilobyte yang besar.
Di sini, kami menyajikan hasil kecepatan halaman WordPress yang menunjukkan kepada kami beberapa umpan balik tentang meminimalkan file CSS dan JS kami.
Peringatan Minifikasi Wawasan Kecepatan Halaman Google
Menurut hasil, dimungkinkan untuk lebih meningkatkan kecepatan kami dengan mengurangi jumlah panggilan ke CSS & JS dan dengan meminimalkan ukuran halamannya.
Plugin WordPress Teratas untuk Memperkecil CSS dan JavaScript
Untungnya, untuk WordPress, ada banyak plugin yang akan dengan cepat mengecilkan file CSS dan JavaScript Anda. Tercantum di bawah ini adalah lima plugin WordPress populer yang secara efektif akan menangani semua kebutuhan minifikasi Anda.
- #1 – WP Perkecil
- #2 – Optimalisasi otomatis
- #3 – WP Super Minify
- #4 – Perbaikan WP Minify
- #5 – WordPress Minify yang Lebih Baik
Plugin WP-Minify Memperkecil CSS, HTML & JS
Harap dicatat, bahwa meskipun beberapa plugin caching seperti W3 Total Cache & WP Fastest Cache menawarkan minifikasi sebagai fitur tambahan, kami memilih untuk menggunakan plugin WP Minify untuk melakukan minifikasi kami. Harap pastikan bahwa Anda hanya mengaktifkan satu (1) plugin minifikasi/opsi plugin yang aktif sekaligus. Jika tidak, kemungkinan besar Anda dapat mengalami berbagai konflik plugin yang tidak menentu, seperti antara cache total W3 dan WPMinify.
Sebelum memasang plugin Minifikasi apa pun
Skor Kecepatan Halaman Google: 83 / 100
Alasan untuk skor buruk ini: Perkecil CSS, JS, dan HTML
Umpan Balik Wawasan Kecepatan Halaman Google untuk JS dan CSS Minify
Setelah menginstal WP Minify, kami melakukan tes kecepatan halaman dan hasilnya adalah sebagai berikut.
Setelah menginstal plugin WP Minify
Skor Kecepatan Halaman Google: 84/100 (meningkat)
Alasan untuk peningkatan ini: Peringatan CSS dan JavaScript yang diperkecil telah diperbaiki.
Umpan Balik Wawasan Kecepatan Halaman Google Diperbaiki Oleh Plugin WP-Minify
Ini mungkin bukan perbedaan yang sangat besar, tetapi setiap bit penting. Terutama untuk perangkat seluler. Kadang-kadang, bahkan setelah menginstal plugin minifikasi Anda, peringatan ini mungkin tetap ada sebagian yang belum terselesaikan.
Dalam hal ini, alat PageSpeed itu sendiri mampu memberi Anda file CSS & JS yang sudah diperkecil. Anda dapat langsung mengunduh sumber daya JavaScript dan CSS yang dioptimalkan ini dan menggantinya di situs web WordPress Anda (Lihat kotak biru yang disorot di bagian bawah pada contoh di atas).
4. Optimalkan Gambar
Situs WordPress dengan gambar resolusi tinggi yang indah terlihat memukau, dan tidak diragukan lagi akan menarik perhatian lebih banyak pembaca daripada halaman WordPress berbasis teks tradisional. Tapi ada hal yang disayangkan – saat Anda mengunggah lebih banyak gambar, atau meningkatkan resolusi dan kualitasnya secara berlebihan, ukuran WordPress Anda hanya akan membengkak, yang pada akhirnya akan menyebabkan kecepatan situs web yang kurang bagus.
Untuk menghindari dan meminimalkan masalah ini dengan patuh, Anda harus mengoptimalkan gambar Anda sebelum melanjutkan untuk mempublikasikannya.
Alat Online Gratis untuk Mengoptimalkan Gambar
Ada berbagai alat online yang kuat, seperti Optimizilla atau Pengoptimal Gambar untuk mengoptimalkan gambar Anda tanpa mempengaruhi kualitasnya. Alat-alat ini sangat mudah – Anda mengunggah gambar Anda, memilih opsi mana saja yang relevan/diinginkan, dan kemudian mengunduh gambar yang dioptimalkan.
Kami sangat menyukai Optimizilla, karena Anda dapat mengoptimalkan 20 gambar sekaligus dan juga memilih rasio kompresi dan kualitas gambar pilihan Anda.
Plugin WordPress Teratas untuk Mengoptimalkan Gambar
WordPress memiliki banyak plugin yang secara otomatis akan mengoptimalkan gambar Anda saat Anda mengunggahnya. Berikut adalah rasa, dengan beberapa tercantum di bawah ini:
- WP Smush – #1 – Banyak digunakan dengan lebih dari 600.000+ unduhan
- #2 – Bayangkan Pengoptimal Gambar
- #3 – Optimus – Pengoptimal Gambar WordPress
- #4 – Pengoptimal Gambar ShortPixel
- #5 – Pengoptimal Gambar EWWW
- #6 – Pengoptimal Gambar CW
Kami menggunakan opsi yang paling populer, dan dengan demikian dari daftar ini, kami memilih plugin WP Smush, menginstalnya di WordPress dan melanjutkan untuk melakukan pengujian kinerja kami. Kembali ke alat Google yang berguna, hasil pengujian berikut diperoleh sebelum dan sesudah pengoptimalan gambar.
Sebelum memasang plugin Pengoptimalan Gambar apa pun
Skor Kecepatan Halaman Google: 84/100
Alasan skor buruk ini: Gambar tidak dioptimalkan.
Skor Wawasan Kecepatan Halaman Google Sebelum Mengoptimalkan Gambar
Kami menggunakan plugin WP Smush Image Optimizer untuk mengoptimalkan gambar blog secara otomatis.
Plugin WP-Smush Mengoptimalkan Gambar
Hasil pengujian setelah plugin WP Smush diaktifkan. Perhatikan bahwa peringatan yang berkaitan dengan pengoptimalan gambar telah hilang.
Setelah menginstal plugin WP Smush
Skor Kecepatan Halaman Google: 92/100 (meningkat)
Alasan peningkatan ini: Plugin WP Smush mengoptimalkan semua gambar.
Skor Wawasan Kecepatan Halaman Google Setelah Mengoptimalkan Gambar
Harap perhatikan bahwa Anda hanya diizinkan untuk 'menghancurkan' 50 gambar sekaligus dengan versi gratis WP Smush Image Optimizer. Sisa gambar dapat dihapus dari perpustakaan media WordPress seperti yang ditunjukkan pada layar di bawah ini.
Gambar Smush Dari Perpustakaan Media WordPress
Jika Anda masih menerima peringatan pengoptimalan gambar yang tidak menyenangkan, jangan terlalu stres. Alat Google PageSpeed membantu menyediakan versi gambar yang dioptimalkan juga. Anda dapat mengunduhnya seperti yang ditunjukkan pada langkah ke-3. Anda kemudian dapat memperbarui gambar-gambar ini dari perpustakaan Media DashBoard Anda atau sebagai alternatif memperbaruinya dari Manajer File akun Webhosting Anda. Selain itu, harap pastikan bahwa cache server web Anda dibersihkan jika Anda menggunakan alat caching pihak ketiga seperti Xvarnish. Jika Anda tidak melakukan ini, ada kemungkinan bahwa Google akan terus menampilkan gambar kuno bahkan setelah pengoptimalan Anda yang melelahkan.
5. Aktifkan Kompresi Gzip
Saat pengunjung menelusuri situs WordPress Anda, browser mereka mengunduh halaman web dan melanjutkan untuk merender konten. Ini sering tidak terkompresi, dan jika halaman WordPress Anda berukuran raksasa karena elemen yang diperlukan dan kaya yang mereka sertakan, itu tentu dan sayangnya akan meningkatkan waktu pemuatan halaman.
Ada cara praktis untuk mengatasi hal ini: dengan mengaktifkan kompresi Gzip cerdas, Anda dapat mengurangi ukuran respons yang ditransfer dari server ke browser klien. Ini akan sangat mengurangi detik yang diperlukan untuk mengunduh sumber daya, meminimalkan penggunaan data, dan meningkatkan kecepatan rendering situs WordPress Anda yang indah di dalam browser klien Anda.
Menggunakan kompresi Gzip, ukuran total halaman Anda dapat dikurangi dengan menakjubkan 50% sampai 70% untuk klien Anda, yang, tidak mengejutkan, akan berfungsi untuk meningkatkan kecepatan blog WordPress Anda. Tentu saja, ketika Gzip tidak diaktifkan, alat PageSpeed Insight Google akan mencatat ini, dan memperingatkan Anda untuk mengaktifkan kompresi.
1. Mengaktifkan Kompresi Gzip Menggunakan Plugin W3 Total Cache
Ada plugin WordPress untuk sebagian besar tugas, dan kompresi Gzip tidak terkecuali. Plugin caching yang sangat populer, adalah plugin W3 Total Cache yang disebutkan sebelumnya, yang memungkinkan Anda untuk meng-gzip situs web WordPress Anda. Untuk mengaktifkan kompresi Gzip, masuk ke Dasbor WordPress Anda, pergi ke Performance → Browser Cache, dan beri tanda centang di dalam kotak centang berjudul 'Enable HTTP (Gzip) Compression'.
Aktifkan Kompresi GZIP HTTP Menggunakan Plugin W3 Total Cache
2. Mengaktifkan Kompresi Gzip melalui .htaccess
Selain itu, Anda juga dapat mengaktifkan kompresi Gzip dengan menambahkan kode kompresi Gzip ke file .htaccess Anda.
3. Mengaktifkan Kompresi Gzip melalui Plugin Kompresi
Untuk plugin khusus, instal salah satu plugin WordPress berikut untuk mengaktifkan kompresi Gzip.
- Kompresi Kecepatan Ninja GZip – #1
- Penambah Kecepatan Tingkat Lanjut – #2
- Periksa dan Aktifkan kompresi GZIP – #3
Plugin ini menambahkan aturan kompresi Gzip di file .htaccess Anda menggunakan modul mod_deflate secara otomatis, sehingga Anda tidak perlu susah payah masuk ke dalam file ini sendiri untuk mengubahnya.
Untuk cara terbaik untuk menentukan apakah kompresi Gzip diaktifkan di situs web Anda atau tidak, Anda dapat menguji situs web Anda di sini. Alat yang selalu berguna ini secara konkret dapat menunjukkan kepada Anda berapa banyak byte yang berharga (dan dengan demikian kecepatan rendering dan bandwidth) yang disimpan dengan mengaktifkan kompresi Gzip. Lihat contoh tangkapan layar di bawah ini untuk ilustrasi luar biasa tentang berapa banyak byte yang kami simpan dan hemat di situs web pengujian kami.
Situs Uji Kompresi URL
Mengaktifkan kompresi Gzip dengan salah satu metode di atas akan memperbaiki rekomendasi Google PageSpeed Insights menjadi 'Aktifkan Kompresi'.
Sebelum menginstal plugin Kompresi apa pun
Skor Kecepatan Halaman Google: 92/100
Alasan peringatan ini: Kompresi tidak diaktifkan.
Untuk contoh ini, kami mengaktifkan Gzip Compression melalui plugin W3 Total Cache, dan dengan demikian Anda dapat mencatat bahwa peringatan Enable Compression sekarang telah dihapus, dengan hasil di bawah ini.
Setelah menginstal plugin W3 Total Cache untuk kompresi
Skor Kecepatan Halaman Google: 92/100
Alasan peningkatan ini: Peringatan Aktifkan Kompresi teratasi.
Skor Wawasan Kecepatan Halaman Google Setelah Mengaktifkan Kompresi GZIP
Memperbaiki Peringatan Konten Di Atas Lipat
Meskipun mencapai skor kinerja yang cukup terhormat 92/100, halaman Google PageSpeed Insights masih menunjukkan peringatan bahwa kami perlu memperbaiki JavaScript dan CSS yang memblokir render di paruh atas. Tentu saja, semuanya penting, dan kami tidak bermaksud berhenti di sini, jadi kami melanjutkan dan memutuskan untuk memperbaikinya juga. Mari kita lanjutkan, dan lihat bagaimana kami berhasil memperbaiki peringatan ini untuk blog WordPress pengujian kami.
Menghilangkan Render Blocking JavaScript Di Paro Atas
Untuk ini, kami menggunakan plugin WordPress Async JavaScript plugin, dan kemudian melanjutkan untuk mengubah pengaturan, seperti yang ditunjukkan pada tangkapan layar berikutnya. Plugin ini menambahkan atribut 'async' atau 'defer' ke setiap JavaScript yang dimuat oleh fungsi wp_enqueue_script WordPress.
Hilangkan Render Blocking JavaScript dan CSS di Di Atas Lipat Peringatan Konten Tetap
Sekarang, Anda bahkan tidak perlu menggunakan plugin. Jika Anda ingin menghindari memuat plugin lain, Anda cukup menambahkan kode berikut ke file functions.php Anda.
/*Add async to all scripts*/
function js_async_attr($tag)
{
# Add async to all remaining scripts
return str_replace( ' src', ' async="async" src', $tag );
}
add_filter( 'script_loader_tag', 'js_async_attr', 10 );
Sekarang, untuk memperbaiki peringatan yang sama untuk CSS kami, kami menggunakan plugin WordPress yang disebut Autoptimize. Setelah menginstal plugin ini, buka Settings → Autotomize . Di Pengaturan Optimalisasi, klik tombol 'tampilkan pengaturan lanjutan' yang terletak di sudut kanan atas. Harap pastikan bahwa 'minify' tidak aktif dengan W3 Total Cache atau WPminify karena dapat menimbulkan konflik yang membuat frustrasi dengan Autoptimzer.
Setelah pengaturan lanjutan diisi dan diubah, gulir ke bawah ke bagian Opsi CSS. Centang kotak Inline and Defer CSS, rekatkan kode CSS flip (URL yang disarankan oleh Google Page Insight Tool di bawah bagian "Hapus pemblokiran render", Buka setiap URL di browser dan ambil kode .css flip), dan klik ' Tombol Simpan Perubahan dan Kosongkan Cache.
Hilangkan Render Blocking JavaScript dan CSS di Di Atas Lipat Peringatan Konten Tetap
Setelah melakukan langkah-langkah ini dengan cermat, Anda akan dapat melihat alat Google tanpa menyebutkan peringatan apa pun tentang pemblokiran render paro atas semacam itu.
Setelah menginstal plugin Async JavaScript & Autoptimize
Skor Kecepatan Halaman Google: 100/100
Alasan peningkatan ini: Memperbaiki Hapus JavaScript dan CSS yang memblokir Render dalam peringatan Konten Paro Atas.
Semua Peringatan Diperbaiki Untuk Desktop
Semua Peringatan Diperbaiki Untuk Seluler
Ingat, Google PageSpeed Insights adalah alat kinerja yang selalu berguna yang membantu Anda mengidentifikasi banyak cara yang dapat Anda upayakan untuk mengoptimalkan situs web Anda. Namun, jarang sekali mengembangkan obsesi untuk mencetak nilai sempurna 100/100 , karena beberapa skenario pada dasarnya tidak dapat diperbaiki.
6. Pastikan Untuk Mengosongkan Sampah dan Mengoptimalkan Basis Data WordPress
Penggunaan WordPress yang berkepanjangan membawa serta database yang mungkin berisi volume data yang tidak banyak Anda gunakan. Misalnya, setiap kali Anda menyimpan posting atau halaman baru, WordPress dengan senang hati akan membuat revisi posting atau halaman tersebut dan kemudian menyimpannya di dalam database yang terus berkembang.
Misalnya, jika Anda mengedit posting 10 kali, Anda mungkin memiliki 9 salinan terpisah dari posting yang disimpan sebagai revisi. Meskipun terkadang membantu, akumulasi data ini dengan cepat menambahkan sejumlah besar data yang jarang diakses ke tabel database Anda yang berderit, yang tidak perlu membengkak dan menyebabkan akses ke tabel tersebut menjadi lambat.
Dengan penghapusan revisi yang tidak diinginkan, draf, komentar yang dimoderasi, halaman/posting sampah, komentar spam, komentar sampah, meta postingan yatim piatu, dan data lain yang tidak perlu, Anda dapat mempertahankan database yang ramping, bersih, dioptimalkan, dan aman. Ini sepadan dengan masalahnya, karena dengan tindakan sederhana untuk mengoptimalkan basis data Anda, Anda akan meningkatkan kecepatan situs web Anda dan yang terpenting, efisiensinya.
Optimalkan Database WordPress Menggunakan WP-Optimize
Plugin WordPress Teratas untuk Mengoptimalkan Basis Data
Tercantum di bawah ini adalah contoh pilihan plugin WordPress favorit yang digunakan untuk mengoptimalkan database WordPress.
- WP-Optimalkan – #1
- WP-Sapu – #2
- Pembersih Database Tingkat Lanjut – #3
- Optimalkan Database setelah Menghapus Revisi
Plugin ini menghapus semua kerusakan yang tidak diinginkan dari database WordPress Anda dan melakukan kueri pengoptimalan database MySQL umum tanpa mengakses PHPMyAdmin.
Beberapa plugin semacam itu, seperti dalam kasus WP-DB Manager memungkinkan Anda menjadwalkan tanggal untuk pengoptimalan basis data yang teratur dan konsisten. Selalu pastikan Anda mengambil cadangan basis data sebelum mengizinkan plugin apa pun untuk menyentuh atau mengoptimalkan basis data Anda!
7. Gunakan Jaringan Pengiriman Konten
CDN Jaringan Pengiriman Konten) adalah sekelompok server yang terdistribusi secara geografis yang mengirimkan konten statis secara cepat kepada pengunjung, dari server terdekat yang tersedia dan terkait. Lebih jelas lagi, ketika pengunjung menelusuri situs web Anda, CDN Anda akan memilih server terdekat untuk mengirimkan konten statis (gambar, CSS, Perpustakaan, dan file JavaScript) yang digunakan di situs web Anda.
CDN yang mahir juga mempromosikan pemuatan halaman yang lebih cepat, akibatnya meningkatkan peringkat halaman Google Anda, karena situs web berkinerja buruk yang memuat dengan lambat secara signifikan dihukum oleh algoritme peringkat dari mesin pencari paling populer.
Untungnya, menyiapkan CDN untuk bekerja dengan WordPress sangatlah mudah. Memang bisa diselesaikan dalam waktu 5 menit (!), menggunakan plugin caching seperti W3 Total Cache. Jika Anda ingin mengintegrasikan CDN dengan situs WordPress Anda, harap perhatikan Tutorial kami yang ramah dan berpengetahuan .
Tentu saja, untuk menggambarkan manfaat CDN untuk situs WordPress Anda, kami harus melakukan tes cepat di lab hi-tech kami untuk Anda.
Waktu Respons rata-rata sebelum mengaktifkan CDN apa pun di situs WordPress kami adalah 124.721 ms.
Waktu Respons Situs WordPress Sebelum Mengaktifkan CDN
Setelah mengaktifkan CDN di situs WordPress, waktu respons berkurang menjadi 26.346 ms.
Waktu Respons Situs WordPress Setelah Mengaktifkan CDN
8. Kurangi Revisi Postingan dan Nonaktifkan Trackback & Pingback
Mengurangi Revisi Posting
Sistem Revisi WordPress dirancang untuk menyimpan catatan setiap draf yang disimpan atau pembaruan yang diterbitkan. Meskipun cukup berguna (bagaimanapun juga, ini memungkinkan Anda untuk menelusuri versi artikel Anda sebelumnya dan mengembalikannya jika perlu), ini dapat sangat meningkatkan ukuran dan volume database WordPress apa pun.
Misalnya, katakanlah artikel Anda telah melewati 10 revisi , maka Sistem Revisi WordPress akan menyimpan setiap revisi ini dalam databasenya yang akan menggelembungkan jejak datanya sebanyak 10 kali .
Secara default, WordPress akan terus menyimpan jumlah revisi yang tidak terbatas dan tidak terbatas, tetapi Anda harus dan memang dapat membatasinya ke nilai yang lebih praktis secara drastis (katakanlah 4 hingga 5). Untuk mencapai ini, cukup tambahkan kode berikut ke file wp-config.php Anda.
define( 'WP_POST_REVISIONS', 5 );
Daftar Revisi Posting
Jika Anda ingin sepenuhnya menonaktifkan sistem revisi posting WordPress, maka cukup lanjutkan dengan menambahkan kode satu baris berikut di file wp-config.php.
define( 'WP_POST_REVISIONS', false );
Harap dicatat bahwa revisi posting WordPress sangat berguna untuk blogger, jadi kami tidak menyarankan Anda untuk menonaktifkannya sepenuhnya. Untuk ketenangan pikiran Anda, pastikan Anda selalu menyimpan beberapa revisi dari pekerjaan Anda.
Menonaktifkan Trackback & Pingback
Setiap kali blog atau situs web lain menautkan ke situs web Anda, Anda akan menerima pemberitahuan, yang kemudian memperbarui basis data untuk pos tertentu, yang pada akhirnya mengacaukan sumber daya server Anda.
Jika Anda tidak menginginkannya, maka Trackback dan Pingback dapat dinonaktifkan dari Pengaturan Diskusi WordPress. Setelah masuk ke Dasbor WordPress, lanjutkan ke Pengaturan → Diskusi, lalu hapus centang pada dua kotak centang pertama seperti yang ditunjukkan pada gambar di bawah.
Menonaktifkan Pingback dan Trackback
9. Pisahkan Komentar & Posting Panjang Menjadi Halaman
Tanpa pertanyaan, itu memang kebetulan untuk mengumpulkan audiens yang terlibat yang berkomentar secara massal di blog Anda. Sayangnya, aktivitas tersebut menghasilkan potensi efek buruk: memuat komentar tersebut dapat secara dramatis memperlambat kecepatan memuat situs web Anda.
WordPress telah membantu memasukkan fitur berjudul 'break comments' untuk memperbaikinya. Cukup buka halaman Pengaturan → Diskusi admin dan centang kotak yang berjudul 'pecahkan komentar ke dalam halaman'.
Bagi Komentar Menjadi Halaman
Jika posting Anda terdiri dari traktat prosa yang berkepanjangan, dikombinasikan dengan penggunaan gambar-gambar cantik yang berlebihan, kecepatan pemuatan situs web Anda mungkin terganggu. Ada solusi sederhana dan efektif: pisahkan posting sial ini menjadi halaman terpisah.
Cukup tambahkan cuplikan kode berikut di titik mana pun Anda menginginkan pemisahan halaman. Harap pastikan bahwa Anda menambahkan baris kode ini dalam mode Teks daripada mode Visual.
<!--nextpage-->
Semua konten yang ditambahkan di bawah < !–nextpage–>, akan muncul di halaman berikutnya dari posting, dan di akhir halaman, Anda akan melihat tautan pagination seperti yang ditunjukkan di bawah ini.
Opsi Halaman Berikutnya
10. Jangan Unggah Video Langsung ke WordPress
Mengunggah konten video secara langsung dapat menguras potensi bandwidth ke situs web Anda. Penyedia Hosting Web Anda mungkin akan mengenakan biaya tambahan untuk penggunaan tersebut, oleh karena itu, Anda memiliki satu alasan bagus untuk menghindari melakukan tindakan tersebut.
Kedua, video panjang atau resolusi tinggi dapat meningkatkan ukuran cadangan Anda secara kolosal, yang mengarah ke situasi di mana memulihkan situs web Anda dari cadangan dapat menjadi tugas yang jauh lebih sulit.
Karena Anda mungkin tidak menginginkan skenario di atas, Anda dapat langsung mengunggah video Anda ke salah satu penyedia hosting video populer berikut, dan selanjutnya, menggunakan tautan tersemat.
- Youtube
- Vimeo
- Flickr
- Gerakan Harian
Menyematkan video YouTube di WordPress untungnya sangat sederhana. Pertama, cukup temukan video yang ingin Anda sematkan dari YouTube. Kemudian, klik tautan Bagikan dan salin URL video yang relevan.
Salin URL Video Dari YouTube
Terakhir, tempelkan URL video langsung ke postingan Anda dan klik tombol Perbarui, sematkan secara otomatis.
Tempel URL Video YouTube di Postingan WodPress
Kesimpulan
Kami telah membuat daftar 10 tweak paling efektif dan populer untuk melepaskan potensi kecepatan situs web WordPress Anda. Peneliti rajin kami yang bekerja di laboratorium mereka, dalam pandangan kami, telah membuktikan bahwa penerapan tweak yang efektif dapat secara dramatis meningkatkan kecepatan pemuatan situs web WordPress Anda. Jika Anda pernah menemukan instalasi WordPress yang tampaknya bergerak secepat siput mengambil cuti kerja, Anda akan memiliki tips praktis ini untuk memperbaiki dan meningkatkan skor kecepatan halaman.
Grafik cantik berikut mewakili skor Google PageSpeed setelah setiap tweak yang kami terapkan di blog WordPress.
Skor Halaman Google Vs. Tweak WordPress
Apakah Anda mengetahui cara alternatif dan efektif untuk mempercepat situs WordPress dan meningkatkan waktu pemuatannya? Apa pun sangat berharga, terutama ketika milidetik bisa berarti bagi pelanggan. Silakan bagikan ide performans dengan kami di bagian komentar berikut!
Should you require our aid to improve the PageSpeed score of your WordPress website, please also drop your website name in the comment section and we will endeavor to get back to you.