Cara Mudah Meningkatkan Kecepatan Loading Website
Cara Optimasi dan Peningkatan Kecepatan Loading Website Kita
1. Resize Semua File Foto Yang Digunakan Untuk Website
Oke pada langkah pertama yang perlu kalian lakukan adalah mengubah ukuran fotonya sendiri. Kalian dapat mengubah ukurannya menjadi 1500 pixel.
Untuk mengubah ukuran foto kalian dapat menggunakan tool Fotor.com .
2. Kompres Foto Yang Telah di Resize
Setelah melakukan resize foto, selanjutnya kalian perlu mengkompres ukuran nya agar menjadi lebih kecil dari sebelumnya. Contohnya sebelum di kompres foto berukuran 280 KB dan setelah di kompres ukuran fotonya akan menjadi 127 KB. Hal ini tentunya sangat berpengaruh dan menguntungkan untuk kalian. Untuk mengkompres foto kalian dapat menggunakan tool TinyPNG.
3. Ganti Semua Foto dengan Foto yang Telah di Kompres sebelumnya
Oke setelah kedua langkah diatas sudah kalian selesaikan, selanjutnya kalian harus mengganti foto-foto yang ada di website kalian dengan foto yang sudah kalian kompres atau ubah ukurannya sebelumnya.
Nah setelah sebelumnya kalian telah mengubah ukurannya, mengkompres, dan mengganti foto di website dengan foto yang baru, kalian dapat melakukan testing lagi di Gtmetrix, pingdom, atau google page speed. Apakah hanya dengan ketiga langkah diatas dapat mengubah speed website kalian.
Dan ternyata setelah di lakukan testing kembali hasilnya cukup signifikan hanya dengan mengkompres foto ya sobat. Hanya saja terkadang loading time nya masih membuat kita kurang puas lagi. Emang ya sobat, manusia tidak ada puasnya hehe.
Oke selanjutnya kita akan fokus lagi untuk menurunkan loading timenya menjadi di bawah 3 detik. Silahkan simak penjelasan berikut.
Install plugin " litespeed cache plugin "
1. Install litespeed cache plugin
Oke yang perlu kalian lakukan adalah menginstall litespeed cache pulgin di wordpress kalian. Setelah kalian install jangan lupa untuk mengaktifkan plugin tersebut.
2. General
Selanjutnya masuk di dasboard dan klik litespeed cache pulgin nya. Setelah itu kalian akan masuk di general settings lalu klik enable litespeed cache. Yang lainya biarkan di mode default.
3. Cache
Untuk menampilkan cache setting klik " show advanced options ". Dan selanjutnya klik menu cache-›on kan semuanya kecuali " cache mobile "
4. Optimize
Kalian akan mendapati default nya yang masih off semua. Jika kalian menggunakan page filter sebaiknya kalian harus berhati-hati jika menggunakan atau menghidupkan fitur ini karena tak jarang akan crash dengan CSS nya.
OkeOke untuk settingannya hidupkan semua fiturnya atau kalian coba satu persatu fiturnya apakah akan cocok atau akan crash begitu. Setelah selesai silahkan klik save change.
5. Tuning
Di tab tuning silahkan scroll ke bawah atau cari dan hidupkan load google font asychronuosly . Kemudian klik save lagi.
Setelah semua langkah di atas telah sobat lakukan dengan benar, silahkan cek lagi di Gtmetrix atau tool uji coba lainya. Disana kalian akan mendapati sebuah load time yang Yang Sangat memuaskan sobat.
Saya kira hanya itu tips meningkatkan kecepatan loading website yang dapat saya berikan dalam artikle ini. Semoga dapat membantu sobat semua ya. Oke Sy akhiri sekian dan terimakasih.
Posting Komentar