6 Cara Mempercepat Pemuatan Situs Web Anda

Situs web Anda bisa menjadi situs terindah di dunia tetapi tidak ada gunanya bagi Anda jika perlu waktu lama untuk memuat. Mari kita hadapi itu. Orang-orang tidak sabar dan situs web yang lambat mencegah calon pelanggan menyelesaikan pembelian mereka.

Ketika saya berbelanja online, saya berharap halaman dimuat paling buruk dalam 5-10 detik. Lebih lama dari itu dan saya menjadi gelisah atau saya meninggalkan toko sama sekali.

Tentu, beberapa orang mungkin lebih sabar daripada saya, tetapi mengapa mengambil risiko? Mainkan dengan aman dan buat situs web bisnis Anda secepat mungkin.

Foto Oleh Meddygarnet

Namun sebelum Anda mulai, hal pertama yang perlu Anda tentukan adalah seberapa cepat cukup cepat? Tingkat pengoptimalan situs web Anda sangat bergantung pada analitik dan demografi pengunjung web Anda.

Misalnya, 3 tahun yang lalu ketika saya dan istri saya pertama kali meluncurkan toko online kami, lebih dari 35% pelanggan kami menggunakan dialup. Akibatnya, kami harus melakukan pengurangan drastis dengan desain situs web kami untuk memberikan pengalaman berbelanja yang cepat dengan asumsi hanya tingkat unduhan 56K.

Saat ini, hanya 2% pelanggan kami yang menggunakan dialup (syukurlah!) sehingga kami dapat dengan aman menambahkan lebih banyak konten multimedia tanpa mempengaruhi pengalaman pengguna.

Untuk menentukan ukuran maksimum halaman tertentu, saya biasanya mengalikan 5 detik dengan bandwidth rata-rata tertimbang pengunjung web saya. Misalnya, jika sebagian besar pengunjung saya menggunakan DSL, saya mungkin menganggap kecepatan unduhan 1Mbit dan memutuskan bahwa 5Mbit adalah ukuran maksimum halaman web yang seharusnya.

Ini bukan ilmu pasti. Pada akhirnya, Anda perlu memutuskan sendiri seberapa cepat situs web Anda perlu dibuat.

Namun dalam semua kasus, lebih cepat selalu lebih baik. Seperti yang saya singgung di posting terakhir saya, kecepatan situs web tidak selalu merupakan fungsi dari hosting Anda. Bahkan sebagian besar waktu, webmaster yang harus disalahkan untuk situs web yang lamban dan bukan server yang lambat. Artikel ini akan menjelaskan beberapa tips tentang cara mempercepat.

Putuskan Apa yang Paling Penting Dan Susun Ulang Pemuatan

Membuat situs web Anda lebih cepat tidak selalu tentang memotong gambar dan konten. Terkadang, Anda mungkin menyukai situs Anda sebagaimana adanya dan Anda tidak benar-benar ingin mengubah apa pun.

Jika ini masalahnya dan situs web Anda lambat, sering kali Anda bisa lolos hanya dengan memprioritaskan cara halaman Anda dimuat.

Apa yang Anda ingin pengguna lihat terlebih dahulu? Dalam kebanyakan kasus, pengunjung Anda tidak akan keberatan dengan situs yang lebih lambat selama hal-hal penting dimuat terlebih dahulu dan bulu selesai kemudian.

Misalnya dengan MyWifeQuitHerJob.com, saya selalu memastikan bahwa semua konten menarik muncul terlebih dahulu sebelum iklan muncul. Dengan begitu, jika iklannya agak lambat dimuat, tidak akan menyeret seluruh blog.

Halaman web selalu dimuat secara berurutan, jadi Anda harus selalu menempatkan hal-hal yang ingin Anda muat terlebih dahulu di bagian atas halaman Anda dan hal-hal yang paling tidak penting di akhir dokumen html Anda.

Dalam hal elemen yang harus muncul di posisi tertentu pada halaman, Anda dapat menggunakan javascript atau css untuk mengontrol urutan pemuatan.

Misalnya, meskipun iklan papan peringkat 728×90 saya muncul di bagian paling atas MyWifeQuitHerJob.com saya, saya memastikannya dimuat terakhir dengan melakukan langkah-langkah berikut.

• Saya membuat <div id="banner728″> kosong di mana iklan seharusnya berada dan saya menyetel id ke "banner728". Ini secara efektif membuat placeholder kosong yang nantinya dapat saya muat menggunakan javascript
• Di bagian paling akhir halaman, saya menyertakan cuplikan javascript berikut
  <script type="text/javascript">
  document.getElementById(“banner728”).innerHTML = “kode spanduk iklan yang diinginkan”;
  </skrip>
  Kode ini menemukan placeholder “banner728” yang saya atur di atas dan menyisipkan spanduk iklan ke dalam <div>. Karena skrip ini berada di bagian paling akhir file, skrip ini dimuat terakhir setelah yang lainnya.

