Panduan Total untuk Pengoptimalan Kecepatan WordPress

Bayangkan Anda sedang mengadakan rapat besar dan tim Anda telah berlatih selama sebulan penuh. Setelah semua persiapan ini, rekan satu tim yang ditugaskan untuk membawa laptop yang Anda butuhkan untuk presentasi berjalan di belakang. Dan, rekan setim Anda muncul sepuluh menit lebih lambat dari yang dijadwalkan, dan calon klien Anda lelah menunggu.

Yah, itu terdengar terlalu merusak dan tidak akan cocok dengan klien. Sekarang, Anda dapat membayangkan bagaimana perasaan pengunjung Anda ketika mereka harus duduk dan menunggu situs web Anda dimuat di browser mereka. Menurut Anda apa yang akan mereka lakukan jika beberapa halaman web membutuhkan waktu lebih dari sepuluh detik untuk dimuat? Atau bahkan enam? Empat?

Bukan rahasia besar bahwa kecepatan situs itu penting. Tidak ada yang menginginkan situs web dengan pemuatan lambat – terutama Google. Jadi, kecuali jika Anda ingin membangun pengalaman pengguna yang buruk dan menurunkan peluang peringkat Anda di Google, sudah saatnya Anda melakukan sesuatu untuk Pengoptimalan Kecepatan WordPress.

Dengan hampir 40,0% web diberdayakan oleh WordPress, ada ratusan ribu plugin, tema, dan teknologi lain yang harus berdampingan untuk mengoptimalkan kecepatan WordPress. Pengguna WordPress sehari-hari mungkin menganggap ini mimpi buruk ketika situs web mereka diatur ke kemacetan, dan mereka bahkan tidak tahu mengapa.

Di sini, kami akan membagikan semua yang perlu diketahui tentang pengoptimalan kecepatan WordPress sehingga Anda dapat mulai mempercepat situs web Anda hari ini. Mudah-mudahan, kami dapat memandu pengoptimalan kinerja WordPress tanpa terlalu teknis atau “berbasis kode.” Faktanya, kami berusaha untuk menghindari contoh kode di sini.

Jadi, apakah Anda siap? Mari kita mulai.

i) Apa yang memperlambat Situs WordPress Anda?

Pertama dan terpenting, mari kita lihat beberapa penyebab signifikan yang cenderung membuat situs web Anda lambat. Ini adalah bagian di mana Anda harus memusatkan fokus Anda.

sebuah. Gambar-gambar

Ukuran gambar yang aneh membunuh kecepatan situs web.

b. Video

Fitur WordPress seperti latar belakang video memang keren, tetapi juga merupakan hambatan kinerja aktual untuk kecepatan situs.

c. Plugin WordPress

Plugin WordPress jelas merupakan penyelamat besar, tetapi "yang mana" dan "berapa banyak" akan membuat perbedaan.

d. Tema WordPress

Aturan yang sama berlaku untuk tema. Desain web WordPress yang baik adalah yang harus dimiliki. Namun, tema dengan kode yang buruk memiliki terlalu banyak file dan skrip untuk menyebabkan masalah bagi Anda.

e. Skrip

Apa pun dengan jumlah JavaScript, jQuery, atau skrip pihak ketiga lainnya yang berlebihan dapat memperlambat halaman web Anda.

f. Lebah

API pasti membantu dalam manajemen konten. Tetapi jika server yang terhubung dengan situs web Anda lambat, respons situs akan lambat.

g. kecerobohan

Kecerobohan dapat terjadi di folder media, plugin, konten blog, atau database Anda.

h. Tautan Rusak

Satu atau dua tautan rusak bukanlah hal yang buruk. Tetapi situs yang penuh dengan tautan yang rusak dapat mengurangi pengalaman pengguna dan menurunkan kecepatan karena server Anda terus bekerja pada koneksi yang terputus itu.

saya. Pengalihan

Sekali lagi, pengalihan mencegah pengunjung menemukan tautan yang rusak/URL lama, tetapi memiliki terlalu banyak akan membebani server.

Sebelum kita mulai…

ii) Pencadangan, Pementasan & Pengujian

