beberapa faktor yang umum adalah:
- koneksi internet server yang memang kurang cepat baik akses lokal maupun internasional sehingga latency cukup tinggi
- load 1 halaman website yang terlalu besar dikarenakan request terlalu banyak ataupun image yang terlalu besar
- kemampuan baca dan tulis pada server yang sudah menurun dikarenakan usia storage atau memang visitor yang terlalu besar sehigga server tidak mampu menghandle.
Dalam hal ini kami ingin menekankan point no 2 yang terkadang suka diabaikan oleh banyak orang.
beberapa tools untuk mengecek performance suatu website adalah https://gtmetrix.com dan https://tools.pingdom.com/
akan tetapi tidak bisa 100% menjadi acuan tetapi bisa menjadi guideline agar website kalian bisa lebih baik dari sebelumnya.
1 hal yang kita ingin bahas adalah gzip compression.
jika kalian menggunakan web server apache, silahkan enable mod_gzip agar fitur gzip compression dapat enable.
Gzip compression ini sangat membantu untuk melakukan kompresi konten / asset suatu website termasuk meliputi image, css, javascript, html, dll
berikut contoh apakah suatu website sudah menggunakan gzip atau belum dengan cara inspect element dari browser chrome.
semua aset pada web tersebut dilakukan kompresi menggunakan gzip sehingga total load 1 halaman website akan berkurang yang semula sekitar 2Mb menadi 1,7Mb.
hal tersebut sangat membantu dalam hal kecepatan buka suatu website.
Silahkan letakan code berikut ini didalam .htaccess jika kalian menggunakan web server apache dan pastikan mod_rewrite telah ter-enable
<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>
