Your browser does not support JavaScript!

Gaswad.Com

— Apapun Informasinya Yang Penting Berguna
    Follow :

5 Cara Mempercepat Loading Website
Oct 29th, 2015

5 Cara Mempercepat Loading Website

Category : Tips & Tricks | Posted by G-admin at at October 29th, 2015 11:47 am
1116 | 0

Berbagai macam cara dan usaha yang kita lakukan untuk membuat website kita 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 website kita.

Kembali ke judul artikel di atas, berikut salah satu tips optimasi pada website yang memungkinkan akan mempercepat loading website kita supaya lebih maksimal.

 

1. Gzip File Compression

Dengan mengkompres, kita bisa menurunkan response time pada saat akses ke website kita. Prinsipnya yaitu dengan menurunkan ukuran file pada saat di respon oleh HTTP. Tapi perlu di ingat, yang akan kita kompres bukan kepala kita kalau lagi pusing nge-coding, Ingat! BUKAN kepala kita yang kita kompres, melainkan file *.html dan *.css. Tapi tidak menutup kemungkinan bisa juga digunakan pada file gambar dan *.pdf.

Bagaimana melakukan kompresi ini silahkan ikuti langkah-langkah berikut :

  1. Buka CPanel akun hosting kalian lalu pada kolom pencarian silahkan ketik ‘optimize‘, maka pencarian akan merujuk ke menu ‘Optimize Website‘, silahkan klik menu tersebut.
  2. Selanjutnya pada halaman Optimize Website silahkan kalian masukan MIME text pada kolom ‘MIME Type’, kalau bingung mau di isi apa silahkan isi saja sebagai berikut :

    text/html text/plain text/xml

  3. Terkhir, silahkan klik tombol ‘Update Settings‘ untuk menyimpan perubahan kalau sudah selesai.

 

2. Dengan File .htaccess

Cara kedua kita mulai dengan membuka file .htaccess yang ada di root hosting website kalian. Demi alasan keamanan biasanya sih’ file ini di hide, kalau memang di hide coba kalian unhide saja terlebih dahulu agar file tersebut dapat tampil.

Belum tampil juga?? Kalau begitu di root hosting website kalian memang tidak ada file .htaccess-nya, kalau sudah begini kondisinya maka siapkan mental kalian untuk membuat file dengan nama ‘.htaccess‘ (perhatikan, harus ada dot-nya). Kalau sudah selesai selanjutnya tinggal kalian buka atau edit file tersebut lalu masukan kode di bawah ini :

<IfModule pagespeed_module>
  ModPagespeed on # using commands,filters etc
</IfModule>

 

3. Dengan ob_gzhandler

Cara ini merupakan cara alternatif, jika server hosting kalian tidak mendukung modul ‘mod_deflate‘ atau ‘mod_gzip‘. Caranya mudah, tinggal kalian tambahkan saja kode berikut pada file *.php website 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. ETag berpengaruh pada pengujian YSlow!, dengan tidak adanya ETag, skor YSlow dari website kita bisa bertambah. Caranya mudah, tinggal salin kode berikut pada file .htaccess.

Header unset ETagFileETag None

 

5. Browsing Cache

Ketika kita sedang membuka halaman website maka secara tidak langsung browser akan menyimpan data-data konten dari website tersebut selama periode tertentu. Jadi konsepnya ketika pengunjung kembali mengakses website kita, maka browser tidak perlu menyimpan data-data konten-nya lagi.

Pastikan server hosting yang kalian gunakan, khususnya Apache sudah mendukung modul ‘mod_expires‘ dan ‘mod_headers‘, penjelasan singkat mengenai kedua modul tersebut ialah sebagai berikut :

  • mod_expires, digunakan untuk menentukan lama periode file yang disimpan di browser pengunjung.
  • mod_headers, digunakan untuk mengatur respon HTTP apakah file tersebut masih ada atau sudah terhapus.

Jika sudah paham mengenai fungsi kedua modul tersebut, langkan selanjutnya silahkan edit file .htaccess website kalian lalu masukan kode berikut :

 

# BEGIN Expire headers
<ifModule mod_expires.c>ExpiresActive On
ExpiresDefault 'access plus 5 seconds'
ExpiresByType image/x-icon 'access plus 2592000 seconds'
ExpiresByType image/jpeg 'access plus 2592000 seconds'
ExpiresByType image/png 'access plus 2592000 seconds'
ExpiresByType image/gif 'access plus 2592000 seconds'
ExpiresByType application/x-shockwave-flash 'access plus 2592000 seconds'
ExpiresByType text/css 'access plus 604800 seconds'
ExpiresByType text/javascript 'access plus 216000 seconds'
ExpiresByType application/javascript 'access plus 216000 seconds'
ExpiresByType application/x-javascript 'access plus 216000 seconds'
ExpiresByType text/html 'access plus 600 seconds'
ExpiresByType application/xhtml+xml 'access plus 600 seconds'
</ifModule>
# END Expire header