Strategi terbaik untuk mencadangkan situs web WordPress adalah membuat subdomain baru (seperti testing.domain.com) dan melakukan semua pekerjaan pengoptimalan Anda di dalamnya. Sebagian besar penyedia layanan hosting seperti WPEngine, Siteground, Kinsta, dan perusahaan populer lainnya menyediakan pementasan satu klik. Jika perusahaan hosting Anda tidak menyediakan pembuatan situs pementasan, Anda dapat menggunakan plugin cadangan gratis atau premium untuk mendapatkan cadangan. Ketika Anda puas dengan hasil di situs pementasan Anda, Anda dapat memasukkan perubahan mendasar Anda ke situs web langsung Anda. Sekarang, situs Anda dioptimalkan untuk kecepatan tanpa masalah.

Teknik lain yang dapat Anda adopsi adalah membangun tema anak. Penggunaan tema anak memastikan bahwa perubahan yang dibuat pada file tema Anda tidak ditimpa pada tema induk Anda.

Terakhir, uji kecepatan Anda saat ini dengan menggunakan situs uji Kecepatan WordPress ini.

• Kecepatan Halaman Google
• GTmetrix
• Pingdom

Sekarang, mari kita mulai langkah-langkah untuk optimasi kinerja WordPress.

1. Pilih penyedia hosting web berkinerja tinggi

Mari kita mulai dengan perusahaan hosting yang memiliki karakteristik sebagai berikut:

• Salah satu yang berspesialisasi dalam hosting WordPress - mereka memahami masalah kinerja terkait CMS yang melekat
• Menawarkan beberapa opsi hosting terkelola
• Menggunakan teknologi terbaru dan tercepat
• Termasuk caching dan CDN
• Dan Dukungan Pelanggan yang hebat tidak ada salahnya

Tapi bagaimana kita bisa memilih yang terbaik?

Cara termudah untuk mengukur kualitas hosting adalah dengan memeriksa TTFB. Waktu ke byte pertama menunjukkan waktu server untuk merespons, yang pada dasarnya mewakili seberapa cepat server. Anda dapat menggunakan ByteCheck untuk pengujian TTFB gratis. WPengine, Kinsta, SiteGround, Bluehost, HostGator, dll, adalah beberapa penyedia hosting situs web yang dapat dipercaya.

2. Gunakan cache

Caching situs web adalah teknik di mana versi HTML statis dari halaman web Anda disimpan dan kemudian digunakan kembali ketika pengunjung datang ke situs web. Dengan begitu, browser sudah memiliki informasi yang dibutuhkan mengenai situs tersebut, membuat kecepatan WordPress menjadi lebih baik.

Khusus untuk situs statis yang tidak sering diperbarui, penggunaan plugin caching akan sangat bermanfaat. WP Rocket, Cache Enabler, WP Super Cache, W3 Total Cache, dll., adalah yang terbaik di pasar.

Plugin ini menurunkan waktu buka di server Anda dan menangani tugas pengoptimalan kecepatan lainnya seperti:

• Peramban dan cache tingkat halaman
• Kompresi file Gzip
• Gabungkan file CSS dan JavaScript
• Minifikasi CSS, HTML, dan JavaScript
• Integrasi CDN

Jika penyedia hosting Anda sudah dilengkapi dengan sistem caching, penambahan plugin tambahan tidak diperlukan.

3. Pilih plugin dan tema Anda dengan bijak

Apakah Anda mengetahui ketegangan yang dapat diberikan oleh tema dan plugin di server mereka? Itu sebabnya Anda harus pilih-pilih tentang penggunaan tema dan plugin WordPress.

sebuah. Tema WordPress yang Tepat

Kode yang buruk, dan tema yang tidak diperbarui menambahkan skrip yang tidak berguna ke halaman, yang memberikan pengalaman pemuatan halaman yang buruk. Jadi, tetapkan pilihan Anda untuk masalah kontrol kualitas sebelum memasangnya di situs Anda. Sayangnya, sebagian besar tema WordPress gratis di pasaran terlihat bagus dalam desain dan penuh dengan lebih banyak fitur tetapi mengabaikan kinerja.

