Terapkan 6 Teknik Ini untuk Meningkatkan Kecepatan Pemuatan Seluler di Situs Bisnis Anda

Daftar Isi:

Anonim

Meskipun ada beberapa faktor yang memengaruhi pendapatan, sebagian besar pakar mengatakan bahwa pemuatan situs bisnis dalam waktu 5 detik menghasilkan hampir dua kali lipat pendapatan yang melakukannya dalam 19, waktu pemuatan situs rata-rata.

Penelitian ini selanjutnya menemukan bahwa situs yang memuat dalam 5 detik memiliki:

  • 25% visibilitas iklan lebih tinggi,
  • 35% tingkat bouncing lebih rendah, dan
  • 70% sesi pengguna lebih lama.

Itulah sebabnya kami harus fokus pada solusi seluler untuk membantu bisnis kami berhasil. Bagaimanapun, kecepatan ponsel tidak pernah lebih penting.

$config[code] not found

Kecepatan Pemuatan yang Lambat Benar-Benar Bisa Menjadi Masalah

Menurut Google,
  • 1 dari 2 orang mengharapkan halaman dimuat dalam waktu kurang dari 2 detik.
  • 53% kunjungan lebih cenderung ditinggalkan jika halaman membutuhkan waktu lebih dari 3 detik untuk dimuat di perangkat seluler.
  • 46% orang telah menunjukkan ketidaksenangan dalam menunggu halaman dimuat saat menjelajah web pada perangkat seluler.

3 faktor utama yang memperlambat situs di internet seluler adalah jumlah permintaan server, ukuran file, dan urutan elemen pemuatan halaman. Jadi sekarang kita telah menyoroti penyebabnya; mari kita ke solusinya.

Cara Meningkatkan Kecepatan Situs Seluler

Ukur Dan Minimalkan Waktu Respons Server Anda

Kecepatan halaman seluler Anda tidak hanya bergantung pada kode Anda, tetapi juga bergantung pada alat teknologi penting yang disebut server.

Semakin lama server Anda menunggu untuk menanggapi permintaan browser, semakin lambat halaman Anda dimuat di perangkat. Sebagian besar pakar di Google merekomendasikan agar server Anda mulai mengirimkan angka 1st byte sumber daya dalam dua ratus milidetik dari permintaan untuk hasil yang lebih optimal.

Biasanya, ada 3 metode utama yang terlibat dalam peningkatan waktu respons server Anda:

  • Meningkatkan konfigurasi server web Anda atau perangkat lunak.
  • Meningkatkan cakupan dan kualitas layanan hosting Anda, terutama memastikan Anda memiliki memori dan sumber daya CPU yang memadai.
  • Mengurangi jumlah sumber daya yang dibutuhkan oleh halaman web Anda.

Gunakan CSS untuk Memuat Gambar

Jika Anda ingin menyembunyikan gambar konten Anda untuk pengguna seluler, muat sebagai gambar latar belakang melalui CSS dan gunakan kueri media untuk menyembunyikannya secara kondisional.

Variasi dari teknik ini digunakan oleh Amazon untuk memuat gambar-gambar khusus perangkat secara bersyarat.

Minimalkan Jumlah Pengalihan untuk Meningkatkan Kecepatan Halaman Seluler Anda

Arahan ulang hanyalah instruksi yang mampu membawa pengunjung situs web secara otomatis dari satu halaman ke halaman lainnya.

Setiap pengalihan dapat memakan milidetik yang berharga, menghasilkan pemuatan laman yang lebih lambat. Ini khususnya bermasalah untuk perangkat seluler karena seringkali bergantung pada jaringan yang tidak dapat diandalkan daripada pengguna desktop.

Langkah pertama untuk memperbaiki masalah ini adalah mensurvei jumlah pengalihan di situs Anda dengan menggunakan alat-alat seperti redirect mapper. Jika jumlahnya terlalu besar, perkecil, atau idealnya, turunkan ke nol untuk hasil terbaik.

Minimalkan File JS dan CSS

Lebih banyak data berarti kelebihan berat halaman. Ini akan memakan waktu lebih lama untuk memuat di perangkat seluler.

Itulah sebabnya sebagian besar pengembang web menghargai keberanian mereka mengetahui perlunya mengoptimalkan dan meminimalkan aset untuk meningkatkan kecepatan pemuatan halaman.

"Minifikasi" menghilangkan redundansi tanpa memengaruhi tampilan halaman. Beragam alat Google dapat membantu Anda menghilangkan redudansi seperti termasuk:

  • CSSNano (untuk CSS)
  • UglifyJS (untuk JS)

Alih-alih Gambar, Gunakan CSS3

Drop bayangan, sudut membulat, dan mengisi gradien - semua fitur ini dapat dilakukan melalui CSS, bukan gambar.

Ini dapat sangat membantu dalam mengurangi jumlah permintaan HTTP sehingga mempercepat waktu pemuatan pada satu waktu yang bersamaan.

Gunakan SVG Sebaris Bukan JPEG

Seperti halnya data URI, SVG (scalable vector graphics) dapat disematkan pada halaman untuk mengurangi jumlah permintaan

File-file ini dapat dibuat pada editor grafik vektor seperti Inkscape, Adobe Illustrator, dll. Setelah dibuat, Anda dapat membukanya di editor teks dan memasukkannya ke dalam kode Anda.

Catatan: Untuk menanamkan SVG di lembar gaya Anda, Anda harus mengubahnya menjadi data URI terlebih dahulu dan kemudian melanjutkan ke langkah berikutnya.

Sehingga lebih atau kurang merangkum semuanya. Semoga Anda membaca dengan baik dan mencerahkan.

Foto melalui Shutterstock

1