Tag: Meningkatkan Performa Website Wordpress

wpJakarta – Membuat Website Ngebut Bagian Kedua. Pada artikel kami sebelumnya Membuat Website Ngebut Bagian Pertama, kami jelaskan lima hal untuk membuat website ngebut, dan pada bagian kedua ini, kami akan jelaskan lima hal lainnya yang bisa kita maksimalkan untuk mempercepat loading time halaman website.

6. Mengurangi server respons time

Satu faktor signifikan dalam hal kecepatan website adalah DNS lookup. DNS atau Domain Name Server adalah server dengan database alamat IP dan terhubung dengan hostname. Contohnya jika anda mengunjungi website ini dan anda akan mengetikan alamat https://wpjakarta.com, maka server akan melakukan “lookup” untuk menemukan alamat IP untuk nama domain wpjakarta.com.

Anda dapat membandingkan performa masing-masing DNS provider secara online disini https://www.dnsperf.com. Menggunakan DNS provider yang lebih cepat merupakan pilihan yang tepat untuk mengurangi waktu proses pageload website anda.

7. Memilih provider dan paket hosting yang tepat

Untuk website usaha kecil memang lebih fleksibel untuk menyewa paket hosting, ketimbang investasi membangun sebuah web server sendiri. Tapi anda perlu untuk mengukur sejauh dan seberat apa website anda nantinya. Hingga anda bisa menentukan perusahaan hosting dan paket yang tepat untuk anda pilih.

Beberapa jenis dan paket hosting yang perlu anda pertimbangkan adalah sebagai berikut  :

• Shared hosting
• VPS hosting
• Dedicated server

Ibaratkan saja anda menyewa Shared hosting seperti anda tinggal di kontrakan petak dengan satu kamar mandi yang dipakai bareng-bareng dengan penyewa yang lain. VPS anda menyewa kamar hotel yang kamar mandinya eksklusif untuk anda sendiri, tapi akomodasinya sudah di urus oleh para pegawai hotel.

Lalu Dedicated server anda menyewa rumah mewah yang kegiatan bersih-bersih atau penataannya anda lakukan sendiri. Sebagai contoh dari hosting yang ada diindonesia adalah layanan yang disediakan niagahoster. Untuk jelasnya silahkan anda kunjungi website niagahster untuk melihat perbandingan hosting. Yang pasti niagahoster memberikan paket hosting yang murah namun berkualitas.

8. Melakukan Cek dan Test Kompresi file

Pada dasarnya semakin kecil file-file website maka akan semakin cepat “pageload” yang akan kita dapatkan. Coba lah untuk meluangkan sedikit waktu apakah website anda sudah menjalankan metode kompresi. Banyak tools online untuk melakukan test tersebut. Salah satunya adalah : https://varvy.com/tools/gzip/varvy.

Mengkompress file akan memperkecil ukuran tanpa harus mengorbankan kualitas. Dengan melakukan cek menggunakan tools online tersebut kita dapat mengetahui seberapa besar ukuran file dan berapa % file yang bisa di kompres.

9. Mengkompress file dengan gzip

Setelah menjalankan cek dan test file kompresi diatas, syukurlah kalau ternyata anda sudah menjalankan metode kompresi pada website anda. Tapi jika belum, maka anda harus melakukannya sekarang juga. Dan saat ini mengkompresi file dengan Gzip sudah menjadi standard dan keharusan.

Gzip merupakan file format dan metode kompresi yang menempatkan kode string yang serupa ke dalam file teks, lalu kemudian menggantikannya sementara untuk membuat file lebih kecil. Gzip bekerja sempurna pada HTML dan CSS karena file-file tersebut memiliki tipikal berulang.

Kebanyakan web server saat ini juga dapat mengakomodasi metode kompresi gzip. Gzip dapat mereduksi waktu download hingga 70%. Lalu bagaimana untuk dapat mengktifkan kompres gzip pada website kita ?

Mengaktifkan Gzip melalui file .htaccess

