15 Cara Mempercepat Loading Website Anti Lelet

kumiskiri April 11, 2023 April 11, 2023 12 min read

Cara mempercepat loading website biar nggak lelet tuh gimana sih? Sebagai platform yang udah jadi bagian nggak terpisahkan dari hidup di dunia maya, performa web haruslah jalan mulus biar akses pengunjung lancar. Salah satu caranya adalah dengan mempercepat proses loading situs web ente.

Nah, makanya kali ini ane bakal ngebahas berbagai cara mempercepat loading website atau blog. Tapi, sebelum kita masuk ke intinya, yuk kita liat dulu kenapa penting banget buat ngebutin waktu muat web ente!

Akibat Tak Tahu Cara Mempercepat Pemuatan Website

Kalo ente nggak tau cara mempercepat loading website, ada beberapa bahaya yang bisa muncul buat web. Beberapa efek buruk dari lambatnya loading website ente antara lain:

Bikin kecewa pengunjung: Buat pengunjung, hal ini bisa ngebuat nunggu lama buat akses situs ente. Nah, kalo pada males, bisa aja ninggalin laman ente, dan itu bener-bener berakibat fatal.
Ngejelek-jelekin peringkat: Kecepatan akses ke web itu penting banget. Kalo lelet, Google dan mesin pencari lainnya bisa turunin peringka. Nah, kalo begini, kunjungan organik bisa berkurang dan visibilitas juga jadi berkurang.
Penghasilan nge-drop: Kalo web lelet, bisa bikin pengunjung bete, dan akhirnya transaksi dan
pendapatan buat bisnis juga ikutan berkurang.
Frekuensi kunjungan menurun: Kalo pengunjung punya pengalaman buruk gara-gara lelet, bisa jadi jarang banget kunjung lagi, padahal bisa jadi pengunjung setia ente.

Tips dan Cara Mempercepat Loading Website

Nggak ada salahnya kalo ente pengen coba beberapa cara mempercepat loading website . Nah, ini dia daftar cara yang bisa dicoba:

1. Sederhanakan Desain atau Tema Website

Ngeganti desain atau tema website itu penting banget buat cara mempercepat loading website ente. Desain atau tema yang terlalu rumit dan banyak elemen yang nggak perlu justru jadi cara mempercepat loading website.

Jadi, cara sederhanain desain web itu penting banget buat bikin pengalaman pengunjung makin baik dan ngehemat waktu muat laman. Nah, ini dia beberapa tips dan cara mempercepat loading website buat sederhanain desain:

Pilih tata letak yang simpel: Cari tata letak yang simpel dan gampang diliat, jangan ribet. Hindarin dekorasi berlebihan dan visual yang bikin loading lama.
Kurangi gambar dan animasi berlebihan: Gambar dan animasi yang terlalu banyak bisa memperlambat web.
Pilih gambar yang penting aja dan optimasi ukuran gambar biar hemat waktu muat laman. Jangan terlalu banyak animasi juga, soalnya bisa ngganggu fungsionalitas pengguna.
Pake warna dan font yang simpel: Pilih warna dan jenis huruf yang simpel dan mudah dibaca. Jangan pake warna terlalu cerah atau font yang susah dibaca, karena bisa ngefek kecepatan web dan pengalaman pengguna.
Buang elemen yang nggak perlu: Cek lagi setiap elemen dan hapus yang nggak perlu atau nggak bawa manfaat buat pengguna. Misalnya, widget atau plugin yang jarang dipake bisa ilangin biar nggak ngabisin waktu muat laman.
Gunain navigasi yang simpel: Jaga navigasi tetap simpel dan gampang dipahami. Hindarin menu yang rumit atau banyak level yang bikin pengunjung bingung pas akses web.

Baca Juga: 15 Kesalahan SEO dan Cara Memperbaikinya

2. Maksimalkan Ukuran Gambar Berformat WebP

Simpen gambar dalam format WebP bisa bantu ngehemat waktu muat laman di website ente. Format WebP bisa ngasih gambar dengan ukuran lebih kecil dibanding format gambar biasanya, termasuk JPEG dan PNG. Dengan format WebP, bisa mempercepat proses ambil gambar di web, dan tentunya itu bakal berpengaruh positif buat kecepatan website.

Supaya gambar berformat WebP makin optimal, coba deh cara-cara berikut:

Ubah ukuran gambar jadi format WebP: Nggak perlu khawatir, ente bisa pake alat atau software khusus buat mengonversi gambar ke format WebP. Pilih gambar yang besar terus konversi jadi ukuran WebP biar nggak makan banyak space.