# BEGIN Cache-Control Headers
<ifModule mod_headers.c>
<filesMatch '\.(ico|jpe?g|png|gif|swf)$'>
Header set Cache-Control 'public'
</filesMatch>

<filesMatch '\.(css)$'>
Header set Cache-Control 'public'
</filesMatch>

<filesMatch '\.(js)$'>
Header set Cache-Control 'private'
</filesMatch>

<filesMatch '\.(x?html?|php)$'>
Header set Cache-Control 'private, must-revalidate'
</filesMatch>
</ifModule>
# END Cache-Control Headers

Sekian untuk tips kali ini, untuk beberapa kondisi tertentu tidak menutup kemungkinan cara di atas akan benar-benar berfungsi pada website kalian, hal tersebut umumnya di karenakan konfigurasi dari server yang kalian gunakan berbeda-beda.

Untuk teman-teman yang memiliki masukan mengenai artikel ini bisa langsung komentar di bawah, jadi jika ada kesalahan penulisan atau tidak valid-nya informasi yang di berikan di artikel ini bisa kita koreksi bersama-sama.

Sekian dan terima kasih, semoga bermanfaat dan selamat ber-coding ria.

Share social media :



Your response about this article :


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Related Articles

Multiple Versi PHP di XAMPP??? Kenapa Tidak!
Multiple Versi PHP di XAMPP??? Kenapa Tidak!
Category : Tips & Tricks | May 15th, 2019
183 | 0
8 Tips Memilih Jasa Server Hosting Terbaik
8 Tips Memilih Jasa Server Hosting Terbaik
Category : Tips & Tricks | November 2nd, 2018
374 | 0
Panduan SEO ala Google
Panduan SEO ala Google
Category : Tips & Tricks | October 24th, 2017
903 | 0
Cara Mudah Download Video Youtube
Cara Mudah Download Video Youtube
Category : Tips & Tricks | September 15th, 2017
2005 | 0
Nih! 3 Cara Redirek Domain Yang Baik Dan Benar
Nih! 3 Cara Redirek Domain Yang Baik Dan Benar
Category : Tips & Tricks | February 3rd, 2015
939 | 0
Fungsi Kombinasi Tombol Pada Keyboard
Fungsi Kombinasi Tombol Pada Keyboard
Category : Tips & Tricks | July 1st, 2014
6681 | 0
13 Cara Meningkatkan SEO Website
13 Cara Meningkatkan SEO Website
Category : Tips & Tricks | June 30th, 2014
1098 | 0
Latest Posts

Syntax error or access violation: 1071 Specified key was too long
Syntax error or access violation: 1071 Specified key was too long
Category : Laravel, Tips & Tricks | October 18th, 2018
394 | 0

Bagi kalian pengguna Framework Laravel, terutama Laravel mulai dari versi 5.4 keatas pasti pernah mengalami pesan error berikut pada saat melakukan migrasi tabel dengan menggunakan perintah migrate : SQLSTATE[42000]: Syntax error or access violation:...

Continue reading
Tutorial : Belajar Menggunakan Laravel – Part 4 (Model & Konfigurasi Database)
Tutorial : Belajar Menggunakan Laravel – Part 4 (Model & Konfigurasi Database)
Category : Laravel, Tutorials | October 18th, 2018
663 | 0

Halo para pembaca Gaswad, menyambung artikel tutorial Belajar Menggunakan Laravel sebelumnya, kali ini kita akan membahas sedikit tentang pengenalan Model dan bagaimana melakukan Konfigurasi Database, namun pastikan kalian sudah membaca tutorial-tuto...

Continue reading
Tutorial : Belajar Menggunakan Laravel – Part 3 (View & Blade Template)
Tutorial : Belajar Menggunakan Laravel – Part 3 (View & Blade Template)
Category : Laravel, Tutorials | October 9th, 2018
963 | 0

Di artikel sebelumnya, kita sudah berhasil menampilkan output langsung dari halaman Controller (webController.php) namun hanya sebatas sebagai Debugger saja. Halaman Controller memang tidak di khususkan untuk di kostumisasi sebagai Front-End website,...

