Bagaimana Mempercepat Performa Website WordPress

9 0
Bagaimana Mempercepat Performa Website Wordpress

Bagaimana Mempercepat Performa Website WordPress

Berbagai upaya dilakukan oleh semua developer web untuk mencari teknik mempercepat situs wordpress mereka dengan sempurna. Tidak jarang pula yang berhasil, ada pun yang berujung tidak berhasil dan bahkan menyebabkan website mereka menjadi broken alias error. Pada peluang kali ini, saya bakal berbagi tips mempercepat situs wordpress kalian.

Sebenarnya ada banyak sekali tips yang kali ini saya sampaikan, tetapi khusus kali ini anda akan membicarakan satu pokok bahasan yaitu Image Optimization atau disebut Kompresi Gambar. Yaitu mengerjakan optimasi yang dapat meminimalisir ukuran (size) semua gambar yang terdapat di situs wordpress. Dengan bantuan plugin image optimation yaitu image optimizer.

Kalian dapat download langsung di wordpress respository. Plugin ini dapat mengurangi seluruh image baik yang sudah kalian upload ataupun yang baru saja kalian upload secara real time. Hasil yang saya peroleh dari plugin ini ialah lebih dari 200 MB compression.

  1. Aktifkan plugin EWWW Image Optimizer, tidak butuh setting apa apa.
  2. Untuk melakukan optimasi gambar yang sudah diupload sebelumnya, masuk ke menu Media Library atau langsung pilih Bulk Optimize Kalau kalian masuk dari media library.
  3. Rubah tampilan viewnya menjadi List View,
  4. di menu Screen Option, pasang jumlah gambar menjadi lebih banyak
  5. Jalankan perintah tersebut untuk seluruh Gambar yang terdapat di website
  6. untuk Mengurangi Ukuran Image di WordPress Setelah mengerjakan optimasi gambar, banyak sekali manfaat yang akan kalian dapatkan.

Mengurangi Ukuran Image di WordPress

Di samping loading menjadi lebih cepat, kalian pun akan menemukan penghargaan dari sejumlah website speed test tools seperti Pingdom, GMetrix dan Google Page Insight. Tentunya dengan score kecepatan dan optimasi yang bagus, bakal dengan mudah menambah kualitas SEO website kamu di Google.

BACA JUGA  Cara Mengaktifkan Mode Maintenance dan Coming Soon di WordPress

Bagaimana memperbaiki Leverage Browsing Cache di .htaccess

Apa tersebut leverage browsing cache? Jadi singkatnya begini, saat seseorang mendatangi situs web atau laman web yang sama, browser mereka bakal secara otomatis mendownload sekian banyak asset statis seperti image, css dan javascript yang nantinya bakal ‘disimpan sementara’.

Browsing cache web ini dapat menolong kita mengurangi pemakaian bandwidth, beban server situs kita sebab visitor akan tidak sedikit menyimpan asset statis di browser mereka.

Cara Mengaktifkan Leverage Browsing Cache :

  • Jika kalian memakai Web Server Apache metodenya cukup gampang untuk mengaktifkannya.
  • Buka FTP > Cari file .htaccess situs kamu Edit dengan notepad atau notepad++
  • Tambahkan Kode sebagai berikut :
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/gif "access plus 6 month"
ExpiresByType image/jpeg "access plus 6 month"
ExpiresByType image/png "access plus 6 month"
ExpiresByType application/javascript "modification plus 1 month"
ExpiresByType text/css "modification plus 1 month"
</IfModule>
  • Cek apakah kode kamu bermanfaat dengan baik memakai GMetrix Speed Test Jika berhasil, maka tampilannya akan laksana gambar dibawah ini.
  • Namun andai gagal, kalian mesti kontak Hosting Provider untuk menggiatkan fitur Leverage Browsing Cache secara manual oleh admin dari Hosting Provide tersebut sendiri. Jika kalian ialah adminnya, silahkan baca berbagai tulisan diinternet tentang fitur tersebut.

Jika kalian memakai Web Nginx metodenya agak rumit :

Kalian mesti merubah settingan Config Server sendiri secara manual atau dapat coba Request pengaktifan fitur Leverage Browser Caching untuk Admin Hosting.

  • Untuk menggiatkan leverage browser caching di web server nginx kalian mesti edit web configuration file, baik memakai SSH ataupun Direct Access dengan SFTP.
  • Biasanya file configurasi itu berada di alamat ini /etc/nginx/sites-available/{doaminname}.com.conf. Jika kalian mengejar file itu, lumayan input kode inilah ini :
location ~*  \.(jpg|jpeg|png|gif|ico|css|js)$ {
        expires 365d;
    }location ~*  \.(pdf)$ {
        expires 30d;
}
  • Setelah ditambahkan, kalian restart nginx
sudo /etc/init.d/nginx restart
sudo service nginx restart
  • web Server kalian APACHE atau NGINX? Cek disini https://builtwith.com Sekian tutorial kita guna kali ini mengenai teknik mempercepat situs wordpress dengan cara image optimization.
BACA JUGA  Cara Meningkatkan SEO Website Dengan Merubah Struktur URL Permalink

Pada peluang lainnya saya akan membicarakan lebih menyeluruh lagi mengenai teknik mempercepat situs wordpress dengan Defer & Async Javascript, Defer & Async CSS, dan GZIP Compression. Mudah-mudah bermanfaat!

carijasa.website

carijasa.website

Hello I'm cakra I'm a web developer and Digital MarketingPlease Contact me!!!!

Leave a Reply