Jangan Gunakan Pengubahan Ukuran Gambar HTML

Kesalahan umum yang saya lihat dilakukan oleh banyak pemula adalah mengandalkan html untuk mengecilkan dan mengubah ukuran gambar. Meskipun teknik ini bekerja dan tampaknya tidak berbahaya, itu benar-benar akan mematikan kinerja situs web Anda.

Alasannya adalah karena seluruh gambar asli harus dimuat sebelum ditampilkan meskipun Anda hanya menampilkan gambar yang jauh lebih kecil.

Untuk mencegah diri Anda jatuh ke dalam perangkap ini, pastikan Anda meluangkan waktu untuk mengecilkan gambar ke dimensi yang diinginkan sebelum menampilkannya di situs Anda. Jangan hanya mengambil gambar langsung dari kamera digital Anda.

Optimalkan Gambar Anda

Mata manusia jauh lebih memaafkan kualitas gambar saat melihat gambar yang berdiri sendiri di monitor komputer. Oleh karena itu, Anda dapat lolos dengan gambar berkualitas jauh lebih rendah untuk situs web Anda.

Pastikan Anda mengoptimalkan dan mengecilkan gambar Anda sebanyak mungkin sebelum menampilkannya di halaman Anda. Saya sering memilih kualitas JPEG 50 persen atau kurang menggunakan Photoshop dengan gambar di situs saya.

Jika Anda menggunakan GIFS, pastikan Anda tidak menggunakan palet warna yang lebih besar dari yang Anda butuhkan. Jika Anda dapat lolos hanya dengan 16 warna, maka pilih GIF Anda dengan hanya 16 palet warna.

Analisis semua GIF Anda untuk memastikan tidak ada slot warna yang terbuang karena duplikat.

Host Video Dan Gambar Besar Dengan Pihak Ketiga

Kecuali jika Anda menghosting situs web Anda di sekumpulan server yang besar, konten multimedia yang kaya akan memperlambat situs Anda untuk merangkak. Secara umum, jauh lebih ekonomis untuk meng-host video Anda dan file yang lebih besar pada layanan pihak ketiga dengan infrastruktur yang lebih kuat yang mendukung streaming dengan lebih baik.

Misalnya daripada menghosting video di server Anda sendiri, mengapa tidak menggunakan YouTube atau Vimeo? Jika Anda ingin memiliki konten yang Anda hasilkan, Anda juga dapat membayar dan menggunakan layanan seperti Amazon S3. Tinggalkan konten bandwidth tinggi untuk anak laki-laki besar.

Hindari Menggunakan Kode Pihak Ketiga Atau Gambar Hotlink

Setiap kali Anda menautkan gambar atau kode leverage yang di-host di server lain, Anda membahayakan kecepatan situs web Anda. Jika server pihak ketiga lambat atau down, itu juga bisa menurunkan situs web Anda sendiri sehingga penting untuk meminimalkan penggunaan kode pihak ketiga.

Selain itu, setiap kali situs Anda mengakses server pihak ketiga, pencarian DNS harus dilakukan yang dapat memakan waktu cukup lama tergantung pada kemacetan jaringan.

Penundaan beberapa ratus milidetik mungkin tidak terlalu banyak, tetapi jika Anda menarik kode dari 10 server yang berbeda, pencarian ini dapat menambahkan latensi hingga beberapa detik.

Manfaatkan Caching Dan Kompresi

Sebagian besar situs web adalah teks dan kompres teks dengan sangat baik. Itulah mengapa jika Anda mengaktifkan kompresi di server Anda, Anda dapat mengurangi waktu pengunduhan hingga 75%.

Sayangnya, tidak semua hosting bersama memiliki kompresi yang diaktifkan di server mereka. Jika situs web Anda berada di hosting bersama, pastikan untuk menanyakan apakah server mereka mendukung mod_deflate atau mod_gzip.

Jika kompresi didukung oleh server Anda, pastikan Anda mengaktifkannya di situs web Anda dengan mengikuti langkah-langkah yang diuraikan dalam artikel ini. Jika Anda menggunakan WordPress, plugin WP-SuperCache sudah menangani kompresi untuk Anda.

Selain kompresi, Anda dapat mempercepat situs Anda dengan meng-cache halaman yang biasa diakses di situs web Anda. Untuk toko online kami, saya benar-benar mengambil satu langkah lebih jauh dan membuat halaman statis untuk halaman web yang banyak diperdagangkan yang tidak terlalu sering berubah.

Masalah Kecepatan

Kemungkinannya adalah, seseorang di luar sana mungkin melihat situs web Anda dengan koneksi yang jauh lebih lambat daripada milik Anda sendiri. Dan Anda selalu perlu memperhitungkan common denominator terendah untuk memaksimalkan potensi keuntungan bisnis online Anda.

Saya cukup terkejut melihat bahwa toko online kami masih memiliki pelanggan dialup! Jika saya masih memilikinya maka Anda mungkin juga.