11 Cara Mempercepat Loading Website WordPress

Mempercepat Loading Website

Mempercepat Loading Website | Semua orang tahu bahwa kecepatan halaman sebuah website itu sangat penting. Ini adalah faktor peringkat Google yang dikonfirmasi pada desktop dan seluler, memengaruhi pengalaman pengguna dan dapat berdampak langsung pada keuntungan Anda.

Banyak pengoptimalan yang direkomendasikan di bawah ini menggunakan WPRocket, plugin berbayar untuk mempercepat situs WordPress Anda. Saya telah mencantumkan alternatif gratis jika memungkinkan, tetapi penting untuk dicatat bahwa plugin terkadang dapat saling bertentangan dan menyebabkan masalah.

11 Cara Mempercepat Loading Website WordPress

Anda harus selalu menguji bagaimana pengaruhnya terhadap situs Anda dalam lingkungan pementasan sebelum mendorong perubahan apa pun ke situs langsung Anda.

Dalam panduan ini, saya akan menunjukkan kepada Anda bagaimana saya mempercepat loading website wordpres semutku.com dalam beberapa langkah sederhana dan mudah.

1. Hapus Plugin Yang Tidak Digunakan

Kemungkinan Anda telah menginstal banyak plugin yang tidak Anda gunakan selama bertahun-tahun. Beberapa di antaranya dapat memengaruhi kecepatan halaman, jadi sebaiknya Anda menonaktifkan dan mencopot pemasangan apa pun yang tidak Anda perlukan sebagai titik awal.

Berhati-hatilah saat menginstall plugin. Jika Anda tidak yakin apakah sesuatu diperlukan maka biarkan di sana. Karena pada suatu titik, plugin tidak hanya memperlambat loading tapi juga dapat merusak website jika Anda melakukan setelan yang salah.

2. Alihkan Penyedia DNS Ke Cloudflare

Situs web adalah file di hard drive (server) yang terhubung ke internet. Dan setiap perangkat yang terhubung ke internet memiliki alamat IP (misalnya, 123.123.12.1).

Karena alamat IP sulit diingat, nama domain dipetakan ke alamat IP menggunakan DNS, yang merupakan singkatan dari Domain Name System. Anda dapat menganggap ini sebagai buku telepon web. Saat Anda mengetik domain ke browser Anda, pencarian DNS terjadi untuk menemukan alamat IP server.

Tapi ini masalahnya: kebanyakan orang menggunakan penyedia DNS gratis dari pencatatan domain mereka, yang biasanya lambat. Jika ini Anda, beralihlah ke penyedia DNS yang lebih cepat seperti Cloudflare.

Untuk melakukan ini, daftar untuk mendapatkan akun Cloudflare gratis. Klik “Tambahkan situs”, masukkan nama domain Anda, dan klik tombol Add site.

Alihkan Penyedia DNS Ke Cloudflare

Pilih paket gratis, lalu klik “Konfirmasi paket”.

Cloudflare sekarang akan memberi Anda kesempatan untuk meninjau pengaturan DNS Anda sebelum melanjutkan. Jika tidak ada peringatan, biasanya aman untuk dilanjutkan.

Baca:  8 Langkah Cara Meningkatkan CTR Anda di WordPress

Sekarang yang harus dilakukan hanyalah menukar nama server Anda dengan pendaftar domain Anda. Cara untuk melakukan ini berbeda-beda di antara pendaftar, jadi jangan ragu untuk meminta dukungan mereka jika Anda tidak yakin bagaimana melakukannya.

3. Instal Plugin Caching

Caching adalah proses yang menyimpan file untuk sementara sehingga dapat dikirim ke pengunjung dengan lebih efisien. Ada dua tipe utama:

  • Cache browser: Menyimpan file ‘umum’ seperti logo di hard drive pengguna sehingga mereka tidak perlu mendownloadnya kembali pada kunjungan berulang.
  • Caching server: Menyimpan versi halaman ‘statis’ yang dibangun sepenuhnya di server sehingga tidak harus dibangun ulang setiap kali pengunjung baru memintanya.

Instal Plugin Caching

WP Rocket membuatnya mudah untuk mengaktifkan caching. Beli saja, instal dan aktifkan. Caching dasar (server dan browser) aktif secara default. Jika situs Anda responsif, buka pengaturan cache dan centang kotak untuk mengaktifkan cache untuk perangkat seluler juga.

Jika Anda mencari  plugin chaching gratis, maka W3 Total Cache adalah solusinya.

4. Minimalkan Kode Anda

Minifikasi menghapus spasi dan komentar dari kode untuk mengurangi ukuran file. Dan file yang lebih kecil menghasilkan waktu pemuatan yang lebih cepat.

