Cara Mempercepat Loading Website

Website lambat saat dibuka sebenarnya faktornya sangatlah banyak. Kita tidak bisa memprediksi apakah sebuah website sudah optimal atau tidak hanya dari melihat sekilas saja. Perlu dilakukan diagnosa lebih lanjut untuk melihat faktor sebenarnya yang terjadi.

Kami mencoba memecah solusi menjadi 2(dua) bagian, yaitu untuk non-IT dan IT. Karena mungkin saja tidak semua pembaca paham betul tentang IT.

Cara Kerja Sebuah Website Secara Sederhana

Sebelum kita melakukan optimasi, ada baiknya jika anda paham sedikit tentang cara kerja sebuah website dari URL diketikkan hingga website termuat dihadapan anda.

1. Pengguna mengetikan URL "wevelope.net" - Dimana pengguna mengetikan URL pada browser masing-masing
2. Browser mengakses "wevelope.net" - Browser mencoba mengakses "wevelope.net" dengan menggunakan internet
3. ISP melakukan "Request" - Provider akan mencoba melakukan perubahan "wevelope.net" menjadi IP. Ini pernah kami bahas pada tulisan Apa Itu Web Hosting? pada bagian DNS.
4. Server "wevelople.net" melakukan "query" pada database - Proses ini bisa optional bergantung dari cara masing-masing website mengolah data.
5. Database mengembalikan "data" - Dimana data ini akan diolah oleh program pada poin nomor 4
6. Server "wevelope.net" mengembalikan "data" berupa text "HTML" pada ISP
7. ISP meneruskan text "HTML" ke browser
8. Browser menyusun website sesuai dengan text "HTML" - Perlu diingat sampai dititik ini website sudah termuat tetapi tidak semua element akan muncul. Disini diperlukan tahap lanjutan
9. Browser akan melakukan permintaan ulang untuk semua data seperti gambar, css, dll. Fokuslah pada kata "gambar" karena hal ini yang kebanyakan dilukapan.

Alat Uji Coba Performa Website

Menggunakan GT Metrix

1. Masuk ke GT Metrix
2. Ketikkan nama website yang ingin diuji
3. Hasil akan keluar

Dari sana akan dapat melihat bagian mana yang dapat dipelajari dan dilakukan optimasi

Menggunakan Google PageSpeed Insight

1. Masuk ke Google PageSpeed Insight
2. Ketikkan nama website yang ingin diuji
3. Hasil akan keluar

Menggunakan Google Chrome Lighthouse

1. Buka Google Chrome
2. Buka website yang ingin dilakukan uji coba.
3. Masuk ke Inspect Element dengan menekan Ctrl+Shift+I
4. Masuk ke Tab Lighthoues yang terletak paling kanan.
5. Tekan Analyze page load, maka Googe Chrome akan melakukan testing terhadap website ybs.

10+ Tips Optimasi Website

Optimasi Gambar

Dalam bagian ini kami akan membahas sesuatu yang tidak terlalu teknis yang dapat anda implementasikan sekarang juga.

Kami sering mendapati website yang bagus, tetapi lambat biasanya dikarenakan gambar yang tidak sesuai peruntukannya. Contohnya anda hanya memerlukan gambar sebesar lebar x panjang = 900 x 600, tetapi gambar yang termuat bisa 2700 x 1800. Jelas hal ini akan sangat memperlambat website. Ini yang membuat website loading terlalu lama.

Jika anda lihat, diatas adalah penggunaan gambar yang optimal, dimana resolusi gambar dengan gambar yang ditampilkan sama yaitu 898 x 294.

Namun ada juga penggunaan resolusi gambar bisa dioptmalkan. Berikut contohnya:

Disana terpampang bahwa resolusi sebenarnya adalah 900 x 900, tetapi yang dibutuhan sebenarnya hanya 330 x 330. Artinya, website tersebut bisa dioptimalkan 3x lebih cepat.

Sekarang, anda tahu kesalahan terbesar yang membuat website menjadi lambat. Silakan lakukan pengecheckan lagi untuk website anda. Anda juga dapat meminta bantuan kita untuk melakukan pengecheckan. Konsultasi lewat whatsappi.

Gunakan Versi Terbaru

Untuk mendapatkan hasil yang optimal, baiknya menggunakan software yang terbaru. Namun, hal ini dapat berakibat hosting harus diupgrade jika memang tidak cukup baik.

Jadi, pastikan web hosting dapat menangani versi software terbaru. Tanyakan ke CS terlebih dahulu untuk melakukannya.

Optimasi Query/SQL Pada Database

Usahakan melakukan query seminim mungkin, Banyak programmer yang melakukan query berulang, padahal datanya tidak berubah dan dapat disimpan ke dalam cache atau variabel sementara.

Widget Pihak Ketiga

Menggunakan widget pihak ke tiga dengan bantuan iframe tidak begitu bagus untuk performa. Hal ini tidak masalah jika hanya untuk beberapa halaman tertentu, jika untuk seluruh halaman, ada baiknya untuk dipikirkan lagi.

Penggabungan File JS dan CSS

Memanggil file JS dan CSS yang banyak dapat mengakibatkan lambatnya render website. Gabungkan file JS dari atas sampai bawah secara berurutan dan akan menjadi 1 file satu kesatuan. Lakukan pula untuk file CSS.

Hal ini tidak perlu dilakukan manual, karena sudah banyak software diluar sana untuk melakukan hal ini.

Upgrade Web Hosting / Server

Langkah terakhir jika semuanya sudah dilaukan optimasi namun masih tetap lambat, biasanya karena server yang sudah tidak mumpuni. Cobalah melakukan upgrade sedikit demi sedikit untuk melihat performa website apakah naik atau tetap sama.