15 Tips Optimasi Kecepatan WordPress Untuk Membuat Situs Anda Berkobar Cepat (Yang Sama Saya Gunakan Untuk Mendapatkan 100% Skor Kecepatan PageSpeed ​​Di GTmetrix)

Tips Optimasi Kecepatan WordPress


Mencari beberapa tips kecepatan WordPress yang mengagumkan?

Ini adalah tips yang sama yang saya gunakan untuk mendapatkan skor GTmetrix 100% di beranda dan <2s memuat kali di hampir setiap posting saya. Anda akan belajar semuanya dari mengoptimalkan plugin, gambar, waktu respons server, CDN, dan sumber daya eksternal seperti Google Fonts dan video YouTube.

Gunakan GTmetrix sebagai alat pilihan Anda.
Ini memberi waktu pemuatan yang akurat dan memiliki rekomendasi luas seperti gambar mana yang perlu dioptimalkan, plugin mana yang memperlambat situs WordPress Anda, waktu untuk byte pertama, CDN, dll.

Google PageSpeed ​​Insights hanya baik untuk mengukur waktu respons server yang seharusnya <200 ms. Jika tidak, ini sangat tidak berguna dan ada banyak artikel yang menjelaskan alasannya.

Pingdom adalah alat paling akurat untuk mengukur waktu muat, tetapi rekomendasinya tidak sebesar GTmetrix. (misalnya, itu tidak mengatakan gambar spesifik mana yang perlu dioptimalkan).

Posting ini yang Anda baca memiliki ukuran halaman 1,61MB, 69 permintaan, dan masih memuat sekitar 1s:

Tips Optimasi Kecepatan WordPress Laporan GTmetrix

Jika Anda memiliki pertanyaan atau butuh bantuan, kirimkan komentar atau Anda juga dapat menyewa pengoptimal kecepatan WordPress saya untuk membantu Anda meningkatkan skor + memuat kali dengan sebelum + setelah laporan GTmetrix.

1. Hindari Plugin CPU yang Dikenal Tinggi

“Ini bukan jumlah plugin, ini kualitasnya,” kata semua orang

Jika Anda menggunakan salah satu plugin lambat ini, pertimbangkan untuk menggantinya dengan alternatif yang lebih cepat.

* Plugin WordPress paling lambat termasuk berbagi sosial, statistik (analitik), slider, portofolio, pembangun halaman, kalender, obrolan, formulir kontak, pos terkait, peta situs, Wordfence, WPML, WooCommerce, dan plugin apa pun yang menjalankan pemindaian atau proses yang sedang berlangsung. Ini dapat diidentifikasi menggunakan Monitor Query atau Air Terjun GTmetrix.

  1. Tambahkan ini
  2. Pemantauan Penipuan Klik AdSense
  3. Kalender Acara All-In-One
  4. Sobat Cadangan
  5. Pembuat Beaver
  6. WordPress Google XML Sitemaps yang lebih baik
  7. Pemeriksa Tautan Rusak (gunakan Pemeriksaan Tautan Dr.)
  8. Kontak Konstan untuk WordPress
  9. Formulir Kontak 7
  10. Posting Terkait Kontekstual
  11. Tautan Otomatis Digi
  12. Sistem Komentar Disqus
  13. Divi Builder
  14. Kotak Esensial
  15. Obrolan Facebook
  16. Galeri Mewah
  17. Penguat SEO Fuzzy
  18. Google Analytics
  19. Penerjemah Bahasa Google
  20. Lihat Daftar Lengkap 65 Plugin Lambat

Cara Menemukan Plugin Terlambat Anda
Anda dapat menggunakan Query Monitor, atau membaca laporan GTmetrix Anda untuk melihat apakah plugin yang sama ditampilkan beberapa kali di tab PageSpeed ​​dan YSlow Anda. Periksa juga Air Terjun:

Plugin WordPress Lambat

2. Jangan Biarkan Plugin Berjalan Di Setiap Halaman

Pembersihan Aset memungkinkan Anda secara selektif menonaktifkan plugins + script dari memuat konten tertentu. Misalnya, Anda dapat menonaktifkan formulir kontak dan plugin cuplikan kaya dari memuat konten yang tidak mereka perlihatkan. Atau nonaktifkan plugin pemasaran afiliasi Anda dari memuat di halaman.