3. Menggunakan Caching

Pake caching bisa banget buat ngoptimalkan dan cara mempercepat loading website, khususnya buat web yang banyak dikunjungin. Setiap halaman yang dimuat, ada proses ambil info dari database dan CSS, terus digabungin dengan file HTML yang akan di-load di browser pengunjung. Proses itu bisa makan waktu.

Nah, dengan caching, ente bisa nyimpen file HTML-nya biar bisa dipake buat pengunjung lainnya. Jadi, bisa ngurangin waktu muat laman. Buat yang pake WordPress, ada plugin yang bisa dipake buat ngatur caching.

4. Aktifkan Pengompresan Data (Gzip)

Kompresi data pake Gzip bisa bantu banget buat ngurangin ukuran file, termasuk CSS, HTML, JavaScript, dan XML. Dengan teknologi ini, ukuran server website bisa otomatis jadi lebih kecil.

Apache Server

Kalo pake server Apache, ente bisa buka dan modifikasi file konfigurasi “.htaccess” di root directory, terus tambahin kode kayak gini:

# Aktifkan kompresi data Gzip
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/javascript
</IfModule>

Simpan dan tutup file “.htaccess”.

Nginx Server

Kalo ente pake server Nginx, buka file konfigurasi “nginx.conf” di server, terus tambahin kode kayak gini:

# Aktifkan kompresi data Gzip
gzip on;
gzip_types text/html text/plain text/xml text/css text/javascript application/javascript;

Simpan dan restart server Nginx.

Openlitespeed Web Server

Kalo pake Openlitespeed Web Server, buka file konfigurasi “.htaccess” di root directory web, atau bisa juga lewat web admin Openlitespeed, lalu masuk ke menu rewrite:

<IfModule LiteSpeed>
AddType text/css .css
AddType application/javascript .js
AddType application/x-javascript .js
AddType text/javascript .js
AddType text/x-js .js
AddType text/html .html .htm
AddOutputFilterByType DEFLATE text/plain text/html text/xml text/css application/javascript application/xml application/xhtml+xml application/rss+xml application/atom_xml application/x-javascript application/x-httpd-php
AddOutputFilter DEFLATE js css html xml
</IfModule>

Simpen dan restart server Openlitespeed Web Server.

Potongan kode di atas itu konfigurasi buat nyala-in kompresi Gzip di server Apache, Nginx, dan Openlitespeed Web Server. Kode itu secara otomatis ngekompres file dengan ekstensi .css, .js, .html, .xml, dan .php pake standar DEFLATE yang umum dipake.

Melalui pemakaian Plugin Wordprees

Ada dua cara buat ngeaktifin kompresi Gzip di WordPress, pake plugin atau ubah file .htaccess. Berikut langkah-langkah buat ngaktifin kompresi Gzip di WordPress:

Install dan aktifin plugin WordPress yang mendukung kompresi data Gzip, kayak “WP Super Minify”, “W3 Total Cache”, atau “Litespeed Cache”.
Buka setelan plugin yang udah terinstall, terus cari opsi buat nyalain kompresi Gzip.
Aktifin opsi itu dan simpen perubahannya.
Cek buat pastiin kalo kompresi Gzip udah berfungsi.

Tambah Kode Kompresi Gzip Tambahan

<IfModule mod_filter.c>
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE “application/atom+xml” \
“application/javascript” \
“application/json” \
“application/ld+json” \
“application/manifest+json” \
“application/rdf+xml” \
“application/rss+xml” \
“application/schema+json” \
“application/vnd.geo+json” \
“application/vnd.ms-fontobject” \
“application/x-font-ttf” \
“application/x-javascript” \
“application/x-web-appmanifest+json” \
“application/xhtml+xml” \
“application/xml” \
“font/eot” \
“font/opentype” \
“image/bmp” \
“image/svg+xml” \
“image/vnd.microsoft.icon” \
“image/x-icon” \
“text/cache-manifest” \
“text/css” \
“text/html” \
“text/javascript” \
“text/plain” \
“text/vcard” \
“text/vnd.rim.location.xloc” \
“text/vtt” \
“text/x-component” \
“text/x-cross-domain-policy” \
“text/xml”
</IfModule>
</IfModule>

Baca Juga: 6 Daftar SEO Audit Website dan Mengapa itu penting?

5. Memperbesar Penampungan Cache Browser