Jika Anda menggunakan WPRocket, centang kotak untuk memperkecil CSS dan JavaScript di pengaturan.

Minimalkan Kode Anda

Jika Anda tidak menggunakan WPRocket, instal dan aktifkan Autoptimize dan lakukan hal yang sama.

Ketahuilah bahwa Anda harus selalu menguji bagaimana ini memengaruhi situs web Anda sebelum menerapkan secara langsung. Meminimalkan sering kali dapat menyebabkan kode rusak, terutama jika berhubungan dengan Javascript.

5. Gabungkan File CSS dan JavaScript

Sebagian besar situs WordPress menyertakan banyak file CSS dan JavaScripts. Beberapa untuk tema, yang lain untuk plugin dan Anda mungkin memiliki beberapa yang khusus juga.

Menggabungkan file-file ini dapat mempercepat, tetapi itu tergantung pada pengaturan server Anda.

  • Dengan HTTP/1.1 , file CSS dan JavaScript dimuat secara berurutan. Itu berarti satu file harus dimuat sepenuhnya sebelum file berikutnya dapat mulai dimuat.
  • Dengan HTTP/2 , file dimuat secara bersamaan. Artinya, beberapa file CSS dan JavaScript dapat mulai dimuat secara bersamaan.

Jika server Anda menggunakan HTTP /1.1, menggabungkan file akan mempercepat pekerjaan karena lebih sedikit file yang perlu dimuat. Jika menggunakan HTTP / 2, menggabungkan file tidak akan membuat banyak perbedaan karena file dapat dimuat pada waktu yang sama.

Untuk melihat versi mana yang digunakan situs Anda, hubungkan domain Anda ke penguji Key CDN.

Jika HTTP/2 tidak didukung, sebaiknya gabungkan file CSS dan JavaScript. Untuk melakukan ini di WPRocket, centang kotak centang ke “Gabungkan file JavaScript” dan “Gabungkan file CSS ” di pengaturan.

Baca:  Cara Menghasilkan Uang dari Instagram di Tahun 2021

Jika Anda menggunakan Autoptimize, ada dua kotak centang untuk “menggabungkan” file. Ketahuilah bahwa terkadang ini dapat ‘merusak’ hal-hal di situs Anda, jadi sebaiknya Anda memeriksa ulang apakah semuanya masih terlihat dan berfungsi sama setelah diaktifkan.

Dan ingatlah untuk menghapus cache sebelumnya dan memeriksa perubahan di jendela penyamaran. Jika tidak, perubahan mungkin tidak tercermin dalam apa yang Anda lihat.

6. Hilangkan Sumber Daya Yang Memblokir Perenderan

Rendering adalah proses mengubah kode menjadi halaman web yang terlihat. Kata kuncinya ada ‘terlihat’ karena halaman web tidak selalu harus dimuat sepenuhnya sebelum terlihat.

Oleh karena itu, masuk akal untuk memprioritaskan pemuatan sumber daya untuk konten ‘paro atas’. Anda dapat melakukannya dengan menunda pemuatan file CSS dan JavaScript tidak penting yang diperlukan untuk konten ‘paro bawah’ hingga nanti.

Untuk melakukannya di WPRocket, centang kotak “Muat JavaScript yang ditangguhkan” dan “Optimalkan pengiriman CSS “.

Jika Anda tidak menggunakan WPRocket, Anda memerlukan dua plugin: Autoptimize dan Async JavaScript.

Di setelan untuk Pengoptimalan Otomatis, centang kotak “Sisipkan dan Tunda CSS “. Kemudian, dalam pengaturan untuk Async JavaScript, tekan “Aktifkan Async JavaScript.

Jika sebelumnya Anda melihat masalah “hilangkan sumber daya yang memblokir perenderan” di PageSpeed ​​Insights, ini biasanya akan memperbaiki masalah tersebut.

7. Lazy-Load Gambar Dan Video

Lazyload meningkatkan kecepatan halaman dengan menunda pemuatan gambar dan video hingga terlihat di layar.

Jika Anda menjalankan WordPress 5.5+, lazyload gambar diaktifkan secara default , tetapi tidak untuk video. Jika Anda menggunakan WPRocket, selesaikan ini dengan mencentang kotak “Aktifkan untuk iframe dan video” di bawah pengaturan LazyLoad.

Jika Anda tidak menggunakan WPRocket, plugin gratis Lazy Load untuk Video juga dapat melakukan hal yang sama.

8. Optimalkan Google Fonts

