Bagaimana menyeimbangkan kecepatan memuat halaman web yang cepat dengan konten yang kaya

Waktu pemuatan halaman yang cepat dan konten interaktif yang kaya keduanya merupakan kunci untuk membuat situs web berhasil, tetapi menyeimbangkan antara keduanya dapat menjadi tantangan.

Bukan rahasia lagi bahwa waktu pemuatan halaman sangat penting untuk kesuksesan situs web. Algoritme pencarian Google menyukai waktu buka yang cepat dan ada juga banyak penelitian yang menunjukkan bahwa sedikit peningkatan waktu buka halaman dapat berdampak negatif pada konversi. Manajer Pemasaran Digital Hallam Tom Whiley menulis posting blog yang sangat bagus tentang cara meningkatkan kecepatan memuat halaman Anda tahun lalu. Sementara mitra hosting kami, WP Engine, telah menghasilkan infografis yang bagus tentang kecepatan memuat halaman.

Situs web juga harus kaya akan konten, citra, dan interaktivitas untuk mendorong konversi. Ini pasti mengarah ke halaman yang lebih besar, yang secara alami memperlambat waktu buka halaman.

Konflik antara kebutuhan akan kecepatan dan permintaan akan konten yang kaya dapat membuat proyek desain terhenti. Jadi, sangat penting untuk menemukan keseimbangan yang memenuhi kedua persyaratan.

Di blog ini, saya akan berbagi dengan Anda sebuah pendekatan yang akan membantu Anda menyeimbangkan dua tantangan yang kontradiktif ini.

Kaitkan kecepatan halaman dengan tujuannya

Tidak mungkin untuk memprediksi waktu muat sampai situs web telah dikembangkan ke tahap yang cukup matang, jadi yang terbaik adalah mengambil pendekatan berulang untuk mengukur dan meningkatkan kecepatan.

Titik awal kuncinya adalah mengidentifikasi halaman arahan SEO situs dan halaman kontennya yang kaya. Anda kemudian dapat fokus untuk mengurangi ukuran halaman dan kecepatan memuat halaman SEO sebanyak mungkin.

Demikian pula, halaman arahan kaya dapat diberi sedikit lebih banyak ruang untuk interaksi pengguna.

Berikut proses kasar yang bisa diterapkan:

1. Identifikasi halaman arahan utama yang akan menjadi target kami untuk mengurangi kecepatan memuat.
2. Rancang praktik terbaik untuk waktu muat rendah.
3. Tentukan fitur seputar praktik terbaik untuk waktu muat rendah.
4. Kembangkan halaman.
5. Ukur dan cari peluang untuk menghemat waktu buka.
6. Ulangi 4-5 sesuai kebutuhan.

Ini hanya mencakup bagian pertama dari cerita. Halaman-halaman kunci SEO kemudian perlu dipantau secara terus-menerus untuk waktu pemuatan halaman untuk memastikan kinerjanya masih seperti yang diharapkan, terutama saat menggunakan sistem manajemen konten yang memungkinkan siapa saja untuk mengedit halaman.

Jadi, setelah meluncurkan situs web ada dua langkah sederhana yang dapat diikuti:

1. Siapkan pemeriksaan bulanan dari halaman kunci arahan utama untuk memastikan halaman tersebut masih berfungsi.
2. Gunakan alat pemantau kecepatan halaman yang terpicu setelah halaman tampil di bawah tingkat yang disepakati.

Pertimbangan desain untuk mengoptimalkan kecepatan beban

Desain situs memainkan peran penting dalam menentukan seberapa besar kemungkinan untuk mengoptimalkan waktu pemuatan halaman. Ketika datang ke halaman web, ukuran sangat penting. Tujuannya adalah untuk menjaga waktu buka halaman di bawah 500k secara ideal, tetapi tentu saja paling banyak di bawah 1MB.

Berikut adalah beberapa langkah yang harus diambil untuk meminimalkan waktu muat:

1. Minimalkan penggunaan citra pada halaman arahan utama sebanyak mungkin. Terlalu mudah menggunakan citra untuk membuat halaman tampak kaya ketika penggunaan ikonografi dan desain yang halus dapat memiliki efek yang sama.
2. Di mana citra digunakan, citra harus dioptimalkan sambil memastikan tidak ada penurunan kualitas yang tidak dapat diterima.
3. Manfaatkan halaman arahan ramping yang dioptimalkan untuk pencarian organik, dan simpan konten kaya apa pun di halaman yang lebih dalam yang tidak ditargetkan untuk pencarian organik.
4. Hindari banyak tata letak yang unik dan kompleks di beberapa template. Semakin sederhana markup HTML, semakin kecil filenya.
5. Hindari elemen interaktif kompleks yang mengandalkan library Javascript yang berat. Mungkin terlihat keren melihat sesuatu bergerak di layar, tetapi apakah itu benar-benar perlu?

Pertimbangan teknis selama implementasi

Dan akhirnya, kita dapat melangkah ke beberapa aspek teknis dari kecepatan memuat halaman yang perlu dipertimbangkan sebagai bagian dari pilihan hosting:

1. Hapus ketergantungan pada skrip pihak ketiga jika memungkinkan. Ini menyebabkan masalah karena Anda tidak hanya bergantung pada skrip yang dimuat sebelum halaman dimuat, tetapi terkadang skrip juga dimuat dalam jumlah besar dan memuat lebih lambat dari biasanya. Ini dapat menyebabkan waktu muat "kental".
2. Gunakan teknik pemuatan lambat untuk memastikan bahwa citra yang tidak muncul di paro atas dimuat saat pengguna menggulir ke tampilan.
3. Manfaatkan gambar responsif dengan lebih baik. Ada beberapa kemajuan dalam cara menangani gambar responsif oleh browser, yang berarti bahwa kita tidak perlu menyediakan satu gambar besar yang berfungsi di semua port tampilan, dan dapat menawarkan gambar yang lebih baik untuk resolusi tertentu.
4. Pastikan video tersemat dimuat setelah halaman dimuat, bukan sebagai bagian dari pemuatan halaman. Ini berarti bahwa pengguna akan melihat gambar pratinjau untuk video, dan kemudian melihat video sebenarnya setelah mengklik tautan.
5. Hindari file htaccess besar untuk pengalihan 301 dan gabungkan aturan ke dalam pengalihan kategori massal, daripada pengalihan halaman ke halaman individual.
6. Gunakan CDN untuk citra. Ini perlu diukur karena CDN dapat merusak kinerja, jika basis pengguna situs sangat terlokalisasi.
7. Minimalkan file CSS dan Javascript. Anda seharusnya sudah melakukan ini dalam banyak kasus, tetapi mungkin ada peluang lebih lanjut untuk mengurangi beberapa file di halaman utama. Ini adalah bagian sentral untuk membuat keputusan untuk menginstal plugin baru.
8. Jatuhkan dukungan untuk browser lama. Browser lama memerlukan file CSS dan JS tertentu untuk dibuat dan dimuat ke situs secara kondisional. Jika kami dapat menghapus ini sepenuhnya, itu adalah satu permintaan yang lebih sedikit untuk dibuat.
9. Minimalkan jumlah plugin yang digunakan di situs Anda. Kami secara teratur mewarisi situs web yang menderita pengasapan plugin. Ini bukan masalah baru ketika bekerja dengan CMS, tetapi masih menjadi masalah besar.
10. Hapus ketergantungan pada persyaratan hosting yang tidak penting, seperti hosting gambar untuk tanda tangan email
11. Jalankan kueri pengoptimalan basis data. Jika situs web Anda telah ada untuk sementara waktu, ada sejumlah teknik basis data yang dapat digunakan untuk mengoptimalkan waktu menjalankan kueri.

Singkatnya, membuat situs yang sangat dioptimalkan adalah keseimbangan antara spesifikasi, desain, dan implementasi. Faktor kunci bagi saya adalah membedakan halaman SEO yang sangat dioptimalkan dari halaman lain jika memungkinkan dan fokus untuk mengoptimalkannya sejauh mungkin.

Jika Anda memerlukan bantuan dengan Pengembangan Web Anda, jangan ragu untuk menghubungi kami.