Tema bagus kami hadir dengan serangkaian fitur kinerja khusus dan menghilangkan kebutuhan akan plugin pihak ketiga tambahan.

b. Hanya gunakan plugin yang paling dibutuhkan

Saat memilih plugin WordPress, ingatlah tip berikut:

• Mengetahui apakah plugin diperlukan atau beberapa fitur WordPress/pengkodean sederhana tersedia sebagai suplemen untuk plugin.
• Tinjau setiap plugin bersama dengan masalah yang dicatat dalam kinerja – jangan pernah menginstal sesuatu yang memiliki riwayat yang meragukan.
• Cari plugin dengan banyak fitur dan fungsi sehingga Anda hanya dapat menggunakan satu daripada banyak
• Memperbarui tema dan plugin adalah suatu keharusan untuk menjaga situs Anda aman dan cepat. Tetapi pada saat yang sama, beberapa pembaruan mungkin membuat tema/plugin dan WordPress tidak kompatibel. Jadi, instal hanya jika pembaruan itu bermanfaat.

c. Memikirkan kembali penggunaan plugin Anda

Ya, menggunakan terlalu banyak plugin WordPress entah bagaimana akan memperlambat situs web Anda. Namun jumlah plugin tidak sepenting kualitas plugin yang Anda gunakan. Yang sebenarnya penting adalah bagaimana plugin itu dikembangkan – apakah itu dibangun dengan mempertimbangkan kinerja? Artinya, Anda mungkin juga ingin melihat beberapa plugin lama Anda dan menggantinya dengan yang baru dan ringan.

4. Gunakan PHP 7 ke Atas

Pernahkah Anda mendengar tentang versi PHP? Anda harus memiliki. PHP adalah bahasa skrip sisi server sumber terbuka. Sebagian besar tema dan plugin Anda, bersama dengan perangkat lunak inti WordPress, pada dasarnya ditulis dalam PHP.

Pertama, pastikan host WordPress Anda menggunakan setidaknya PHP 7 atau lebih tinggi. Sesuai data, hanya 6,8% dari total situs WordPress yang menggunakan PHP 7.3, tetapi 28,6% lainnya masih menggunakan PHP 5.6 (dirilis pada 2014).

Bagaimana jika seseorang memberi Anda ponsel yang dirilis pada tahun 2014? Itu akan memiliki respons yang lambat dan lamban untuk membuat Anda gila.

Itulah tepatnya yang akan dirasakan pengunjung Anda dengan PHP 5.6.

5. Gunakan SSL/HTTPS

Sertifikat SSL tidak secara langsung menyerang kecepatan WordPress, tetapi tetap sangat disarankan agar Anda mendapatkannya. Pertama, dan yang terpenting, Google mengonfirmasi bahwa penggunaan HTTPS/SSL yang tepat memberi Anda peringkat yang lebih baik.

Selain itu, karena situs web bersertifikat SSL disajikan dengan tanda gembok hijau kecil yang terletak di atas bilah alamat, mereka meningkatkan kepercayaan pelanggan.

Alasan lainnya adalah keamanan. Memiliki sertifikat SSL di situs Anda akan mengenkripsi transfer data/informasi ke dan dari situs web Anda, membuat situs Anda lebih aman.

6. Pengoptimalan gambar

Memiliki gambar di situs Anda selalu merupakan hal yang baik. Tetapi jenis yang salah dapat menjadi bencana terbesar bagi situs web Anda. Cara cepat untuk mempercepat situs web Anda adalah dengan mengoptimalkan gambar.

Tahukah Anda bagaimana pengoptimalan gambar dapat membuat situs Anda lebih cepat? Ini dapat mengurangi penggunaan bandwidth situs web Anda, terbuka dengan cepat untuk membuat pengguna tetap terlibat, dan tidak memberi mesin pencari google satu alasan lagi untuk membenci situs web Anda.

Ada berbagai cara untuk mengoptimalkan gambar. Kami akan mempelajari semua tentang mereka di sini.

sebuah. Memilih format gambar yang tepat

