Cara page speed website pada dasarnya sangat mudah. Page speed adalah nilai ukur seberapa cepat sebuah halaman website dimuat oleh browser. Page speed halaman website di ukur dalam satuan detik, dan biasanya ada 2 versi yaitu untuk desktop dan mobile. Website Anda wajib mempunyai fitur responsive web pada saat ini, apabila belum, segera lakukan pengkinian website sehingga web Anda responsive.
Pelajari cara meningkatkan page speed Anda untuk meningkatkan pengalaman pengguna, meningkatkan tingkat konversi dan mendapatkan peringkat pencarian organik yang lebih baik.
Tingkatkan page speed Anda untuk meningkatkan pengalaman pengguna, meningkatkan tingkat konversi dan mendapatkan peringkat pencarian organik yang lebih baik.
Mengapa Page Speed Website Penting?
Seiring perkembangan teknologi dan semakin mudah untuk meningkatkan situs web Anda dengan kerangka kerja, plugin, skrip, konten media, dan lainnya, penting untuk tidak mengabaikan metrik pengalaman pengguna mendasar ini yang dapat membuat pengunjung meninggalkan situs web Anda sebelum merender di browser.
Saat ini, dengan penggunaan internet seluler melebihi desktop, page speed merupakan faktor yang semakin penting yang memengaruhi pengalaman pengguna, tingkat konversi, dan peringkat mesin pencari di seluruh spektrum perangkat pengunjung Anda.
Penelitian dari Google menunjukkan bahwa 53% kunjungan cenderung ditinggalkan jika halaman membutuhkan waktu lebih dari 3 detik untuk memuat dan waktu muat rata-rata untuk situs seluler adalah 19 detik melalui koneksi 3G.
Masuk akal bahwa Google telah mempertimbangkan page speed sebagai faktor peringkat penting untuk pencarian desktop sejak 2010 dan baru-baru ini, telah meluncurkan pembaruan kecepatan lain yang menjadikan page speed sebagai faktor peringkat teratas untuk pencarian mobile.
Catatan: PageSpeed Insights adalah alat yang berguna dari Google yang menganalisis halaman web Anda di perangkat seluler dan desktop, dan menawarkan saran tentang cara meningkatkan kinerja. Anda juga dapat menggunakan tool online lain nya seperti : GT Metrix untuk membantu Anda mengoptimalkan page speed website Anda.
Di sini, kita akan berbicara tentang beberapa faktor utama yang berkontribusi terhadap kecepatan pemuatan halaman web Anda dan cara page speed website yang dapat Anda ambil untuk mempercepatnya.
Optimasi Gambar
Ukuran file dari aset yang diminta oleh halaman web (termasuk ukuran file dari halaman web itu sendiri) semuanya berkontribusi terhadap page speed. Gambar beresolusi tinggi adalah salah satu kontributor terbesar untuk memperlambat memuat halaman web. Ada sejumlah cara untuk mengurangi gesekan halaman yang berat gambar.
Gunakan format gambar optimal untuk setiap jenis gambar.
Untuk gambar berbasis raster seperti foto, gunakan format JPG. Pastikan untuk menghapus metadata gambar EXIF yang tidak perlu seperti informasi kamera dan geo. Sejumlah kecil kompresi JPG bisa sangat membantu. Mulai dari 80% dan bergerak ke bawah sampai Anda mulai melihat sedikit penurunan kualitas.
Untuk gambar berbasis vektor seperti ilustrasi, ikon dan logo, gunakan format SVG atau PNG. Hapus markup XML yang tidak perlu dari gambar SVG.
Gunakan ukuran gambar optimal untuk setiap breakpoint responsif.
Terapkan gambar responsif dan kirim gambar dengan ukuran yang sesuai untuk perangkat pengunjung Anda. Ini akan mencegah pengunjung dengan layar kecil harus mengunduh gambar besar yang tidak perlu.
Minimalkan HTML, CSS, dan JavaScript
File teks seperti HTML, CSS dan JavaScript dapat ‘dikurangi’ untuk menghapus karakter dan spasi yang tidak perlu, sehingga mengurangi ukuran file. Alat berikut tersedia secara gratis.
- Pengubah HTML
- CSS Minifier
- JavaScript Minifier
Hapus JavaScript Pemblokiran Render
JavaScript adalah komponen kunci dari web modern dan memungkinkan kami untuk membuat pengalaman yang dinamis dan interaktif. Namun, karena peramban dirancang untuk mengunduh dan mengeksekusi skrip sebelum mereka dapat melanjutkan penguraian HTML dan gambar pada suatu halaman, skrip Anda memerlukan perhatian khusus untuk memastikan mereka tidak memperlambat situs web Anda.
Inline JavaScript
Jika Anda memiliki beberapa skrip kecil yang relevan dengan halaman tertentu, daripada mereferensikan file JavaScript eksternal, lebih baik praktikkan menempatkannya dalam dokumen HTML Anda menggunakan
Asynchronous JavaScript
Atribut async dapat ditambahkan ke tag skrip apa pun yang mengarah ke file skrip eksternal. Ini memberi tahu browser untuk melanjutkan penguraian dokumen HTML saat skrip sedang diunduh. Segera setelah skrip diunduh, skrip akan dieksekusi.
Jika Anda memerlukan profesional untuk cara page speed web desain Anda, Anda bisa menghubungi FruityLOGIC Design untuk solusi website design Surabaya Anda.
FruityLOGIC Design – fruitylogic.com
Graphic Design, Website Design, SEO
Kupang Baru 1/100, Surabaya 60189
t : +62317344564
f : +62317342062
e : info[@]fruitylogic.com
WA : 081332161357