Ngepake penyimpanan cache di browser hampir sama kayak nyalain caching. Bedanya, teknik ini ngatur berapa lama cache disimpen di browser pengunjung.

Syarat buat maksimalin penyimpanan cache browser, buka file .htaccess dan tambahin kode kayak gini:

#EXPIRES CACHING#

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg “access 1 year”
ExpiresByType image/jpeg “access 1 year”
ExpiresByType image/gif “access 1 year”
ExpiresByType image/png “access 1 year”
ExpiresByType text/css “access 1 month”
ExpiresByType application/pdf “access 1 month”
ExpiresByType text/x-javascript “access 1 month”
ExpiresByType application/x-shockwave-flash “access 1 month”
ExpiresByType image/x-icon “access 1 year”
ExpiresDefault “access 1 month”
</IfModule>

## EXPIRES CACHING ##

Kayak yang ente liat, di situ ada tulisan “access x year/month”. Ngganti x dengan durasi yang ente mau.

6. Mengurangi Beban Kerja Situs Melalui Lazy Loading

Ngepake teknik “lazy loading” bisa ngebantu ngurangin dampak buruk dari lemotnya website. “Lazy loading” itu teknik di mana konten kayak gambar atau video baru dimuat pas pengguna scroll atau sampe di bagian kontennya.

Berikut beberapa manfaat ngepake teknik “lazy loading”:

Ngehemat waktu muat halaman awal: Dengan “lazy loading”, konten yang nggak keliatan pas awal kunjungan nggak langsung dimuat. Jadi, waktu muat halaman awal jadi lebih cepat, soalnya cuma konten yang keliatan sama pengguna yang dimuat duluan.
Ngehemat beban server: Dengan nggak ngeload semua konten sekaligus, “lazy loading” bisa ngurangin beban server. Karena cuma konten yang dimuat pas diakses sama pengguna yang diproses dan dikirimkan, jadi server nggak harus ngurusin semua konten sekaligus.
Ngehemat bandwidth: Dengan nggak ngeload semua konten sekaligus, “lazy loading” juga bisa ngurangin pemakaian bandwidth pengguna. Ini bermanfaat banget buat pengguna dengan koneksi internet yang lambat atau terbatas.

7. Singkirkan Plugin Tidak Jarang Dipakai

Ngehapus plugin yang nggak terlalu penting juga bisa jadi cara mempercepat loading website. Meskipun plugin bisa mempermudah pengelolaan situs web, tapi kenyataannya banyak plugin yang malah ngelambatin kecepatan website. Bukan cuma plugin yang aktif, tapi plugin yang nggak aktif juga bisa ngaruh.

Tapi, sebelum ente hapus plugin, pikirin dulu apa manfaat yang didapetin dari pake banyak plugin. Pake plugin yang emang dibutuhin aja, dan kurangi atau hapus plugin yang nggak terlalu berguna.

Baca Juga: 16 Cara Optimasi SEO On Page Website Otodidak

8. Perbarui WordPress Secara Teratur

Penting banget buat selalu update WordPress sebagai cara mempercepat loading website makin cepat. Setiap versi baru dari CMS ini biasanya ngehadirin peningkatan performa dan keamanan.

Selalu backup website sebelum update, dan pastiin semua plugin dan tema yang dipake udah kompatibel sama versi terbaru WordPress.

Setelah update rutin, ente bisa ngeliat perbaikan bug dan masalah yang terkait dengan cara mempercepat loading website, sekaligus dapetin fitur terbaru dari CMS ini.

9. Jadikan Sematan (Embed) untuk Video

Ada banyak cara mempercepat loading website, salah satunya pake sematan (embed) buat video. Jadi, nggak perlu upload video langsung ke hosting, tapi cukup ambil video yang udah di-upload ke layanan video kayak YouTube atau Instagram.

Cara mempercepat loading website ini lebih praktis karena nggak nguras bandwidth server. Selain itu, editor Gutenberg di WordPress juga nyediain fitur buat ngedit video ke website tanpa ribet. Caranya gampang, tinggal pilih blok embed terus masukin URL video di kolom yang disediain.

10. Pastikan Hosting yang Dipakai Cepat

Langkah dan cara mempercepat loading website selanjutnya, Server hosting yang lemot bisa jadi penyebab website lelet diakses. Berikut beberapa tips buat milih hosting cepat:

Pilih hosting dengan performa tinggi yang punya spesifikasi server yang memadai, termasuk CPU, RAM, dan kapasitas penyimpanan yang cukup buat kebutuhan.
Pilih server yang deket sama pengunjung. Kalo bisa, pilih server yang berlokasi deket sama pengunjung, jadi waktu respon website lebih cepat.
Hindari shared hosting yang kebanyakan penggunanya. Kalo shared hosting terlalu rame, bisa ngaruh ke performa.

11. Kurangi Penggunaan Redirect

Kurangi penggunaan redirect bisa jadi cara mempercepat loading website yang cukup ampuh. Redirect itu artinya ngalihin pengunjung dari satu URL ke URL lain, dan terlalu sering pake redirect bisa ngaruh buruk ke performa website.

Baca Juga: EEAT SEO: Experience Menjadi Inti Dari Algoritma Ini

12. Mengoptimalkan CSS

Optimasi CSS bisa dilakukan dengan mengurangi kompleksitas kode biar beban di browser lebih ringan dan ngurusin kode yang tetap bersih dan sederhana.

Tindakan sederhana buat nyederhanain kode CSS ini bisa disebut “minify”, misalnya dengan menyederhanain selector, ngganti @import dengan , hindarin penggunaan atribut di CSS biar lebih hemat, dll.

Cara nge-minify CSS bisa dilakuin dengan langkah yang sama kayak nge-minify HTML, atau pake fitur “Auto Minify” dari Cloudflare. Optimasi kode CSS ini penting buat upaya dan cara mempercepat loading website.

13. Optimasi JavaScript

JavaScript juga sering dipake buat ngembangin website. Kelebihan JavaScript ada di kemampuannya buat ngejalain tindakan yang kompleks di website.

Prinsip pemangkasan JavaScript sebenernya mirip dengan HTML dan CSS, bisa pake metode Minify Code kayak pake MinifyCode atau plugin di WordPress.

Selain itu, upaya dan cara mempercepat loading website juga termasuk ngurangin pengunduhan JavaScript yang berulang-ulang, ngurangin pencarian domain (DNS) terus-menerus, dan buangin JavaScript yang nggak efisien.

14. Penggunaan CDN (Content Delivery Network)

Pake CDN alias content delivery network juga bisa jadi cara mempercepat loading website. CDN punya jaringan server yang tersebar di banyak tempat di dunia, jadi bisa nganterin konten website ke pengunjung lewat server yang deket.

Kalo pake layanan CDN, beban server website bisa berkurang dan waktu muat jadi lebih cepat. Ini bermanfaat kalo pengunjung situs web ente berasal dari banyak negara. Misalnya, seorang pengunjung dari Amerika Serikat tetep bisa akses website dari server di Indonesia dengan cepat.

15. Gunakan DNS yang Cepat

DNS bertanggung jawab buat nyertain nama domain jadi alamat IP biar server web bisa akses laman web. Berikut beberapa tips dan cara mempercepat loading website pas pilih DNS yang cepat:

Pake DNS yang andal: Pilih penyedia DNS yang andal dan terpercaya, kayak DNS Publik Google, DNS Cloudflare, atau OpenDNS. Penyedia DNS yang andal punya infrastruktur tangguh dan tersebar di banyak tempat, jadi bisa kasih respons DNS yang cepat.
Kurangi waktu TTL: TTL (Time-to-Live) itu waktu tunggu cache DNS sebelum minta record DNS baru. Ngecilin waktu TTL bisa ngurangin waktu tunggu situs ente. Tapi, perlu diinget, ngecilin waktu TTL juga berarti ngasih beban ke server DNS, jadi pikirin dengan bijak.
Pake DNS lokal: Kalo bisa, pake DNS lokal dari penyedia internet. DNS lokal biasanya lebih cepat karena lokasinya lebih deket sama server ente.
Semoga informasi ini bermanfaat buat cara mempercepat loading web ente!

Baca Juga: 50+ Tips SEO Mendominasi Persaingan Halaman Pertama

Kesimpulan

Jadi, kalo ente udah baca sampai sini, berarti udah tahu dong pentingnya cara mempercepat loading website yang efisien. Kan gak enak juga kalo pengunjung jadi kesel gara-gara nunggu loading yang lemot banget. Mendingan nonton film horor aja daripada nunggu loading website super duper lemot!

Ente juga perlu ngikutin cara mempercepat loading website terbaik biar tetep optimal. Jangan lupa selalu update WordPress ente biar performanya lebih baik dan pastiin hosting yang dipake juga cepet. Kalo hosting-nya lelet, mending ganti aja ke yang lebih kencang biar situs bisa terbang kaya superman!

SEO