Format gambar yang paling banyak digunakan selama dekade ini adalah JPG, PNG, SVG, dan GIF. GIF terutama untuk gambar animasi dan JPG dan PNG untuk gambar diam. Di antara keduanya, format JPG (atau JPEG) sangat ideal untuk menampilkan gambar multi-warna. Format SVG digunakan secara eksplisit untuk logo. PNG hanya digunakan dalam kasus di mana SVG tidak mungkin, dan transparansi gambar harus dipertahankan, jadi JPG juga tidak disertakan.

Namun dengan banyaknya aplikasi pengeditan di internet, Anda tidak perlu bingung memilih format gambar yang mana. Salah satu alat tersebut adalah XnConvert. Anda cukup menarik dan melepas gambar Anda di sini dan menyimpannya dalam format ukuran terkecil. Anda juga dapat menggunakan XnConvert untuk mengubah ukuran, memotong, mengubah format gambar, dan banyak lagi dalam jumlah ratusan.

b. Gunakan kompresi gambar

Sekarang Anda telah menyimpan file dalam format JPG dan PNG; saatnya untuk mengompres file.

Apa itu?

Saat Anda pertama kali mengambil gambar, itu dianggap berkualitas 100%. Anda dapat menurunkan kualitas gambar (kompres) ke ukuran yang lebih kecil. Anda dapat mengompres file gambar JPG hingga 85-90% tanpa perubahan apa pun.

Anda dapat mengonversi gambar secara manual sebelum mengunggahnya atau cukup menggunakan plugin. Ada banyak plugin yang dikenal untuk mengompresi gambar di WordPress. Pengoptimal Gambar ShortPixel, reSmush.it, pengoptimal gambar EWWW, dan kompresor WP adalah beberapa yang bermanfaat.

Namun, pengoptimalan gambar yang salah juga merusak kinerja kinerja situs Anda. Beberapa teknik pengoptimalan gambar terbaik adalah pengoptimalan gambar berbasis Server dan pengoptimalan gambar secara lokal sebelum mengunggahnya.

Sebagai alternatif, Anda dapat menggunakan plugin LiteSpeed ​​yang pada dasarnya adalah plugin caching yang juga memungkinkan kompresi gambar menggunakan addon Google Pagespeed. Karena LiteSpeed ​​memampatkan semua gambar di server mereka, waktu respons server Anda tidak akan memengaruhi operasi. Tetapi Anda perlu mengompresnya dalam kelompok.

c. Tentukan dimensi gambar

Menentukan dimensi gambar terutama terkait dengan pengalaman pengguna. Mari kita pelajari caranya.

Saat halaman memuat teks terlebih dahulu, ukuran gambar juga ditentukan saat tata letak halaman diatur. Namun setelah gambar diunduh secara bersamaan, browser kemudian menemukan dimensi gambar yang berbeda dan secara otomatis menyesuaikan tata letak halaman. Pada dasarnya, untuk setiap pemuatan gambar berikutnya setelah beberapa waktu, browser perlu membuat ulang tata letak halaman. Dengan perubahan seperti itu, pengunjung tidak dapat membaca teks ketika halaman terus bergeser.

Menentukan dimensi gambar sebelumnya menyelamatkan Anda dari kerumitan ini.

d. Sajikan gambar berskala

Ini harus dilakukan jika tema Anda tidak dioptimalkan untuk menangani gambar. Idealnya, Anda bisa mengubah tema yang Anda gunakan menjadi tema dengan pengoptimalan gambar. Atau Anda juga dapat menggunakan plugin seperti Force Regenerate Thumbnails atau Regenerate Thumbnails untuk membuat thumbnail Anda. Cukup atur ukuran yang benar untuk thumbnail sebelum Anda menggunakan plugin tersebut.

7. Optimasi Gravatar

Avatar global memungkinkan Anda, serta komentator situs web Anda, mendapatkan gambar di profil mereka. Tanpa ragu, menggunakan Gravatar memiliki keuntungan yang sangat besar, tetapi kelemahan paling signifikan adalah waktu pemuatan yang lambat. Sebagai tambahan, Gravatar juga menggabungkan beberapa pengalihan untuk memperlambat situs Anda lebih jauh.