Ini menghilangkan permintaan yang tidak perlu dan mengurangi waktu muat. Pembersihan Aset juga lebih mudah digunakan daripada Plugin Organizer dan plugins lain dengan fungsi yang sama. Saya sangat merekomendasikannya.

Pembersihan Selektif Aset Nonaktifkan

3. Gunakan Plugin Cache Nilai Tertinggi

Plugin cache mana yang terbaik? Lihatlah jajak pendapat Facebook ini:

WP Rocket biasanya # 1 karena hadir dengan banyak fitur yang tidak dimiliki kebanyakan plugin cache (pembersihan basis data, pemuatan gambar + video yang malas, font lokal + analitik, pengambilan awal, integrasi CDN) yang mengapa biasanya menghasilkan skor yang lebih baik + waktu muat daripada plugin cache lainnya.

Itu juga berarti jika Anda menggunakan sebagian besar plugin cache lainnya, Anda perlu menginstal sekitar 6 plugin tambahan, ketika WP Rocket memiliki semuanya ini. Jika Anda menyukai saya, Anda hanya memiliki 1 plugin.

Jajak pendapat plugin cache terbaik

Jajak pendapat plugin cache 2019

Swift vs WP Rocket

Jajak pendapat plugin cache 2016

Plugin cache terbaik pada polling 2018

wp rocket vs w3 totla cache

Fitur WP Rocket Tidak Termasuk Dengan Kebanyakan Cache Plugin:

  • Pembersihan Database: bawaan untuk WP Rocket, atau gunakan WP-Optimize.
  • Pemuatan Malas: bawaan untuk WP Rocket, atau gunakan WP YouTube Lyte.
  • Kontrol Detak Jantung: bawaan untuk WP Rocket, atau gunakan Heartbeat Control.
  • Google Analytics lokal: bawaan untuk WP Rocket, atau gunakan CAOS Analytics.
  • Font Google Lokal: bawaan untuk WP Rocket, atau gunakan OMGF atau SHGF.
  • Prefetch Permintaan DNS: bawaan untuk WP Rocket, atau gunakan Petunjuk Sumber Daya Pre * Party.
  • Caching Peramban Pixel Facebook: bawaan untuk WP Rocket (tidak ada plugin lain yang melakukan ini).
  • CDN: bawaan untuk WP Rocket (baik Cloudflare + beberapa CDN), atau menggunakan CDN Enabler.

Swift Performance Lite juga bagus, tetapi lebih sulit untuk dipasang dan Anda mungkin tidak akan mendapatkan hasil yang sama seperti WP Rocket. Tetapi Swift memang datang dengan pengatur plugin yang bermanfaat.

4. Tingkatkan Ke PHP 7.3

Memutakhirkan ke versi PHP yang lebih tinggi adalah hal yang paling mudah dan dapat membuat situs Anda 2-3x lebih cepat.

Yang harus Anda lakukan adalah masuk ke akun hosting Anda, cari pengelola versi PHP, dan pastikan Anda menggunakan versi terbaru (periksa situs web Anda setelahnya). Beberapa host lebih cepat untuk merilis versi PHP yang lebih baru daripada yang lain, alasan lain mengapa Anda harus menghindari GoDaddy, Bluehost, dan HostGator (keduanya terlambat merilis PHP 7.2 dan kemungkinan akan terjebak di sana untuk sementara waktu).

Pembaruan PHP

Anda dapat menggunakan Tampilkan plugin Versi PHP untuk memeriksa versi PHP Anda saat ini.

Tampilan-PHP

5. Optimalkan Skrip Eksternal

Skrip eksternal bisa apa saja di situs web Anda yang membuat permintaan eksternal dari situs luar. Sematan sangat umum (video tersemat, kode Github, posting pekerjaan, bahkan GIF).

