Cara Mempercepat Waktu Muat Halaman Dengan Pengoptimalan Situs Web Sederhana

Kecepatan halaman dapat membuat atau menghancurkan Anda di internet.

Pemuatan halaman yang lebih cepat biasanya berarti hasil yang lebih baik secara keseluruhan untuk kecepatan situs Anda. Setiap aspek kesuksesan situs web terkait dengan kecepatan halaman, mulai dari SEO hingga konversi, hingga pengalaman pengguna dan seterusnya.

Dari penyedia hosting yang Anda pilih hingga aplikasi yang Anda putuskan untuk digunakan, ada banyak area yang dapat dioptimalkan. Dengan begitu banyak area yang perlu dipertimbangkan, meningkatkan kecepatan halaman bisa menjadi proses yang rumit. Mempelajari cara mengoptimalkan waktu buka halaman web dengan cara yang mudah diterapkan sangat penting untuk kesuksesan.

Jadi, apa yang dapat Anda lakukan untuk memastikan Anda dioptimalkan? Mari kita lihat beberapa cara untuk membuat halaman web Anda lebih cepat, cara mempercepat waktu buka halaman, dan praktik terbaik lainnya untuk waktu buka halaman dan meningkatkan kecepatan.

Mengapa Waktu Muat Halaman Itu Penting

Sebelum masuk ke cara mempercepat waktu buka halaman, pertama-tama mari kita pahami mengapa ini sangat penting.

Google pertama kali mengumumkan bahwa kecepatan situs akan mempengaruhi peringkat pada tahun 2010 dan terus menunjukkan pentingnya. Pada tahun 2018, Google memperkenalkan kecepatan halaman sebagai faktor peringkat untuk kecepatan situs seluler.

Pakar SEO dengan cepat mulai mencoba mengoptimalkan elemen di halaman dan membuat mesin pencari terpotong. Mereka yang tidak tertinggal. Dan sekarang, dengan data vital web inti yang baru-baru ini diumumkan, kecepatan menjadi lebih penting dari sebelumnya.

Ingin mempelajari lebih lanjut tentang cara meningkatkan kecepatan memuat halaman? Berikut adalah beberapa area utama yang perlu dipertimbangkan.

Signifikansi Kecepatan Halaman

Waktu buka halaman selalu penting karena alasan yang cukup jelas: konversi. Sederhananya, situs yang cepat meningkatkan konversi — dan situs yang lambat menguranginya.

Faktanya, peningkatan 0,1 detik dalam kecepatan situs web seluler menghasilkan peningkatan 8,4% dalam tingkat konversi untuk bisnis ritel, Google menemukan dalam sebuah studi tahun 2020.

Kecepatan situs juga memengaruhi rasio pentalan Anda. Ketika pengguna menemukan situs yang lambat, mereka pergi. Penundaan dua detik dalam waktu buka halaman dapat meningkatkan rasio pentalan situs web sebesar 103%, menurut laporan dari Akamal Technologies.

Menguji Waktu Muat Halaman Anda

Untuk mendapatkan cuplikan situs web Anda dan membuat sebelum dan sesudah tolok ukur untuk proses pengoptimalan, hal pertama yang ingin Anda lakukan adalah menguji kecepatan halaman Anda saat ini. Beberapa alat yang dapat Anda mulai adalah Google's Page Speed ​​Insights dan Webpagetest.org.

Pastikan untuk menjalankan beberapa tes dan rata-ratakan hasil Anda. Pengujian Halaman Web memungkinkan Anda melakukan ini secara otomatis di menu pengaturan. Itu selalu bijaksana untuk memilih lokasi pengujian yang dekat dengan tempat situs Anda di-host untuk memastikan Anda mendapatkan hasil yang paling akurat.

Ini adalah cara kami biasanya mengatur halaman webtest.org untuk pemeriksaan kecepatan dasar.

Di bawah ini Anda dapat melihat hasil pengujian kecepatan halaman di situs demo Magento yang dirata-ratakan. Kami telah memilih tiga statistik paling penting dan signifikan yang ingin kami gunakan untuk mengoptimalkan situs.

Stat pertama adalah waktu buka. Ini menunjukkan kepada kita waktu lengkap yang diperlukan untuk memuat halaman kita. Ingat, jika halaman membutuhkan waktu lebih dari tiga detik untuk dimuat, Anda mungkin kehilangan setengah dari lalu lintas potensial Anda. Angka inilah yang paling penting untuk kita ubah.

Stat kedua adalah Time To First Byte (TTFB). Meskipun dapat membantu memberikan panduan, TTFB dapat dimanipulasi dengan relatif mudah dan kepentingannya dapat bervariasi. Jika Anda menggunakan Google Lighthouse, Anda juga dapat melacak First Contentful Paint dan First Meaningful Paint yang melaporkan seberapa cepat halaman Anda “melukis” layar dengan elemen konten Anda.

Pernah memuat resep dan setengahnya tidak sesuai dengan seberapa cepat Anda menggulir karena Anda mencoba melewati semua iklan dan narasi? Itu karena waktu FCP/FMP sangat lambat.