Anda dapat menghindari kembung yang disebabkan oleh Gravatar dengan cara berikut:

• Nonaktifkan Gravatar di situs web Anda
• Hapus komentar berlebihan dan spam dari postingan
• Tambahkan reCAPTCHA di formulir komentar Anda
• Konfigurasikan pengaturan WordPress untuk menampilkan hanya beberapa komentar dalam satu waktu
• Dan terakhir, gunakan plugin caching untuk Gravatar

8. Lazy loading untuk video dan gambar

Lazy-Loading images adalah opsi pengoptimalan yang efektif dan mudah untuk meningkatkan waktu pemuatan situs web Anda secara signifikan. Tanpa pemuatan lambat, semua file media seperti gambar dan video dimuat bahkan sebelum mereka menggulir ke bawah ke bagian itu. Hal ini jelas membuat website Anda menjadi lebih lambat, terutama ketika Anda memiliki banyak gambar/video di website Anda. Pemuatan lambat memuat gambar dan aset berat lainnya hanya setelah pengunjung menggulir ke bagian di halaman web tempat mereka muncul. Jika dilakukan dengan benar, Lazy Load dapat meningkatkan kecepatan situs web secara signifikan.

Mari belajar cara menggunakan Lazy Load

1. Pertama, dapatkan plugin lazy load dari Direktori WordPress dan instal
2. Buka pengaturan plugin dan konfigurasikan

Ingatlah bahwa pemuatan malas datang dengan teknik yang rumit. Jika tidak dikonfigurasi dengan benar, itu dapat mengacaukan seluruh situs web Anda.

9. Lazy-load Disqus

Mungkin sudah waktunya untuk mengganti sistem komentar WordPress klasik dengan Disqus. Sementara fungsi pencegahan dan moderasi spam yang canggih dan sangat efektif patut dipuji, ia datang dengan biaya, yaitu, waktu buka.

Setiap kali Disqus dimuat di situs Anda, itu menyebabkan sepuluh permintaan tambahan untuk memperlambat situs Anda. Untungnya, ada plugin seperti Disqus Conditional Load yang menyebabkan malas memuat Disqus itu sendiri. Beban Bersyarat Disqus ini memuat komentar hanya ketika pengunjung menggulir ke akhir halaman.

10. Batasi revisi posting

Secara default, WordPress dirancang untuk menyimpan semua revisi posting, bahkan ketika Anda membuat perubahan sekecil apa pun. Jadi, untuk postingan yang sering diedit/diperbarui, dibuat puluhan salinan dari postingan yang sama persis untuk mengisi database Anda.

Untuk menghindarinya, Anda dapat membatasi jumlah revisi/pembaruan yang disimpan di WordPress. Biasanya, 3 sampai 5 sudah cukup. Anda dapat melakukannya dengan menempatkan kode sederhana di file wp-config.php .

 tentukan ('WP_POST_REVISIONS', 3);

Anda dapat mengubah nomor dalam kode untuk menyesuaikan jumlah revisi yang mungkin Anda perlukan.

Tetapi kode ini hanya akan berfungsi untuk posting baru. Untuk menghapus revisi posting lama, Anda dapat menggunakan plugin pembersihan database seperti WP-Optimize dan Advanced Database Cleaner. Setelah menggunakan plugin, Anda cukup menghapus plugin.

11. Batasi laba-laba dan perayap

Laba-laba dan perayap web selalu mencari sumber daya di situs Anda. Selain spider mesin pencari yang membantu, bot lain seperti robot spam, scraper, email scraper sering merayapi situs web Anda. Mereka tidak hanya mencuri informasi dari situs Anda, tetapi server perlu mengeluarkan sumber daya untuk melayani mereka.

Jadi, sebaiknya kelola aktivitas pembotolan di situs web Anda untuk memeriksa perayapan yang tidak berguna tersebut dengan cara berikut.

1. Anda dapat menggunakan file .htaccess untuk memblokir bot jahat yang diketahui.
2. Anda dapat memblokir bot dari situs web Anda ketika bot tersebut terlihat baru di pasar.
3. Seseorang dapat menggunakan plugin keamanan WordFence untuk mencekik bot dan memblokir alamat IP secara manual.