Beberapa skrip dapat dioptimalkan (hosting font + kode pelacakan analytics secara lokal), malas memuat video, atau bahkan cara pintar seperti mengambil tangkapan layar dari posting Twitter alih-alih menyematkannya. Anda bahkan dapat mencoba caching Gravatar menggunakan plugin atau menggunakan Disqus beban bersyarat atau Perfmatters (dibuat oleh Kinsta) untuk mengoptimalkan skrip, gaya, dan fragmen gerobak WooCommerce.

Skrip eksternal lain hampir mustahil untuk dioptimalkan. Saya belum pernah melihat situs dengan AdSense memiliki laporan GTmetrix yang layak. Plugin social sharing dan commenting CPU yang tinggi akan selalu memperlambat situs Anda (ini terkait dengan pemilihan plugins yang ringan). Saran saya – optimalkan yang Anda bisa, cobalah untuk menghindari sisanya, dan apa pun yang tersisa, pastikan Anda mengambil daftar ini dari domain umum untuk prefetch menggunakan WP Rocket. Tapi, hindari skrip eksternal kapan pun Anda bisa.

Skrip Eksternal di GTmetrix

Google Fonts
Anda dapat meng-host font secara lokal menggunakan WP Rocket, OMGF, atau Self-Hosted Google Fonts. Asset Manager dan Autoptimize juga memiliki opsi untuk ini. Tetapi cara terbaik untuk mengoptimalkan font adalah meng-host font secara lokal. Buka situs web Google Fonts dan unduh semua font yang Anda gunakan (seminimal mungkin dengan font dan bobot). Selanjutnya, konversikan font menjadi file font web menggunakan Transfonter. Unggah file font web ke folder wp-upload, dan tambahkan font khusus ke CSS.

Google Analytics
WP Rocket, CAOS Analytics, dan plugin Google Analytics untuk WordPress Lokal akan memperbaiki kesalahan “leverage caching browser” di GTmetrix saat menggunakan Google Analytics. Saya menggunakan WP Rocket.

Google AdSense
Memuat Google AdSense secara tidak sinkron dan Cloudflare Rocket Loader dapat membantu mengoptimalkan Google AdSense, tetapi ini adalah pembunuh GTmetrix terbesar dari semuanya. Ini pada dasarnya adalah perdagangan untuk monetisasi atas kinerja, dan ada sedikit yang dapat Anda lakukan untuk membuat AdSense memuat lebih cepat.

Video YouTube Tertanam
Jika Anda menggunakan WP Rocket, mereka memiliki opsi untuk malas memuat video dan mengganti iframe dengan gambar pratinjau (membuatnya jadi video hanya dimuat setelah orang mengeklik tombol putar). Jika Anda tidak menggunakan WP Rocket, WP YouTube Lyte adalah alternatif yang baik. Ini dapat mencukur beberapa detik dari waktu muat awal Anda dan mudah. Banyak video yang disematkan dapat memakan waktu lebih dari 2 detik.

Tweet Tertanam, Facebook, Dan Posting Instagram
Jika Anda menyematkan posting di situs web Anda, pertimbangkan untuk mengambil tangkapan layar dan menggantinya dengan gambar (lihat contoh pengurangan waktu respons server). Saya menggunakan tata letak 2 kolom dan mengambil tangkapan layar jajak pendapat Facebook. Sekarang, mereka tidak perlu menarik permintaan dari Facebook.

Gravatar
Jika Anda memiliki banyak komentar di blog Anda, Anda mungkin tahu berapa banyak Gravatar dan bahkan beberapa plugin komentar dapat memperlambat situs Anda. Saya memutuskan untuk menonaktifkan Gravatar karena saya pilih-pilih tentang waktu memuat saya, tetapi Anda juga dapat mencoba cache Harrys, FV, dan Optimum Gravatar. Tidak satu pun dari plugin itu yang bekerja untuk saya. Pilihan Anda yang lain adalah untuk memecah atau menyembunyikan komentar.

Plugin Berbagi Sosial
Tombol berbagi sosial menarik permintaan eksternal dari Facebook, Twitter, dan jejaring sosial lainnya. Jika plugin Anda memiliki opsi untuk memperbarui “like counts”, Anda dapat menyesuaikannya sehingga tidak sering diperbarui. Kalau tidak, saya sarankan salah satu plugin berbagi sosial yang ringan ini:

6. Sajikan Gambar Skala