Stat ketiga adalah ukuran informasi yang diunduh ke halaman. Jika jumlah ini sangat besar, mungkin berguna untuk melihat lebih dekat berapa lama waktu yang dibutuhkan oleh elemen halaman yang berbeda.

Air Terjun Kecepatan Halaman

Jika Anda ingin mempelajari cara mempercepat waktu buka halaman, pisahkan elemen apa yang memperlambat kecepatan halaman dan lihat air terjunnya. Contoh penampakan air terjunnya bisa dilihat di bawah ini.

Setelah Anda melihat air terjun, Anda harus memiliki gagasan yang lebih baik tentang apa yang dapat ditingkatkan. Di atas, kita dapat melihat bahwa beberapa file .js ujung depan kemungkinan dapat sedikit dipercepat.

Turunkan air terjun (di luar halaman), ada juga beberapa file gambar yang membutuhkan waktu lebih lama untuk dimuat dan harus dioptimalkan. Memahami elemen apa yang menyebabkan halaman menjadi lambat adalah kunci ketika fokus Anda adalah waktu buka halaman yang lebih cepat.

Cara Mempercepat Waktu Muat Halaman Melalui Konten Web

Kompres dan Optimalkan Gambar

Saat melihat cara mempercepat waktu buka halaman, kompresi gambar adalah tempat yang bagus untuk memulai. Terlalu sering desainer web membuat gambar yang mengadopsi resolusi tinggi yang tidak berguna. Gambar beresolusi tinggi menghabiskan lebih banyak ruang penyimpanan di server dan dapat meningkatkan waktu muat secara signifikan.

Kami sangat merekomendasikan penskalaan gambar dengan tepat. Jika gambar hanya akan mengambil ruang 100 x 100 piksel di situs Anda, tidak perlu membuatnya menjadi 1000 x 1000. Kami merekomendasikan plugin seperti Smush atau EWWW Image Optimizer jika Anda menjalankan situs WordPress.

Cara Mengonversi ke Gambar WebP di WordPress >>

Ekstensi Jenis Gambar

Saat menyimpan gambar, penting untuk mengetahui ekstensi mana yang akan digunakan. Harus .jpg atau .png? Apakah seseorang mengirimi Anda logo dalam .svg? Ada banyak informasi yang saling bertentangan di luar sana tentang apa yang terbaik.

Banyak yang mengatakan .png (Portable Network Graphics) adalah pilihan yang lebih baik karena dirancang untuk mengompresi gambar sebanyak mungkin tanpa kehilangan kualitas. Itu sebagian benar. Yang sedang berkata, ada pengecualian untuk aturan tersebut. Misalnya, file .JPEG sebenarnya bekerja jauh lebih baik saat menggunakan foto.

Saran kami adalah untuk memeriksa bagaimana menyimpan file Anda dengan beberapa cara berbeda memengaruhi ukuran dan kualitas saat ditampilkan di pratinjau halaman Anda. Jika Anda melihat perbedaan yang jelas, pilih ekstensi yang lebih baik.

Kompres Konten Situs

Gambar bukan satu-satunya elemen halaman yang perlu ditekan. Anda juga harus mengompresi elemen CSS, HTML, dan JavaScript di situs Anda. GZip adalah alat kompresi yang sangat direkomendasikan yang Google sarankan untuk diuji sebelum diterapkan di lingkungan produksi. Sebaiknya manfaatkan lingkungan Situs Dev yang meniru lingkungan produksi Anda sendiri jika Anda berencana melakukan ini.

Hal tentang mengompresi konten situs Anda adalah bahwa ada beberapa bukti bahwa itu dapat sedikit meningkatkan durasi Time To First Byte. Namun, ini juga secara dramatis meningkatkan waktu buka kecepatan halaman secara keseluruhan, yang menurut beberapa pakar SEO mungkin diprioritaskan oleh Google. Kami merekomendasikan pengujian kompresi pada halaman individual daripada membuat peralihan di seluruh situs.

Sederhanakan Desain Web

Jika Anda ingin waktu buka halaman lebih cepat, lebih sedikit hampir selalu lebih. Alih-alih menambahkan fungsionalitas tambahan ke halaman inti, bagaimana dengan menyelesaikan sesuatu yang lebih sederhana dan lebih cepat? Semakin sedikit permintaan HTTP yang dimiliki halaman, semakin cepat biasanya halaman dimuat.

Selain meningkatkan kecepatan halaman, desain web sederhana juga terbukti meningkatkan pengalaman pengguna dalam banyak kasus. Dalam studi UX yang dilakukan oleh Google, ditemukan bahwa pengguna cenderung menilai estetika situs web dalam waktu 1/50 – 1/20 detik, dan situs yang secara visual kompleks hampir selalu dinilai kurang indah dibandingkan situs yang lebih sederhana.

Semakin indah sebuah situs web, semakin baik UX dan SEO, dan semakin banyak konversi akan meningkat. Desain situs web yang lebih sederhana adalah salah satu metode tercepat untuk meningkatkan kecepatan halaman dalam waktu singkat. Namun, sebaiknya jalankan pengujian A/B untuk melihat bagaimana kinerja perubahan sebenarnya daripada langsung membuat perubahan 100%.