12. Penggunaan tombol berbagi media sosial JavaScript gratis

Ya, kami membutuhkan tombol berbagi sosial yang indah untuk mendorong pengunjung kami. Tetapi tombol berbagi sosial yang sebagian besar dibuat dalam JavaScript berat. Mereka melacak pengguna di seluruh web dan membutuhkan waktu lama untuk memuat.
Jadi, akan membantu jika Anda menggunakan tombol berbagi sosial yang bebas dari JavaScript. Untuk itu, hapus tombol yang ada dan gunakan layanan seperti sharingbuttons.io.

13. Bonus

Dan jika Anda belum puas dengan hasilnya, Anda bisa mengikuti beberapa trik lainnya. Trik ini terutama untuk pembuat kode profesional. Mari kita daftar mereka.

• Nonaktifkan Emoji dan Sematan
• Hapus String Kueri
• Hapus Tag Tautan Pendek
• Hapus Tautan REST API
• Nonaktifkan Google Maps
• Nonaktifkan Lembar Gaya/Widget WooCommerce
• Hindari Font Google / Font Server Secara Lokal
• Optimalkan Font Ikon Keren
• Nonaktifkan XML-RPC
• Sembunyikan versi WordPress
• Hapus Tag Tautan RSD
• Gabungkan CSS dan Javascript

iii) Masalah Berbeda, Solusi Berbeda

Mengetahui manfaat optimasi kecepatan situs web dan tekniknya adalah awal yang baik. Tetapi Anda tidak perlu menerapkan semua teknik ini ke situs web Anda. Yang kami maksud adalah, karena tidak ada dua bisnis yang sama atau tidak ada dua situs yang sama, langkah pertama adalah memahami sifat/jenis situs WordPress yang Anda miliki.

Jadi, jika Anda memiliki situs statis, Anda tidak akan memperbarui konten situs Anda secara teratur; mungkin Anda hanya membuat beberapa kali sebulan. Situs statis mencakup situs web bisnis lokal, blog, fotografi, individu, dll. Memiliki situs semacam itu menunjukkan lebih sedikit basis data, dan dengan demikian Anda tidak memerlukan banyak sumber daya untuk mencapai kinerja yang baik.

Di sisi lain, memiliki situs web yang sangat dinamis seperti eCommerce, forum online, dll, data situs WordPress sering berubah (setiap menit atau bahkan setiap detik). Dalam kasus seperti itu, ada kebutuhan untuk menambahkan sumber server serta kueri basis data.

Dan kemudian ada jenis situs web lain, yang sedang lewat dan yang memakan. Jika situs web utamanya bersifat informasi, pengunjung dapat tinggal selama 5 atau 10 menit dan mencari tahu kapan mereka harus pergi. Di sisi lain, situs web konsumen mempertahankan pengunjung mereka selama berjam-jam - misalnya, situs web kursus pelatihan online. Pengunjung simultan ke situs web tersebut datang untuk sesi simultan.

Bisakah Anda melihat ke mana arahnya? Pengunjung simultan perlu mengumpulkan informasi dari sesi sebelumnya dengan cepat. Memiliki banyak pengunjung situs secara bersamaan bersama dengan masalah "konten web yang tidak dapat di-cache" menjadikannya mimpi buruk.

Pada dasarnya, Anda tidak dapat menangani semua situs WordPress Anda dengan cara yang sama - keputusan yang tepat harus dibuat.

Kesimpulan

Tanpa ragu, ada lebih dari banyak tutorial yang mencakup berbagai cara untuk mengoptimalkan WordPress untuk kecepatan. Tetapi dapat membingungkan untuk menemukan semuanya di satu tempat. Semoga yang ini bermanfaat bagi Anda karena kami telah mencantumkan semua teknik yang dapat Anda ikuti untuk membuat situs Anda dimuat dengan cepat. Selain itu, jika Anda ingin mendapatkan bantuan dari seorang ahli, Anda dapat menemukan Pakar WordPress bersertifikat kami di Codeable atau Kirim formulir Permintaan Kustomisasi untuk menghubungi kami.

Semoga sukses!!