Iklan
Kecepatan memuat halaman yang lambat adalah salah satu alasan utama mengapa situs web Anda tidak mendapatkan hasil yang pantas.
Karena perhatian pemirsa sangat rendah, berikut adalah beberapa kiat utama untuk mempercepat situs Anda untuk memastikan pengunjung tetap ada.
1. Kurangi Ukuran Sebenarnya dari Situs Web Anda
Jika memuat situs web Anda lebih lambat dari tiga detik, orang cenderung meninggalkannya bahkan sebelum beranda dimuat. Menggunakan format yang salah untuk gambar Anda dapat dengan mudah mengasapi situs web Anda, dan merusak pengalaman penelusuran yang hebat.
Lebih dari 70% halaman web seluler lebih dari 1MB, dan 12% lebih dari 4MB! Ingatlah bahwa itu diperlukan tujuh detik untuk mengunduh 1,5MB pada koneksi 3G yang baik. Praktik terbaik adalah menjaga setiap halaman di bawah 0,5MB.
Belajar perbedaan antara JPG, PNG, dan GIF, dan pastikan Anda menggunakan resolusi yang Anda butuhkan.
Berdasarkan GlobalStats, ini adalah resolusi layar yang paling sering digunakan untuk 2018:
- 22,55% menggunakan resolusi 360 x 640 (ponsel)
- 11,73% menggunakan resolusi 1366 x 768
- 8,26% menggunakan resolusi 1920 x 1080
- 4,91% menggunakan resolusi 375 x 667 (ponsel)
- 2,94% menggunakan resolusi 1440 x 900
Ini lebih dari 50% dari semua pengguna, jadi pertimbangkan ini saat Anda menambahkan foto ke situs web Anda.
2. Rancang Situs Web Anda untuk Seluler
Berdasarkan penelitian yang dilakukan oleh Google tahun lalu pada kecepatan halaman seluler:
Waktu rata-rata yang diperlukan untuk memuat halaman arahan seluler sepenuhnya adalah 22 detik, menurut analisis baru. Namun 53% pengunjung situs seluler meninggalkan halaman yang membutuhkan waktu lebih dari tiga detik untuk memuat. Itu masalah besar.
Lebih dari 75% situs seluler memerlukan waktu 10 detik atau lebih untuk memuat lebih dari 3G. Lebih dari setengah lalu lintas adalah melalui perangkat seluler, dan ini tidak akan turun. Jadi simpan jejak situs web kecil untuk membuat pengguna internet seluler bahagia, dan pastikan mereka bertahan!
Jika Anda menggunakan seperti CMS WordPress, Joomla, atau Drupal Drupal vs. Wordpress: Apa itu CMS Open-Source Terbaik?Berencana membuat situs web tetapi tidak dapat memilih CMS open source yang tepat? Berikut cara memilih antara WordPress dan Drupal. Baca lebih banyak , ada pengaya untuk membantu membuat situs web Anda lebih ramah seluler.
Atau, Anda dapat menggunakan alat seperti bMobilisasi atau Duda Mobile untuk mengonversi situs web desktop Anda ke seluler. Karena itu, sering kali lebih baik merancang situs web terpisah untuk memastikan pengalaman terbaik bagi pengguna ponsel Anda.
Anda juga harus mempertimbangkan untuk menawarkan versi sederhana dari situs web Anda menggunakan Proyek Mobile Pages (AMP) yang Dipercepat. Menggunakan halaman AMP akan meningkatkan kecepatan pemuatan halaman di ponsel. Ada pedoman ketat untuk JavaScript dan CSS, tetapi manfaatnya dapat diukur.
Rute mana pun yang Anda pilih untuk turun, pastikan situs web seluler Anda adalah opsi yang ringan. Dan cobalah untuk tetap di bawah rekomendasi 0,5MB per halaman.
3. Pastikan Situs Web Anda Terkecil
Jika Anda menulis situs web sendiri dari awal, edit secara teratur. Saat proyek Anda berkembang, Anda kemungkinan mempelajari cara-cara yang lebih efisien dalam melakukan sesuatu, jadi pastikan Anda kembali membaca kode Anda saat Anda meningkatkan.
Perkecil dan kombinasikan CSS, HTML, dan JavaScript Anda. Jika Anda menggunakan CDN seperti Cloudflare misalnya, ada tab khusus untuk peningkatan kecepatan, di mana opsi pertama adalah Auto Minify. Jika Anda menggunakan pembuat situs web (seperti Squarespace atau Weebly) ini mungkin dilakukan untuk Anda secara default.
Pastikan Anda menguji situs web Anda setelah mengaktifkan apa pun yang menggabungkan atau meminimalkan sumber daya situs web Anda. Eksperimen dengan berbagai opsi untuk melihat apa yang terbaik untuk situs web Anda, karena beberapa fitur dapat dihilangkan dengan Minify diaktifkan.
4. Hindari Memuat Naskah Saat Tidak Dibutuhkan
Harus memuat beberapa file JavaScript sebelum dibutuhkan akan memperlambat kecepatan seluruh halaman secara tidak perlu. Hindari memuat skrip dari server pihak ketiga jika Anda bisa.
Meminta ini akan memperlambat kecepatan pemuatan Anda, lebih jauh dan berpotensi menimbulkan risiko keamanan. Simpan di server situs web Anda jika memungkinkan.
Kamu bisa menggunakan menunda atau async untuk menunda pemuatan file JavaScript tertentu untuk mengurangi ketegangan pada perangkat pengunjung dan meningkatkan kecepatan memuat halaman Anda. Atau, untuk skrip kecil, Anda bisa Di barisan JavaScript langsung ke dokumen HTML.
Async akan memberi tahu browser untuk melanjutkan penguraian HTML pada saat yang sama ketika file JavaScript sedang diunduh. Jeda kemudian akan terjadi setelah file diunduh sepenuhnya.
Sementara itu, penundaan akan memberi tahu browser untuk menjalankan file JavaScript setelah browser telah selesai menguraikan seluruh dokumen HTML.
Peramban secara default akan menjeda parsing file HTML saat semua file JavaScript diambil dan dieksekusi.
Memasukkan JavaScript dalam dokumen HTML akan membantu dengan mengurangi jumlah file yang harus diunduh browser sebelum menampilkan halaman. Anda dapat inline JavaScript dengan menambahkan konten file JavaScript eksternal antara tag skrip.
Anda dapat menggunakan defer dan async dengan aman di Google Analytics, Facebook Pixel, dan alat pelaporan kesalahan dan analitik lainnya tanpa memengaruhi fungsionalitas halaman.
Terakhir, pertimbangkan apakah kode pelacakan, analitik, fitur tambahan, dan iklan yang Anda jalankan di situs web Anda diperlukan. Gunakan opsi yang lebih ringan bila mungkin, dan potong jika tidak menambah nilai bagi Anda atau pengunjung Anda.
5. Gunakan Caching dan CDN
Jaringan Pengiriman Konten (CDN) akan menyalin situs Anda ke server di seluruh dunia dan mengurangi waktu perjalanan data dengan menghubungkan pengunjung ke server yang secara geografis lebih dekat dengan mereka. Konten statis juga akan di-cache dan dikirimkan oleh server CDN.
Cloudflare mungkin CDN yang paling Anda kenal, tetapi Akamai dan Amazon CloudFront adalah alternatif mapan.
Pastikan kamu juga leverage caching browser Beginilah Cara Browser Anda Mengganggu Privasi AndaPeramban web Anda mengungkapkan banyak informasi tentang siapa Anda, ke mana Anda pergi, dan apa yang Anda sukai. Berikut adalah detail yang bocor setiap kali Anda online. Baca lebih banyak untuk meningkatkan kecepatan memuat situs web Anda untuk pengunjung berulang. Caching browser berfungsi dengan mengunduh file-file ini dari server ke perangkat pengguna.
Pada tampilan halaman atau kunjungan lebih lanjut, file-file ini akan memuat secara lokal dari perangkat pengguna alih-alih meminta mereka dari server eksternal (tergantung pada tanggal kedaluwarsa file).
6. Singkirkan Plugin Non-Essential
Plugin hanya boleh digunakan jika perlu. Ini benar apakah Anda menggunakan Wix, Weebly, WordPress, atau Squarespace Squarespace vs. WordPress: Yang Mana yang Tepat untuk Anda?WordPress dan Squarespace adalah dua nama terbesar dalam pembuatan situs web. Inilah yang perlu Anda ketahui untuk memutuskan di antara keduanya. Baca lebih banyak atau sesuatu yang lain. Fitur apa saja yang dapat Anda lakukan dengan menambahkan CSS sederhana dan bukan plugin, Anda harus melakukannya. Gunakan Injeksi Kode di Squarespace, menggunakan Penyesuai CSS di WordPress , dan CSS khusus pada Wix.
Plugin dapat menyebabkan CPU atau memori yang tinggi pada server Anda, dan ini dapat memperlambat atau bahkan menghentikan situs web Anda dari memuat.
Jika Anda menggunakan WordPress, kemungkinan Anda tidak menggunakan semua fitur bawaannya. Nonaktifkan ini dengan plugin seperti Clearfy.
Pertimbangkan selalu plugin yang Anda gunakan. Jika Anda menggunakan beberapa fitur dalam plugin seperti JetPack, pertimbangkan untuk menghapus semuanya, dan menggantinya dengan plugin yang lebih ringan yang melakukan pekerjaan yang sama.
7. Pengaturan Server untuk Mempercepat Situs Web Anda
Penundaan server akan berdampak negatif besar pada kecepatan memuat halaman Anda dan PageRank Anda.
Google merekomendasikan bahwa Time to First Byte (TTFB) adalah 1,3 detik atau kurang. Ini adalah penundaan terpanjang sebelum perangkat mulai mengunduh halaman setelah awalnya menghubungi server. Yang mengatakan, halaman rata-rata memiliki TTFB lebih dari 2 detik, jauh di atas rekomendasi mereka.
Host bersama biasanya menjadi alasan untuk ini, tetapi ada beberapa pengaturan yang dapat Anda konfigurasi untuk meningkatkan waktu respons server Anda.
- Gunakan versi PHP terbaru yang kompatibel dengan situs web Anda. Versi terbaru (PHP 7.2) memiliki peningkatan kecepatan yang luar biasa.
- Nyalakan "Keep-Alive"
- Aktifkan HTTP / 2
- Manfaatkan Keamanan Transportasi Ketat HTTP (HSTS)
- Atur cadangan Anda untuk diselesaikan di malam hari
Jika situs web Anda dibuat di WordPress, pastikan Anda menggunakan host yang berspesialisasi dalam hosting WordPress Bluehost. Ini akan memastikan bahwa pengaturan server dikonfigurasikan secara khusus untuk kinerja WordPress.
Tweaking Selesai? Sekarang Uji Situs Anda
Sekarang setelah Anda mengetahui waktu muat halaman, ukuran, dan Waktu ke Byte (TTFB) yang ideal yang harus Anda tuju, bagaimana Anda tahu milik Anda?
Berikut adalah beberapa alat online favorit kami untuk menguji situs Anda:
- varvy.com: alat-alat ini akan menguji kecepatan dan kinerja desktop dan halaman mobile Anda, dan memberi Anda panduan berharga tentang cara meningkatkan situs web Anda
- Google PageSpeed Insight: baru-baru ini diperbarui, alat Google PageSpeed akan menguji kecepatan Anda dan memberi Anda saran peningkatan
- GTmetrix: alat yang hebat dengan saran yang bisa ditindaklanjuti
- WebPageTest: uji situs web Anda di berbagai perangkat, sistem operasi, dan lokasi
- Pingdom: alat yang sangat populer, mirip dengan WebPageTest dengan antarmuka yang lebih bagus
Anda dapat menguji situs seluler Anda dengan tautan di atas, dan juga ThinkWithGoogle Mobile Test (diberdayakan oleh WebPageTest). Hasilnya akan memberi Anda kiat spesifik tentang apa yang dapat Anda tingkatkan, dengan perkiraan pengurangan waktu pemuatan jika Anda mengikuti kiat tersebut.
Praktik terbaik yang disarankan terus berubah, jadi terus periksa kecepatan halaman Anda secara teratur saat Anda melakukan peningkatan.
Untuk wawasan yang lebih berharga tentang kinerja situs web Anda, ingatlah untuk melakukannya verifikasi domain Anda di Google dan Bing. 5 Manfaat Utama Memverifikasi Domain Anda di Google dan BingJika Anda memiliki situs web sendiri, inilah mengapa Anda harus memverifikasi domain Anda di Google dan Bing dengan alat webmaster mereka. Baca lebih banyak
Setiap hari adalah hari sekolah. Bernt adalah pemimpi dan penggila teknologi hijau dengan aspirasi untuk menyelamatkan dunia dengan peternakan serangga. Dia adalah karyawan dukungan teknis lama, dan pembangun WordPress, yang baru-baru ini mulai mencelupkan kakinya ke dalam tulisan. Bernt adalah penggemar berat ekosistem Google dan menggunakan teknologi yang terjangkau untuk membuat tugas admin seumur hidup...