Cara Mempercepat Waktu Muat Halaman Melalui Host Anda

Host Anda juga memainkan peran besar dalam waktu buka halaman. Berikut adalah beberapa cara untuk membuat waktu buka halaman lebih cepat dengan host Anda.

Aktifkan Caching

Caching adalah tempat pengunjung berulang dapat memuat situs Anda lebih cepat berkat elemen halaman yang disimpan di hard drive mereka dalam cache atau penyimpanan sementara. Untuk situs WordPress dan WooCommerce, kami menggunakan Redis Object Cache untuk mengelola fungsi caching. Ini akan datang pra-instal dan pra-konfigurasi ketika Anda membeli paket hosting yang dioptimalkan WordPress melalui Nexcess.

Untuk lebih mengoptimalkan kecepatan halaman, Nexcess Cloud memungkinkan penggunaan Cloud Accelerator. Ini dapat dengan mudah dihidupkan dan dimatikan dengan mengklik tombol di bawah bagian kinerja Portal Klien.

Tidak yakin apakah Anda harus mengaktifkan Varnish atau NGINX? Cari tahu lebih lanjut tentang perbedaan antara Varnish dan NGINX di Panduan Definitif kami untuk Mengoptimalkan Magento 2.

Caching dan CDN

Caching dengan CDN (Content Delivery Network) di tempat adalah proses yang lebih rumit dan dapat memerlukan pengaturan lanjutan. Namun, konfigurasi caching yang tepat dengan CDN dapat membantu Anda menjangkau audiens global tersebut seolah-olah Anda menggunakan host lokal.

Mengapa Anda Membutuhkan CDN WordPress >>

Untuk WordPress dan WooCommerce, lihat panduan kami tentang cara mengonfigurasi Nexcess CDN dengan WordPress dan CDN Enabler.

Area Lain Yang Perlu Dipertimbangkan

Halaman Apa yang Anda Optimalkan?

Struktur situs Anda membuat perbedaan besar dalam hal pengoptimalan. Penting untuk memikirkan halaman mana yang Anda optimalkan dan bagaimana relevansinya dengan struktur situs total. Jika Anda memperbarui satu halaman, halaman yang berinteraksi dengannya juga harus dipertimbangkan.

Misalnya, tidak ada gunanya kita hanya mengoptimalkan Nexcess.net, kita juga perlu mengoptimalkan Nexcess.net/magento/hosting dan Nexcess.net/cloud/hosting.

Sebelum Anda memulai proses ini, buatlah rencana untuk halaman utama yang menghasilkan konversi paling banyak dan ROI paling banyak. Mulai di sini untuk dampak terbesar.

Kecepatan Halaman dan SEO

Sementara kecepatan halaman dan SEO secara intrinsik terkait, jangan salah bahwa itu bukan faktor definitif dalam menentukan peringkat halaman. Google sendiri telah mengatakan bahwa jika konten lebih relevan dan orang-orang bersedia menunggu untuk dimuat, mereka tidak akan menghukum situs tersebut.

Pada akhirnya, kecepatan halaman adalah bagian penting dari pengoptimalan, tetapi konten, kualitas, dan pengalaman pengguna harus selalu menjadi fokus utama.

Percepat Waktu Muat dengan Host yang Tepat

Kami telah menempuh perjalanan jauh dari menunggu gambar dimuat baris demi baris. Kecepatan halaman bukan hanya sesuatu yang dikeluhkan konsumen — itu juga dapat membuat atau menghancurkan konversi, peringkat, dan banyak lagi. Melakukan semua yang Anda bisa untuk meningkatkan kecepatan halaman SELALU merupakan ide yang bagus.

Jika Anda menginvestasikan waktu dan upaya untuk meningkatkan waktu buka halaman, Anda melindungi bisnis digital Anda. Cocokkan ekuitas keringat Anda dengan investasi cerdas. Lakukan langkah selanjutnya dengan memilih host yang telah terbukti skalabilitas, keamanan, kecepatan, dan dukungannya — seperti Nexcess.

Nexcess menyediakan hosting WordPress yang dikelola sepenuhnya yang mencakup:

• Pembaruan otomatis.
• SSL untuk keamanan.
• CDN bawaan.
• Kompresi gambar.
• Caching.
• Dan banyak lagi!

Buktikan sendiri dengan uji coba gratis selama dua minggu.

Konten Terkait

• Bagaimana Kecepatan Halaman Mempengaruhi SEO
• 5 Teknik Lanjutan untuk Mempercepat Situs WordPress Anda
• Cara Meningkatkan Kecepatan Situs WooCommerce & Menghindari Pertanyaan Lambat
• Hacks Ukuran Gambar WooCommerce Teratas Untuk Menjaga Situs Anda Tetap Cepat
• Apa itu Jaringan Pengiriman Konten (CDN)?
• 7 Tema WordPress Tercepat
• Mengapa Anda Membutuhkan CDN? | Perlu Bicara Teknologi

Blog ini awalnya diterbitkan pada Juli 2018. Sejak itu telah diperbarui untuk akurasi dan kelengkapan.