5 Cara Mempercepat Loading Situs Kamu
Berbagai macam cara dan usaha yang kita lakukan untuk mempercepat loading situs kita agar menjadi benar-benar optimal, dimana hal tersebut sudah pasti karena alasan kenyamanan pengunjung, semakin nyaman pengunjung yang mengakses maka nilai ketertarikan atau kepuasan akan bertambah sehingga tidak menutup kemungkinan akan menaikan rating situs kita.
Kembali ke judul artikel diatas, berikut beberapa tips optimasi pada situs yang dapat kita lakukan demi mempercepat loading situs kamu agar lebih maksimal.
1. File Compression
Dengan mengkompres, kita bisa menurunkan response time pada saat pengunjung mengakses ke situs kita. Prinsipnya yaitu dengan menurunkan ukuran file pada saat direspon oleh HTTP/HTTPS. Tapi perlu diingat, yang akan kita kompres bukan kepala kita kalau sedang pusing coding, Ingat! BUKAN kepala kita yang kita kompres, melainkan file situs dengan ekstensi *.html dan *.css. Tapi tidak menutup kemungkinan bisa juga diimplementasikan pada file gambar maupun dokumen.
Bagaimana melakukan kompresi ini silahkan ikuti langkah-langkah berikut :
- Buka CPanel akun hosting Kamu, pada kolom pencarian silahkan ketik ‘optimize‘, maka pencarian akan merujuk ke menu ‘Optimize Website‘, silahkan klik menu tersebut.
- Selanjutnya pada halaman Optimize Website silahkan Kamu masukan MIME text pada kolom ‘MIME Type’, kalau Kamu bingung ingin diisi apa silahkan isi saja sebagai berikut ‘text/html text/plain text/xml’ :
- Terkhir, silahkan klik tombol ‘Update Settings‘ untuk menyimpan perubahan. Harusnya akses ke situs Kamu sudah lebih baik dari sebelumnya.
2. Dengan File .htaccess
Cara kedua kita mulai dengan membuka file .htaccess yang ada di root hosting situs Kamu. Demi alasan keamanan biasanya sih’ file ini secara bawaan di hide, kalau memang di hide coba kalian unhide saja terlebih dahulu agar file tersebut dapat tampil. Jika Kamu kesulitan bisa menghubungi teknikal Support jasa hosting tempat Kamu berlangganan.
Belum tampil juga?? Kalau begitu di root hosting situs Kamu memang tidak ada file .htaccess-nya, kalau sudah begini kondisinya maka siapkan mental Kamu untuk membuat file dengan nama ‘.htaccess‘ (perhatikan, harus ada dot-nya didepan). Kalau sudah selesai selanjutnya tinggal Kamu buka atau edit file tersebut lalu masukan kode dibawah ini :
<IfModule pagespeed_module>
ModPagespeed on
</IfModule>
3. Dengan ob_gzhandler
Cara ini merupakan cara alternatif, jika server hosting Kamu tidak mendukung modul ‘mod_deflate’ atau ‘mod_gzip’. Caranya mudah, tinggal Kamu tambahkan saja kode berikut pada file *.php situs kalian tepatnya setelah tag <body>.
<?php
if ( substr_count( $_SERVER[‘HTTP_ACCEPT_ENCODING’], ‘gzip’ ) ) {
header(‘Content-Encoding: gzip’);
ob_start( ‘ob_gzhandler’ );
} else { ob_start(); }?>
4. Disable Etags
ETag atau Entity Tags adalah sebuah string yang digunakan untuk memvalidasi cache pada browser apakah sama dengan kode aslinya atau tidak. ETag berpengaruh pada pengujian YSlow!, dengan tidak adanya ETag, skor YSlow dari situs Kamu bisa bertambah. Caranya mudah, tinggal salin kode berikut ke file .htaccess situs Kamu.
Header unset ETagFileETag None
5. Browsing Cache
Ketika kita sedang membuka halaman situs, maka secara tidak langsung browser akan menyimpan data-data konten dari situs tersebut selama beberapa periode tertentu. Jadi konsepnya ketika pengunjung kembali mengakses situs kita, maka browser tidak perlu menyimpan ulang data-data kontennya lagi karena sudah tersimpan sebelumnya, saat pertama kali situs diakses.
Pastikan server hosting yang Kamu gunakan, khususnya Apache sudah mendukung modul ‘mod_expires’ dan ‘mod_headers’, penjelasan singkat mengenai kedua modul tersebut kurang lebih sebagai berikut :
mod_expires, digunakan untuk menentukan lama periode file yang disimpan di browser pengunjung.
mod_headers, digunakan untuk mengatur respon HTTP/HTTPS apakah file tersebut masih ada atau sudah terhapus.
Jika sudah paham mengenai fungsi kedua modul tersebut, langkan selanjutnya silahkan ubah file .htaccess situs Kamulalu masukan kode berikut :
# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/x-icon ‘access 1 year’
ExpiresByType image/jpg ‘access 1 year’
ExpiresByType image/jpeg ‘access 1 year’
ExpiresByType image/png ‘access 1 year’
ExpiresByType image/gif ‘access 1 year’
ExpiresByType text/html ‘access 1 month’
ExpiresByType text/javascript ‘access 1 week’
ExpiresByType text/x-javascript ‘access 1 week’
ExpiresByType text/css ‘access 1 week’
ExpiresDefault ‘access 1 month’
</IfModule># END Expire header
Atau
# BEGIN Cache-Control Headers
<IfModule mod_headers.c>
<FilesMatch ‘\.(ico|jpe?g|png|gif|swf)$’>
Header set Cache-Control ‘max-age=2592000, public’
</FilesMatch><FilesMatch ‘\.(css|js)$’>
Header set Cache-Control ‘max-age=604800’
</FilesMatch><FilesMatch ‘\.(x?html?|php)$’>
Header set Cache-Control ‘max-age=2592000, private, must-revalidate’
</FilesMatch>
</IfModule># END Cache-Control Headers
Sekian untuk tips tentang bagaimana mempercepat loading situs kali ini, untuk beberapa kondisi tertentu tidak menutup kemungkinan cara diatas akan benar-benar berfungsi pada situs Kamu, hal tersebut umumnya dikarenakan konfigurasi dari server yang berbeda-beda.