Walaupun ada tidak pasti ada beberapa faktor yang memberi kesan kepada pendapatan, kebanyakan pakar mengatakan bahawa tapak perniagaan yang memuatkan dalam masa 5 saat mendapat hampir dua kali ganda yang melakukannya pada 19, waktu memuatkan laman purata.
Kajian itu terus mendapati bahawa tapak memuatkan dalam masa 5 saat mempunyai:
- Penglihatan iklan 25% lebih tinggi,
- Kadar bounce 35% lebih rendah, dan
- 70% sesi pengguna yang lebih lama.
Itulah sebabnya mengapa kita perlu memberi tumpuan kepada penyelesaian mudah alih pertama untuk membantu perniagaan kami berjaya. Lagipun, kelajuan mudah alih tidak pernah menjadi lebih penting.
$config[code] not foundSlow Loading Speed Benar-benar Jadi Masalah
Menurut Google,
- 1 dari 2 orang menjangkakan halaman dimuat dalam masa kurang dari 2 saat.
- 53% daripada lawatan lebih cenderung ditinggalkan jika halaman mengambil masa lebih daripada 3 saat untuk dimuatkan pada peranti mudah alih.
- 46% orang telah menunjukkan ketidakpuasan dalam menunggu halaman memuat ketika melayari web pada peranti mudah alih.
3 faktor utama memperlahankan laman web di internet mudah alih adalah bilangan permintaan pelayan, saiz fail dan urutan urutan unsur memuat halaman. Jadi sekarang kita telah menyerlahkan sebab-sebab; mari kita dapatkan penyelesaian.
Bagaimana Meningkatkan Kelajuan Tapak Mudah Alih
Ukur Dan Kurangkan Masa Maklum Balas Pelayan Anda
Kelajuan halaman mudah alih anda bukan sahaja bergantung kepada kod anda tetapi juga bergantung pada alat teknologi penting yang dinamakan pelayan.
Semakin lama pelayan anda menunggu untuk bertindak balas kepada permintaan pelayar, beban laman anda lebih perlahan pada peranti. Kebanyakan pakar di Google mencadangkan agar pelayan anda mula menghantar 1st bait sumber dalam dua ratus milisaat permintaan untuk hasil yang lebih optimum.
Biasanya, terdapat 3 kaedah utama yang terlibat dalam ketinggian masa tindak balas pelayan anda:
- Memperbaiki konfigurasi atau perisian pelayan web anda.
- Meningkatkan skop dan kualiti perkhidmatan hosting anda, terutamanya memastikan anda mempunyai memori yang mencukupi dan sumber CPU.
- Mengurangkan jumlah sumber yang diperlukan oleh halaman web anda.
Gunakan CSS untuk Muat Imej
Jika anda ingin menyembunyikan imej kandungan anda untuk pengguna mudah alih, muatkannya sebagai imej latar belakang melalui CSS dan gunakan pertanyaan media untuk menyembunyikannya secara kondusif.
Satu variasi teknik ini digunakan oleh Amazon untuk memuatkan imej spesifik peranti tertentu.
Kurangkan Bilangan Redirections untuk Meningkatkan Kelajuan Halaman Mudah Alih Anda
Pengalihan adalah apa-apa tetapi arahan yang boleh secara automatik mengambil pengunjung laman web dari satu halaman ke halaman lain.
Setiap peralihan boleh memakan milisaat berharga, menyebabkan beban halaman yang perlahan. Ini amat bermasalah untuk peranti mudah alih kerana mereka sering bergantung kepada rangkaian yang tidak boleh dipercayai daripada pengguna desktop.
Langkah pertama untuk menyelesaikan masalah ini adalah untuk mengkaji jumlah peralihan di laman web anda dengan menggunakan alat seperti pemeteraian redirect. Jika bilangannya terlalu besar, tolakkannya, atau idealnya, bawa ia ke sifar untuk hasil yang terbaik.
Kurangkan JS dan CSS Files
Lebih banyak data bererti berat badan berlebihan. Ini akan membawa halaman anda lebih lama untuk dimuatkan pada peranti mudah alih.
Itulah sebabnya kebanyakan pembangun web berhak mendapat pengetahuan tentang keperluan mengoptimumkan dan meminimumkan aset untuk meningkatkan kelajuan memuatkan halaman.
"Minification" menghapuskan redundansi tanpa menjejaskan paparan halaman. Pelbagai alat Google dapat membantu anda menghapuskan redundansi seperti yang termasuk:
- CSSNano (untuk CSS)
- UglifyJS (untuk JS)
Daripada Imej, Gunakan CSS3
Drop bayang-bayang, sudut bulat, dan kecerunan mengisi - semua ciri-ciri ini boleh dilakukan melalui CSS, bukan gambar.
Ini dapat membantu mengurangkan jumlah permintaan HTTP dengan itu, mempercepatkan masa pemuatan pada satu masa dan pada masa yang sama.
Gunakan SVG dalam talian Daripada JPEG
Seperti data URIs, SVGs (grafik vektor boleh skala) boleh disematkan pada halaman untuk mengurangkan bilangan permintaan
Fail-fail ini boleh dibuat pada editor grafik vektor seperti Inkscape, Adobe Illustrator, dan lain-lain. Setelah ia dibuat, anda boleh membukanya dalam editor teks dan drop ke dalam kod anda.
Nota: Untuk memasukkan SVG dalam helaian gaya anda, anda mesti menukarnya kepada data URI terlebih dahulu dan kemudian meneruskan ke langkah seterusnya.
Sehingga perkara-perkara lebih kurang sama. Harap anda mempunyai bacaan yang baik dan mencerahkan.
Foto melalui Shutterstock
1