Melayani gambar berskala berarti Anda perlu mengubah ukuran gambar besar menjadi lebih kecil.

GTmetrix memberi tahu Anda gambar mana yang terlalu besar dan ukuran yang benar untuk ukurannya. Yang harus Anda lakukan adalah mengubah ukurannya lalu ganti gambar lama dengan yang baru.

Sajikan Gambar Skala

Sebaiknya buat lembar contekan dimensi gambar agar Anda tahu dimensi semua gambar yang berbeda. Misalnya, bilah geser Anda mungkin 1024 x 400px sedangkan gambar widget Anda 300 x 300px, atau gambar blog fullwidth Anda mungkin lebarnya 680px (seperti milik saya). Jadi sebelum saya membuat gambar apa pun, saya tahu itu harus diubah ukurannya ke dimensi itu agar dapat dimuat dengan cepat.

Contoh Cheat Dimensi Gambar:

  • Logo: 300 x 100px
  • Slider: 1024 x 400px
  • Widget: 300 x 300px
  • Gambar posting yang ditampilkan: 350 x 350px
  • Gambar blog fullwidth: 680px (lebar)

Jika Anda telah menyajikan kesalahan gambar skala, Anda harus memperbaikinya secara manual tanpa plugin. Tapi begitu Anda terbiasa dengan ukuran gambar Anda dengan benar, Anda seharusnya tidak pernah memiliki kesalahan itu lagi.

7. Kompres Gambar

ShortPixel, Imagify, dan Smush adalah 3 plugin teratas untuk ini.

Instal salah satu plugin itu (saya menggunakan ShortPixel), mendaftar dengan kunci API, lalu kompres massal semua gambar di situs Anda. Tentu saja, Anda harus memeriksa pengaturan Anda, menguji beberapa gambar, dan membuat cadangan gambar Anda sebelum mengoptimalkan massal. Bahkan jika plugin mengatakan “lossless” hampir selalu ada penurunan kualitas yang kecil. Ini adalah dilema fotografer – jika kecepatan lebih penting, lakukanlah. Jika tidak, jangan!

Pengaturan ShortPixel

8. Siapkan CDN Cloudflare

Tidak ada alasan untuk tidak menggunakan CDN gratis Cloudflare.

Host situs web Anda di 200+ pusat data, membuatnya lebih aman, dan memiliki banyak fitur di dalam dashboard mereka. Jika Anda belum memasang Cloudflare dan mengubah server nama, saya akan melakukannya.

Pusat Data Cloudflare

Jika Anda sudah memiliki Cloudflare, berikut beberapa optimasi kecepatan ekstra:

  • Setup Page Rules untuk menghemat bandwidth dan mengamankan wp-admin Anda
  • Konfigurasikan pengaturan kecepatan Cloudflare untuk mendapatkan yang terbaik dari layanan mereka
  • Aktifkan Perlindungan Hotlink untuk mencegah orang menggunakan bandwidth gambar
  • Biarkan plugin cache Anda menangani minifikasi, lalu nonaktifkan di Cloudflare

9. Pertimbangkan Beberapa CDN

Banyak CDN = lebih banyak pusat data = pengiriman konten Anda lebih cepat.

Banyak CDN

Saya menggunakan keduanya Cloudflare dan StackPath. Situs web yang lebih kecil seharusnya baik-baik saja hanya dengan Cloudflare, tetapi jika Anda serius tentang kecepatan, saya akan mempertimbangkan CDN tambahan. StackPath memiliki dukungan yang sangat baik dan mereka akan membantu mengonfigurasi pengaturan optimal jika diminta. KeyCDN juga bagus.

Dengan CDN lain selain Cloudflare, mereka akan menghasilkan URL CDN yang akan Anda tempelkan ke plugin cache Anda (kebanyakan plugin cache memiliki bidang URL CDN) atau menggunakan plugin CDN Enabler.

10. Buat Plugin Muat Lebih Cepat