Banyak tema menggunakan Google Fonts, dan font ini harus diunduh dari server Google setiap kali seseorang mengunjungi situs web Anda. Itu bisa menjadi proses yang memakan waktu karena server Anda harus membuat permintaan HTTP, mengunduh file CSS, lalu mengunduh font dari lokasi yang dirujuk di stylesheet.

Dan terus dilakukan untuk setiap font di halaman.

Jika Anda menggunakan WPRocket, ini secara otomatis mengoptimalkan permintaan Google Fonts. Jika tidak, maka menambah plugin Swap Google Fonts Display adalah titik awal yang baik.

9. Aktifkan Preloading

Pramuat memungkinkan Anda untuk menentukan sumber daya penting, sehingga browser mengetahui prioritas file yang akan dimuat.

Misalnya, kode Anda terlihat seperti ini:

<html>
<head>
<script type = ”text / javascript” src = ”somefile.js”> </script>
<link rel = ”stylesheet” href = ”/ style.css”>
</head>
<body>
Konten
</body>
</html>

Berdasarkan kode ini, file JavaScript harus dimuat terlebih dahulu karena hierarki. Itu tidak ideal karena file CSS hampir pasti lebih penting daripada kode JavaScript.

Baca:  Cara Mencegah Spam dan Melindungi Blog Wordpress Anda

Cara termudah untuk menyelesaikannya adalah dengan menambahkan baris kode lain, seperti ini:

<link rel = "preload" href = "/ style.css" as = "style">

Itu memberi tahu browser untuk memprioritaskan file CSS di atas file JavaScript, terlepas dari hierarki.

Anda dapat menambahkan atribut pramuat secara manual dengan mengedit kode, tetapi itu bisa menjadi berantakan dan membingungkan kecuali Anda tahu apa yang Anda lakukan.

Jauh lebih mudah jika Anda menginstal WPRocket, yang dapat melakukan ini secara otomatis di luar kotak.

10. Gunakan CDN

Gunakan CDN

Jaringan pengiriman konten (CDN) adalah kelompok server yang didistribusikan di seluruh dunia. Masing-masing menyimpan salinan situs web Anda sehingga lebih cepat bagi pengguna untuk terhubung saat meminta halaman website.

Misalnya, server host web Anda berada di Indonesia. Jika seseorang mengunjungi situs Anda dari Singapura dan Anda tidak menggunakan CDN, sambungan antara perangkat mereka dan server Anda akan lambat.

Jika seseorang mengunjungi dari Singapura dan Anda menggunakan CDN, perangkat mereka akan terhubung ke server terdekat, yang membantu semuanya terhubung lebih cepat.

Ada banyak penyedia CNS, jadi yang perlu Anda lakukan hanyalah memilih satu, mengaktifkannya di WPRocket dan memasukkan CNAME.

11. Optimalkan Gambar Anda

Pemuatan lambat menyelesaikan banyak masalah yang terkait dengan gambar, tetapi tidak membantu gambar yang dimuat di paro atas. Semakin besar ukurannya, semakin besar dampak negatifnya pada waktu pemuatan.

Untuk mengatasi ini, kompres gambar Anda dengan plugin seperti Shortpixel. Cukup instal, aktifkan, buka pengaturan, masukkan kunci API Anda, klik “Simpan dan Buka Proses Massal, lalu klik “Mulai ulang pengoptimalan”.

Jika Anda menemukan bahwa kualitas ini terlalu rendah, buka pengaturan dan ubah jenis kompresi menjadi glossy atau lossless.

Kesimpulan

Semua yang di atas berfungsi dengan baik untuk situs saya, dan juga berfungsi dengan baik untuk situs lain. Namun, penting untuk diingat bahwa setiap konfigurasi WordPress berbeda. Anda mungkin memiliki lebih banyak plugin, tema yang lebih kikuk, hosting yang lebih lambat atau lebih banyak skrip pelacakan pihak ketiga, yang semuanya memperlambat situs web Anda.

Jika kecepatan halaman Anda masih dapat dilakukan dengan beberapa peningkatan setelah melakukan pengoptimalan ini, kemungkinan Anda memerlukan pekerjaan kustom yang dilakukan di situs Anda. Jadi, ada baiknya menyewa pengembang atau pakar kecepatan halaman untuk melihat berbagai hal lebih dekat.

About Ade Kurniawan

Saya menghabiskan begitu banyak waktu didepan layar untuk memantau perkembangan dunia teknologi.

Check Also

Cara Menang Di Slot 5 Dragon

Cara Menang Di Slot 5 Dragon Domino Higgs Island Terbaru

Cara Menang Di Slot 5 Dragon | Halo Peminat game domino yang masih saat ini …

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.