Cara mempercepat website yang lemot, cara mengatasi loading lama, mengatasi akses ke server, agar loading website cepat, agar speed website tidak lambat
Jika anda seorang blogger dan mengetikan kata kunci pada tabulasi pencarian google seperti kata kunci di atas bisa dipastikan bahwa anda sedang memiliki masalah terhadap performa website yang anda miliki, betul bukan...?
Jika browser (google chrome) anda dilengkapi dengan fitur Search Labs dan mengetikan kata kunci "cara agar website tidak lemot" biasanya pada halaman paling atas akan ditempati hasil penulusuran dari search labs yang isinya seputar tips tentang bagaimana cara mengatasi agar website tidak lemot.
Ada banyak cara atau tips dari google Search Labs yang berkaitan dengan agar loading website yang anda miliki tidak lambat yang bukan hanya bisa anda baca tapi juga anda dengarkan , diantaranya:
- Gunakan web hosting yang baik
- Optimasi gambar
- Gunakan CDN
- Kurangi penggunaan redirect
- Pilih tema yang ringan
- Nonaktifkan plugin yang tidak diperlukan
- Aktifkan caching
- Gunakan teknik lazy loading
- Gunakan teknik minification
- Perbarui versi PHP dan CMS
Pada tutorial ini saya ingin berbagi pengalaman tentang bagaimana cara agar loading website cepat. Sesuai dengan judul tentunya pengalaman yang saya bagikan ini adalah pengalaman yang pernah saya peroleh di sebuah penyedia stus gratis milik google, mana lagi kalau bukan blogspot.
Karena di blogspot, maka dari sekian banyak cara dan tips agar loading website menjadi lebih cepat adalah dengan cara pendekatan : penggunaan tema yang ringan, optimasi gambar, dan penggunaan teknik lazy loading. Baiklah... untuk lebih jelasnya silahkan ikuti penjelasannya di bawah ini :
PENGGUNAAN TEMA YANG RINGAN
Dalam tutorial ini saya menggunakan tema simple, tentunya tema yang sudah di modifikasi menjadi responsive mobile friendly. Jika tema simple anda belum responsive mobile friendly, silahkan rubah dulu menjadi responsive mobile friendly. Anda bisa googling tentang bagaimana cara menjadikan tema simple menjadi responsive mobile friendly atau anda bisa membacanya di blog ini : "Merubah Template 2 Kolom Menjadi 3 Kolom Di Blogspot".
OPTIMASI GAMBAR
1) Gunakan jenis gambar yang ringan yang mempunya kompresi lebih baik sekalipum ukuran dimensinya besar, misalnya jenis gambar Webp. Untuk bisa mendapatkan jenis gambar Webp ini anda bisa menggunakan jasa kiompresi gambar gratis secara online ataupun menggunakan aplikasi khusus seperti XnConvert
2) Karena dari beberapa pengalaman dengan menggunakan tema simple posisi Largest Contentful Paint (LCP) pada sebuah halaman web biasanya berada di posisi paragraf : pertama, kedua dan ketiga (-+ rata-rata 150 karakter huruf per paragraf), maka letakkan gambar setelah paragraf halaman web yang terkena LCP. Misalkan ketika anda melakukan test speed atau performa dari salahsatu halaman web anda di PageSpeed Insights dan secara kebetulan posisi LCP berada di paragraf kedua, maka letakkan gambar di paragraf ketiga atau keempat dari halaman web anda. Hal ini semata-mata untuk menghindari bahwa biarlah content berupa huruf yang terkena LCP bukan gambar, karena dari beberapa pengalaman lebih susah memperbaiki content berupa gambar daripada conten berupa huruf jika terkena LCP sekalipun telah dilakukan perintah untuk mempercepat atau mensegerakan loading (eager loading).
PENGGUNAAN TEKNIK LAZY LOADING UNTUK GAMBAR
Tambahkan perintah Lazy Loading (pemuatan yang ditunda) pada setiap gambar yang terdapat dalam satu halaman web anda. Perintah ini bertujuan untuk menunda pemuatan gambar sebelum area yang tekena LCP dimuat terlebih dahulu. Berikut contoh penambahan perintah lazy loading pada gambar di blogspot:
<p style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/ngbHKNFVnhnDeea1sXEGEIpZWp8bV3o81HF6us_/s560/apel.webp" style="margin-left: 0em; margin-right: 0em;"><img alt="buah apel" border="0" data-original-height="315" data-original-width="560" loading='lazy' src="https://blogger.googleusercontent.com//img/b/R29vZ2xl/ngbHKNFVnhnDeea1sXEGEIpZWp8bV3o81HF6us_/s560/apel.webp" title="gambar buah apel" /></a></p>
Setelah penempatan gambar, pemberian perintah lazy loading dilakukan cobalah test kembali halaman web anda ke PageSpeed Insights. Penanganan seperti ini biasanya akan menghasilkan hasil performa yang signifikan mendekati angka 100 nila performa.
Selamat Mencoba!
Komentar