Pada masing-masing server website memang berbeda-beda kode perintah untuk mengaktifkan gzip melalui file .htaccess. Tapi jika anda menjalankan website anda pada server website apache anda dapat menambahkan baris kode berikut pada file .htaccess.

 <IfModule mod_gzip.c>
 mod_gzip_on Yes
 mod_gzip_dechunk Yes
 mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
 mod_gzip_item_include handler ^cgi-script$
 mod_gzip_item_include mime ^text/.*
 mod_gzip_item_include mime ^application/x-javascript.*
 mod_gzip_item_exclude mime ^image/.*
 mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
 </IfModule>
 <IfModule mod_deflate.c>
 AddOutputFilterByType DEFLATE text/html
 AddOutputFilterByType DEFLATE text/css
 AddOutputFilterByType DEFLATE text/javascript
 AddOutputFilterByType DEFLATE text/xml
 AddOutputFilterByType DEFLATE text/plain
 AddOutputFilterByType DEFLATE image/x-icon
 AddOutputFilterByType DEFLATE image/svg+xml
 AddOutputFilterByType DEFLATE application/rss+xml
 AddOutputFilterByType DEFLATE application/javascript
 AddOutputFilterByType DEFLATE application/x-javascript
 AddOutputFilterByType DEFLATE application/xml
 AddOutputFilterByType DEFLATE application/xhtml+xml
 AddOutputFilterByType DEFLATE application/x-font
 AddOutputFilterByType DEFLATE application/x-font-truetype
 AddOutputFilterByType DEFLATE application/x-font-ttf
 AddOutputFilterByType DEFLATE application/x-font-otf
 AddOutputFilterByType DEFLATE application/x-font-opentype
 AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
 AddOutputFilterByType DEFLATE font/ttf
 AddOutputFilterByType DEFLATE font/otf
 AddOutputFilterByType DEFLATE font/opentype
 # Browsers lama yang tidak menghandle kompresi
 BrowserMatch ^Mozilla/4 gzip-only-text/html
 BrowserMatch ^Mozilla/4\.0[678] no-gzip
 BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
 </IfModule>

10. Mengaktifkan browser caching

Ketika kita mengunjungi sebuah website, elemen dari alamat web yang kita kunjungi akan disimpan di hard disk dalam bentuk cache. Artinya saat kita mengunjungi lagi halaman web tersebut maka browser akan meload tanpa harus meminta http request ke server.

Jika anda menjalankan website WordPress dengan plugin litespeed yang terinstal, maka anda dapat mengaktikan browser caching hanya dengan mentoggle ON browser cache. Anda dapat melakukannya pada menu setting dibagian tab advance.

Dan litespeed akan secara otomatis menuliskan kode berikut pada file .htaccess anda :

 <IfModule mod_expires.c>
 ExpiresActive on
 ExpiresByType application/pdf A2592000
 ExpiresByType image/x-icon A2592000
 ExpiresByType image/vnd.microsoft.icon A2592000
 ExpiresByType image/svg+xml A2592000
 ExpiresByType image/jpg A2592000
 ExpiresByType image/jpeg A2592000
 ExpiresByType image/png A2592000
 ExpiresByType image/gif A2592000
 ExpiresByType image/webp A2592000
 ExpiresByType video/ogg A2592000
 ExpiresByType audio/ogg A2592000
 ExpiresByType video/mp4 A2592000
 ExpiresByType video/webm A2592000
 ExpiresByType text/css A2592000
 ExpiresByType text/javascript A2592000
 ExpiresByType application/javascript A2592000
 ExpiresByType application/x-javascript A2592000
 ExpiresByType application/x-font-ttf A2592000
 ExpiresByType application/x-font-woff A2592000
 ExpiresByType application/font-woff A2592000
 ExpiresByType application/font-woff2 A2592000
 ExpiresByType application/vnd.ms-fontobject A2592000
 ExpiresByType font/ttf A2592000
 ExpiresByType font/woff A2592000
 ExpiresByType font/woff2 A2592000
 </IfModule>

Itulah lima hal membuat website ngebut yang kami tuangkan pada bagian kedua, yang bisa kita manfaatkan untuk mempercepat pageload halaman website. Pada kesempatan berikutnya yaitu pada bagian ketiga kami masih akan membahas hal-hal untuk mempercepat waktu loading halaman website.

---

100% website WordPress transparan dan “ecofriendly”, tidak ada data pengunjung yang kami kumpulkan dan tidak ada tracking data apapun terhadap data-data pengunjung”.​ Selengkapnya kunjungi halaman tentang kami.

wpJakarta

Blog “native” yang fokus pada usaha online berbasis WordPress & WooCommerce. Lihat penawaran terbaik untuk merchandise WordPress (Kaos, Hoodie, Topi, Tas dll).

Selengkapnya, klik : https://wpjakarta.com/shop/

Fresh (+62)

e-Commerce produk fresh online. Order secara online sayur, daging, buah dan bumbu rempah atau kirim list pesanan untuk pemenuhan usaha makanan dan restoran.

Selengkapnya, klik : https://freshplus62.com/about/

wpJakarta – Membuat Website Ngebut Bagian Pertama. Artikel ini telah kami pindahkan ke halaman kategori artikel Non-WordPress : https://wpjakarta.com/non-wordpress/Membuat Performa Website Ngebut (Bagian 1)/. Atau kunjungi artikel kami lainnya.