Continue reading
Tutorial : Belajar Menggunakan Laravel – Part 2 (Routing & Controller)
Tutorial : Belajar Menggunakan Laravel – Part 2 (Routing & Controller)
Category : Laravel, Tutorials | October 9th, 2018
719 | 0

Pada artikel kali ini, kita akan belajar menggunakan Routing dan Controller dimana Routing dan Controller ini sudah pasti ada dan disediakan di setiap framework khususnya framework PHP. Sebelum kita melangkah terlalu jauh sampai tidak kelihatan, perl...

Continue reading
Tutorial : Belajar Menggunakan Laravel – Part 1 (Instalasi Laravel)
Tutorial : Belajar Menggunakan Laravel – Part 1 (Instalasi Laravel)
Category : Laravel, Tutorials | October 9th, 2018
856 | 0

Halo para pembaca Gaswad yang setia menunggu artikel baru dari penulis (pede), setelah sekian lama tidak update-update karena di sibukan dengan pekerjaan kantor akhirnya hari ini, jam ini, menit ini dan detik ini, penulis berhasil menyempatkan diri ...

Continue reading
Perbedaan Localhost Dan Web Hosting
Perbedaan Localhost Dan Web Hosting
Category : Others | September 17th, 2018
1234 | 0

Halo ghaes… Bagi beberapa dari kalian pasti masih belum ada yang begitu paham bagaimana suatu website bisa menampilkan konten-konten atau artikel seketika kita melakukan pencarian baik dengan menggunakan mesin pencari atau search engine seperti...

Continue reading
Membuat Efek Gradasi Warna Menggunakan CSS
Membuat Efek Gradasi Warna Menggunakan CSS
Category : Tutorials | September 4th, 2018
2510 | 2

Pada tutorial kali ini kita akan mencoba membuat gradasi warna, apa itu gradasi warna bisa kalian lihat contohnya pada gambar-gambar berikut : Yup, seperti yang sudah kalian lihat pada gambar-gambar tersebut dimana pada tiap gambar memiliki lebih dar...

Continue reading
Iklan Adsense Di Website Kamu Ter-klik Sendiri? Nih! Tips-nya
Iklan Adsense Di Website Kamu Ter-klik Sendiri? Nih! Tips-nya
Category : Tips & Tricks | August 14th, 2018
746 | 0

Hallo guys, akhirnya kita berjumpa lagi setelah sekian lama kita berpisah… Hallah… Okey langsung saja, untuk artikel kali ini penulis ingin coba berbagi sedikit mengenai tips jika iklan adsense kamu ter-klik, mungkin lebih tepatnya ter-kl...

Continue reading
Tutorial : Cara Install Composer
Tutorial : Cara Install Composer
Category : Others | June 5th, 2018
935 | 0

Apa Itu Composer? Composer adalah suatu aplikasi manajemen paket selain Node.js (npm) dan Ruby (bundler) yang menyediakan format standar untuk mengelola dependensi PHP dan library-library yang diperlukan. Sumber : Wikipedia Jadi secara garis besar, d...

Continue reading
Error Reported Attack Page! Waw… Domain Di Blacklist Google??
Error Reported Attack Page! Waw… Domain Di Blacklist Google??
Category : Tips & Tricks | November 13th, 2017
1199 | 0

Seperti yang kalian lihat pada contoh tampilan gambar di atas, tampilan tersebut merupakan tampilan bahwa domain kalian di blacklist atau di blokir oleh Google, alhasil tentunya website kalian tidak akan bisa di akses. Ada yang pernah ngalamin?? Bebe...

Continue reading
Cara Menambah Ads Unit Atau Blok Iklan Adsense
Cara Menambah Ads Unit Atau Blok Iklan Adsense
Category : Tutorials | November 13th, 2017
1832 | 4

Halo para pembaca Gaswad yang ganteng dan yang cantik-cantik, yang jelek jangan kesinggung ya. Hehe… 😀 Ssetelah sekian lama ngga update akhirnya dapet kesempatan nyolong-nyolong waktu buat nge-update artikel Gaswad. Pada pembahasan artikel k...

Continue reading
Yang Baru Di Bootstrap 4
Yang Baru Di Bootstrap 4
Category : Others | October 31st, 2017
1267 | 0

Tidak terasa baru saja beberapa waktu lalu penulis menulis artikel tentang Bagaimana Cara Membuat Web Responsif Dengan Boostrap yang masih menggunakan versi 3, ehh… udah nongol aja ini adeknya yang versi 4. Yaaa’, sebenarnya sih’ ud...

Continue reading