Kita semua tahu plugin dapat menghancurkan skor GTmetrix, jadi inilah beberapa tips untuk mengoptimalkannya.

  • Hindari plugin CPU yang tinggi: hindari daftar plugin yang lambat ini. Plugin lambat umum termasuk plugin berbagi sosial, portofolio, slider, statistik, cadangan, dan lainnya.
  • Ganti plugin CPU yang tinggi dengan plugin yang lebih cepat: beberapa penelitian akan diperlukan, tetapi gantilah salah satu plugin CPU Anda yang tinggi dengan plugin yang lebih cepat dan lebih ringan.
  • Hapus plugin yang tidak Anda butuhkan: dapatkah Anda mengganti plugin dengan kode (mis. menyisipkan kode pelacakan GA secara langsung, menggunakan widget Facebook alih-alih plugin, atau membuat daftar isi dalam HTML + CSS? Setiap plugin yang dapat Anda ganti dengan kode, lakukan itu.
  • Jangan gunakan JetPack untuk beberapa modul: pertama, nonaktifkan semua modul yang saat ini tidak Anda gunakan dalam pengaturan debug. Selanjutnya, apakah Anda benar-benar membutuhkan JetPack jika Anda hanya menggunakannya untuk beberapa hal? Itu terkenal karena memperlambat situs. Anda bertaruh menemukan plugin yang tidak kembung yang hanya melakukan fungsi yang sama.
  • Temukan plugin Anda yang paling lambat: gunakan tab Air Terjun GTmetrix atau Monitor Kueri (tab kueri menurut komponen) untuk melihat plugin Anda yang paling lambat. Jika sebuah plugin ditampilkan berulang kali dalam laporan PageSpeed ​​+ YSlow Anda, itu mungkin juga sebuah indikator.

11. Batasi Revisi Posting + Autosave

Secara default, WordPress secara otomatis menyimpan setiap revisi pos, dan juga terus-menerus menyimpan konsep saat mengeditnya. Menyimpan draf dapat menjadi pemborosan sumber daya server, dan menyimpan ribuan revisi pos dapat menggembungkan basis data Anda, jadi kami setidaknya akan mengubah pengaturan ini.

Tambahkan ini ke wp-config.php Anda:

define (‘AUTOSAVE_INTERVAL’, 60 * 60 * 60 * 24 * 365); // Tetapkan interval penyimpanan otomatis ke 1x per tahun
define (‘WP_POST_REVISIONS’, 3);

Anda juga dapat menonaktifkan autosave dan membatasi revisi posting menggunakan Perfmatters atau Clearfy.

Pengaturan Optimalisasi Perfmatters

12. Blokir Spam Bot Dari Memukul Situs Anda

Bot spam adalah pemborosan sumber daya server.

Mereka mengunjungi situs Anda berulang kali dan menggunakan sumber daya server, tanpa manfaat apa pun. Dan tanpa memeriksa apakah mereka mengenai situs Anda (gunakan Wordfence), Anda tidak akan tahu mereka ada di sana.

Langkah 1: Temukan bot spam menggunakan Laporan lalu lintas langsung Wordfence. Jika Anda melihat bot yang sama terus-menerus mengenai situs Anda, Google itu hostname dan lihat apakah orang lain melaporkannya sebagai spam. Googlebot dan bot sah lainnya jelas baik-baik saja, tetapi bot seperti amazon.aws dan linode telah dilaporkan sebagai masalah. 2 bot ini mengenai situs saya hampir setiap detik!

Live-Traffic-Report-Wordfence

Langkah 2: Blokir bot spam menggunakan Aturan Cloudflare Firewall, BBQ, Lubang hitam, atau Wordfence. Saya pribadi akan menggunakan penguasa firewall Cloudflare jika Anda hanya memiliki beberapa bot spam utama untuk diblokir, karena Wordfence sendiri dapat menyebabkan CPU tinggi. Untuk meninjau, menemukan bot spam di Wordfence, memblokir bot spam menggunakan Cloudflare, lalu menghapus Wordfence sehingga tidak mengkonsumsi CPU.

Wordfence-Blocking-Rule

13. Kurangi Waktu Respons Server Ke <200 ms

Server (hosting) Anda adalah Faktor # 1 dalam panduan pengoptimalan WordPress.

Untuk memeriksa waktu respons server, jalankan situs Anda melalui Google PageSpeed ​​Insights:

Kurangi Waktu Respons Server

SiteGround (shared hosting) dan Cloudways (cloud hosting) biasanya 2 host teratas menurut beberapa jajak pendapat Facebook, banyak yang diambil oleh WordPress Hosting Facebook Group.

Apa pun yang Anda lakukan, hindari GoDaddy dan EIG yang memiliki 60+ perusahaan hosting berbeda termasuk Bluehost, HostGator, iPage, Site5, dan lainnya. Mereka terkenal karena server yang lambat.

Banyak orang yang sudah bermigrasi ke SiteGround, Cloudways, dan Kinsta telah memposting tangkapan layar dari waktu muat baru mereka di Twitter. Beberapa orang melihat peningkatan 7s.

Ada banyak informasi buruk di luar sana – bahkan ulasan hosting di YouTube merekomendasikan perusahaan seperti Bluehost, HostGator, atau bahkan HostPapa. Ini benar-benar konyol; lakukan riset Anda di Grup Facebook dan lihat apa yang dikatakan orang sungguhan di Facebook + Twitter.

SiteGround dan Cloudways akan memigrasi Anda secara gratis.

Beralih ke SiteGround

Migrasi Waktu Muat SiteGround

Bluehost ke SiteGround GTmetrix

HostGator Ke SiteGround

SiteGround GTmetrix

SiteGround Google PageSpeed ​​Insights

100 Skor Sempurna Di SiteGround

HostGator Ke Migrasi SiteGround

Waktu Respons SiteGround Di Joomla

Beralih ke Hosting SiteGround

SiteGround Rocket Imagify Combo

Joomla GTmetrix Di SiteGround

SiteGround PageSpeed ​​Insights

SiteGround Di Joomla

Polling Hosting 2019

2017-WordPress-Hosting-FB-Poll

Rekomendasi Elementor Hosting

Rekomendasi Hosting Juli 2019

WordPress-Host-Poll-Aug-2018

Shared-Hosting-Poll-2017

2019-Hosting-Poll

Go-To-Hosting-Company

WordPress-Hosting-Poll-2017

Dikelola-Hosting-Poll

2016-WordPress-Hosting-FB-Poll

Hosting Favorit Untuk Elementor

Rekomendasi Hosting 2018

Polling WordPress Hosting September 2018.png

Managed-WordPress-Hosting-Poll-2017

2019-Hosts-Poll-1

Hosting-Poll-Untuk-Kecepatan

WordPress-Hosting-Poll-Juni-1

SiteGround-Recommendation

14. Nonaktifkan Script WooCommerce, Gaya, Fragmen Keranjang

Situs WooCommerce sangat lambat.

Ini sebagian karena WooCommerce menambahkan skrip, gaya, dan fragmen gerobak ke setiap halaman di situs Anda (bahkan halaman non-eCommerce). Sama seperti Anda tidak boleh membiarkan beberapa plugin berjalan di setiap halaman (tip # 2), Anda tidak boleh membiarkan opsi WooCommerce berjalan di halaman non-eCommerce. Anda dapat menonaktifkan semua ini dalam 1-klik menggunakan Plugin Perfmatters oleh Kinsta (yang juga memungkinkan Anda menonaktifkan plugin / skrip secara selektif), jika tidak, Anda dapat menggunakan kode ini dari Github.

perfmatters optimasi woocommerce

Nonaktifkan Script WooCommerce:

Nonaktifkan Gaya WooCommerce: Lihat Dokumentasi Woocommerce.

Nonaktifkan Fragmen WooCommerce:

15. Posting Laporan GTmetrix Anda Di Grup Facebook

Jika Anda masih membutuhkan bantuan, ada Grup Facebook tempat orang senang memberikan umpan balik. Jangan ragu untuk juga meninggalkan saya komentar, lihat panduan kecepatan WordPress lengkap saya, atau menyewa tim saya untuk optimasi kecepatan WordPress yang akan mengirim Anda sebelum dan sesudah laporan GTmetrix.

2019-GTmetrix-Report

Grup Facebook yang direkomendasikan

WordPress Mempercepat Grup Facebook

Semoga ini bermanfaat.

Bersulang,
Tom

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map