Wordpress

  • Oct
    24
    2017
    Tutorial : Cara Membuat Template WordPress – Part 5 (Complete)
    Artikel ini merupakan artikel terakhir tentang bagaimana cara membuat template WordPress, bagi ...
    Read more
  • Oct
    20
    2017
    Tutorial : Cara Membuat Template WordPress – Part 4
    Pada sesi ini kita akan membuat Menu Navigasi dan Sidebar pada halaman template yang sudah kita...
    Read more
  • Oct
    20
    2017
    Tutorial : Cara Membuat Template WordPress – Part 3
    Pada artikel kali ini kita akan melanjutkan bagaimana cara membuat template WordPress menyambun...
    Read more
  • Oct
    13
    2017
    Tutorial : Cara Membuat Template WordPress – Part 2
    Artikel ini merupakan sambungan dari artikel pertama, pada artikel sebelumnya kita sudah membah...
    Read more
  • Oct
    10
    2017
    11 Cara Meningkatkan Keamanan Pada WordPress
    Pada artikel kali ini penulis ingin membagikan beberapa tips seputar keamanan pada website Word...
    Read more
  • More articles
Tips & Tricks

  • May
    15
    2019
    Multiple Versi PHP di XAMPP??? Kenapa Tidak!
    Pada artikel kali ini penulis ingin berbagi tips bagaimana menjalankan multiple versi PHP di da...
    Read more
  • Nov
    02
    2018
    8 Tips Memilih Jasa Server Hosting Terbaik
    Pada artikel kali ini penulis ingin memberikan beberapa tips memilih server hosting terbaik. Ba...
    Read more
  • Oct
    18
    2018
    Syntax error or access violation: 1071 Specified key was too long
    Bagi kalian pengguna Framework Laravel, terutama Laravel mulai dari versi 5.4 keatas pasti pern...
    Read more
  • Aug
    14
    2018
    Iklan Adsense Di Website Kamu Ter-klik Sendiri? Nih! Tips-nya
    Hallo guys, akhirnya kita berjumpa lagi setelah sekian lama kita berpisah… Hallah… ...
    Read more
  • Nov
    13
    2017
    Error Reported Attack Page! Waw… Domain Di Blacklist Google??
    Seperti yang kalian lihat pada contoh tampilan gambar di atas, tampilan tersebut merupakan tamp...
    Read more
  • More articles
Tutorials

  • Jul
    18
    2019
    Tutorial : Integrasi Custom Media Gallery Dengan TinyMCE Dan Bootstrap
    Holllaa…! Apa kabar para calon-calon programer handal yang baik dan budiman! Semoga setel...
    Read more
  • Jul
    18
    2019
    Instalasi Text Editor WYSIWYG TinyMCE
    Sesuai pada judul artikel ini, beberapa kalian pasti masih ada yang belum mengenal apa itu Text...
    Read more
  • Apr
    30
    2019
    Tutorial : Belajar Menggunakan Laravel – Part 8 (Delete Data) END
    Artikel kali ini merupakan artikel terakhir tentang tutorial Belajar Menggunakan Laravel, pada ...
    Read more
  • Apr
    30
    2019
    Tutorial : Belajar Menggunakan Laravel – Part 7 (Update/Edit Data)
    (Curcol) Sempat hilang kabar sampai berbulan-bulan akhirnya penulis kembali lagi untuk melanjut...
    Read more
  • Nov
    09
    2018
    Tutorial : Belajar Menggunakan Laravel – Part 6 (Menampilkan Data)
    Melanjutkan tutorial sebelumnya dimana kita sudah berhasil memasukan data ke dalam database mel...
    Read more
  • More articles
Others

  • Sep
    17
    2018
    Perbedaan Localhost Dan Web Hosting
    Halo ghaes… Bagi beberapa dari kalian pasti masih belum ada yang begitu paham bagaimana s...
    Read more
  • Jun
    05
    2018
    Tutorial : Cara Install Composer
    Apa Itu Composer? Composer adalah suatu aplikasi manajemen paket selain Node.js (npm) dan Ruby ...
    Read more
  • Oct
    31
    2017
    Yang Baru Di Bootstrap 4
    Tidak terasa baru saja beberapa waktu lalu penulis menulis artikel tentang Bagaimana Cara Membu...
    Read more
  • Oct
    09
    2017
    Pengertian Page View, Visitor Dan Bounce Rate
    Sebenarnya pada artikel kali ini penulis ingin membuat tutorial bagaimana cara membuat template...
    Read more
  • Sep
    29
    2017
    ​Apa Itu Web Framework?
    Beberapa dari kalian apalagi yang masih pemula dalam bidang pemrograman website pasti masih awa...
    Read more
  • More articles
Page generated in : 925.02 ms