Ukuran Halaman Web - Mengapa itu penting? Dan bagaimana cara mengoptimalkannya?

Apa itu Ukuran Halaman Web?

Istilah ukuran halaman web dalam dunia SEO merujuk pada ukuran file yang diunduh dari sebuah halaman web tertentu.

Ukuran halaman web terdiri dari semua file yang membentuk sebuah halaman. Sebuah halaman web yang tipikal terdiri dari beberapa file yang mungkin termasuk HTML, CSS, Javascript, atau file gambar, serta sumber daya lainnya.

Bagaimana Ukuran Halaman Web Bekerja?

Semua file di lokasi memiliki ukuran yang berbeda-beda yang, ketika dijumlahkan, sama dengan ukuran halaman web.

Sebagai contoh, ukuran halaman untuk sebuah halaman web yang terdiri dari dokumen HTML yang berukuran 110 KB, sebuah gambar yang ukurannya 223 KB dan sebuah file lembaran yang ukurannya 87 KB akan menjadi 420 KB.

Ketika Anda meninjau situs Anda dengan SEOptimer, Anda dapat dengan mudah mengidentifikasi ukuran halaman total dari situs web Anda.

Gambar umumnya memberikan kontribusi terbesar, sementara video yang tertanam, skrip atau gaya CSS juga dapat membesarkan ukuran total halaman web.

Dengan tangkapan layar di bawah ini, Anda akan menyadari bahwa gambar sebenarnya adalah yang paling berat.

Saat Anda mengintegrasikan lebih banyak plugin dan perangkat lunak pemasaran, ukuran halaman Anda bisa meningkat cukup banyak.

Ukuran halaman web telah bertumbuh secara konsisten selama bertahun-tahun. Halaman web pertama di internet hanya berukuran 4 KB.

Hal ini terutama karena browser-browser kala itu tidak mendukung banyak hal yang mereka lakukan saat ini.

Sebagai contoh, baru pada tahun 1993 browser mulai mendukung gambar.

Menurut HTTParchive ukuran halaman web rata-rata pada Agustus 2017 adalah 1,6 MB untuk situs web desktop. Ini merupakan peningkatan yang signifikan dari rata-rata 1,2 MB pada tahun 2014.

Memajukan waktu ke September 2022, ukuran rata-rata halaman web adalah sekitar 2.2 MB untuk situs desktop dan 2 MB untuk situs mobile.

Menurut Laporan Rata-Rata Halaman Web tahun 2017 dari Pingdom, rata-rata 819 KB didedikasikan untuk video dan 1,818 KB untuk gambar.

Pada tahun 2021, kita melihat bahwa gambar masih menyumbang bagian terbesar dari ukuran total halaman web.

Ukuran Unduhan Halaman Web vs. Ukuran Mentah

Sebelum kita melanjutkan pembahasan tentang ukuran halaman web dan cara menguranginya, kita harus membuat perbedaan penting antara ukuran halaman mentah dan ukuran unduhan halaman web.

Jika Anda menggabungkan semua elemen yang tidak dikompresi pada sebuah halaman, Anda akan mendapatkan ukuran halaman mentah.

Karena protokol web modern mengompres file halaman, ukuran halaman unduhan lebih kecil daripada ukuran halaman mentah sebenarnya.

Ukuran halaman web unduhan mengacu pada total jumlah konten yang harus diunduh oleh browser untuk dapat melihat sebuah halaman web.

Sebagai contoh, setiap optimasi di tempat seperti minifikasi diklasifikasikan sebagai ukuran halaman web yang diunduh.

Sedangkan, jika Anda menggunakan alat kompresi gambar untuk mengoptimalkan gambar halaman web, Anda akan mengoptimalkan ukuran mentahnya.

Algoritma Kompresi Situs Web

Selanjutnya, kita akan membahas secara singkat tiga algoritma kompresi situs web yang paling umum. Kebanyakan orang tidak perlu terlalu khawatir tentang metode kompresi karena server web akan dikonfigurasi untuk menggunakan satu algoritma kompresi sebagian besar waktu. Ini hanyalah penjelasan dari masing-masing algoritma kompresi.

Gzip

Gzip adalah teknologi kompresi yang paling sering digunakan untuk mentransfer dan mengompres data melalui internet.

Algoritma kompresi ini mungkin salah satu teknologi kompresi web tertua, diperkenalkan pada tahun 1992. Namun, masih banyak digunakan oleh situs web, dengan lebih dari 52,7% dari semua situs web menggunakan kompresi Gzip pada tahun 2022.

Deflate

Deflate adalah metode kompresi tanpa kehilangan yang menggunakan kombinasi algoritma LZ77 dan pengkodean Huffman untuk mengurangi ukuran file halaman web.

Algoritma kompresi menemukan byte data yang berulang. Kemudian menggantikan data yang berulang dengan referensi singkat yang mengarah kembali ke data asli, sehingga mengurangi ukuran keseluruhan.

Brotli

Dikembangkan oleh Google, Brotli adalah algoritma kompresi tanpa kehilangan lain yang merupakan alternatif kuat untuk metode kompresi Gzip dan seringkali memberikan kompresi keseluruhan yang lebih baik, terutama untuk aset/berkas berbasis teks.

Perbedaan antara kompresi Brotli dan metode kompresi lainnya adalah Brotli juga menggunakan kamus statis yang telah ditentukan sebelumnya dan kamus dinamis untuk mengompres data dan file.

Mengapa Ukuran Halaman Web Penting?

Ukuran halaman web memang penting ketika mempertimbangkan peringkat mesin pencari untuk halaman web Anda.

Ini tidak hanya akan mempengaruhi peringkat situs web Anda tetapi juga kinerja situs Anda. Beberapa alasan mengapa Anda harus memfokuskan pada ukuran halaman web Anda meliputi:

Kecepatan Pemuatan

Menurut Google Webmasters, kecepatan pemuatan adalah salah satu faktor yang dipertimbangkan ketika meranking halaman web.

Halaman yang memuat lebih cepat memiliki peringkat lebih tinggi daripada yang memuat lambat. Hal ini terutama karena halaman yang lambat tidak berguna bagi kebanyakan orang mengingat tingkat pentalan mereka yang lebih tinggi.

Bagaimana ini berhubungan dengan ukuran halaman web? Nah, ukuran halaman web secara langsung mempengaruhi kecepatan pemuatan sebuah halaman web.

Pencarian Mobile

Peningkatan penggunaan smartphone telah berdampak positif terhadap penggunaan ponsel dalam menjelajahi internet.

Pada tahun 2015, Google mengumumkan bahwa untuk pertama kalinya penggunaan ponsel untuk melakukan pencarian online telah melampaui desktop di sepuluh ekonomi teratas dunia.

Pada tahun 2018, Google memulai pengindeksan mobile-first. Ini merupakan kekhawatiran besar karena halaman web membutuhkan waktu lebih lama untuk dimuat di perangkat seluler daripada di desktop.

Menurut Lukew, smartphone 4G 12% lebih lambat sementara ponsel 3G 40% lebih lambat daripada desktop dalam memuat halaman web. Satu-satunya cara untuk meningkatkan waktu pemuatan di perangkat seluler adalah dengan mengurangi ukuran rata-rata halaman web Anda.

Ini penting karena Google mempertimbangkan responsivitas seluler saat memutuskan peringkat SEO.

Biaya Web Hosting

Rencana hosting untuk situs web Anda didasarkan pada bandwidth.

Perusahaan yang meng-hosting situs web Anda memperkirakan ukuran bandwidth berdasarkan ukuran halaman web, jumlah halaman, dan jumlah pengunjung.

Jika situs web Anda terdiri dari halaman-halaman dengan ukuran yang lebih besar, maka kemungkinan Anda akan memerlukan lebih banyak bandwidth daripada yang saat ini Anda gunakan. Hal ini meningkatkan biaya hosting situs web Anda.

Praktik Terbaik Ukuran Halaman Web

Hari ini pemasaran internet memerlukan banyak keseimbangan antara berbagai faktor yang berperan.

Ukuran halaman web telah bertumbuh secara konsisten selama bertahun-tahun. Salah satu alasan untuk ini adalah popularitas gambar secara online.

Kebanyakan orang yang mengunjungi situs Anda tidak akan membaca halaman web Anda jika tidak ada gambar dan grafis yang menarik.

Ini sangat penting untuk menyeimbangkan antara penggunaan gambar dan meminimalisir ukuran halaman web Anda. Untuk mendapatkan semuanya dengan benar, berikut adalah beberapa praktik terbaik yang harus diikuti:

Optimalkan gambar

Gambar memainkan peran penting dalam situs web. Mereka membantu menyampaikan informasi yang tidak bisa disampaikan hanya dengan kata-kata saja.

Namun, penggunaan gambar meningkatkan ukuran halaman web yang secara signifikan menurunkan kecepatan pemuatan halaman. Untuk mengatasi ini, pertimbangkan untuk menggunakan pembuatan gambar cerdas dengan AI untuk mengompres dan mengoptimalkan gambar tanpa mengorbankan kualitas, memastikan waktu pemuatan yang lebih cepat sambil tetap mempertahankan daya tarik visual.

Cobalah untuk mengompres atau mengubah ukuran gambar ke ukuran yang disarankan per file sebesar 500 KB.

Mengompres gambar dan teks dengan sederhana bisa menjadi perubahan yang signifikan—ketika dilakukan dengan benar, 30% halaman bisa menghemat lebih dari 250 KB.

Ada sejumlah alat yang dapat Anda gunakan untuk mengompres atau mengubah ukuran gambar secara efektif:

• kraken.io
• Compressor.io
• Compressjpeg
• Jpegmini
• TinyPng
• Picsart

Cara lain untuk mengoptimalkan gambar adalah dengan menggunakan CSS sprites.

Sumber: Medium

Ini merujuk pada penggabungan beberapa gambar menjadi satu gambar tunggal dan kemudian menerapkan CSS untuk menampilkan gambar individu sesuai kebutuhan.

Ini menghemat bandwidth karena lebih sedikit permintaan yang dikirim untuk gambar-gambar tersebut.

Hindari Penggunaan Font Kustom yang Tidak Perlu

Font khusus menambah daya tarik situs web Anda tetapi juga dapat membuat halaman menjadi berat, meningkatkan waktu pemuatan dan menghasilkan hasil negatif.

Menghindari penggunaan font khusus yang tidak perlu akan membantu mengurangi ukuran halaman web Anda dan mengurangi waktu pemuatan, yang pada akhirnya meningkatkan jumlah pengunjung halaman.

Minify Sumber Daya

Meminifikasi sumber daya adalah proses menghilangkan data yang berlebihan atau tidak perlu dari halaman web Anda tanpa mempengaruhi cara mereka diproses oleh browser.

Sebagai contoh, minifikasi bisa melibatkan penghapusan kode yang tidak digunakan, komentar kode, atau nama fungsi yang lebih pendek.

Google menyediakan panduan terperinci tentang cara meminifikasi sumber daya.

Gunakan Jaringan Pengiriman Konten (CDN)

Untuk mempercepat situs web di era ukuran halaman yang semakin besar, banyak orang sekarang menggunakan CDN. Sistem server yang saling terhubung ini menggunakan teknologi kedekatan geografis untuk menyampaikan konten web.

Sumber: Cloudflare

Ini adalah alat penting untuk peringkat SEO lokal dari bisnis waralaba karena halaman web akan ditampilkan kepada pencari dengan lokasi di mana elemen-elemen situs web disimpan.

Ini akan membantu bahkan ketika halaman web relatif lebih berat. Jelas bahwa ukuran halaman web penting untuk peringkat situs web Anda.

Halaman web yang lebih besar akan memuat dengan lambat yang berarti Google akan mengabaikan halaman-halaman tersebut saat memutuskan halaman mana yang akan dirangking.

Ini karena pengguna tidak menyukai halaman yang memuat dengan lambat dan perusahaan mesin pencari tersebut bangga karena dapat memuaskan pelanggannya.

Untuk memastikan bahwa halaman Anda dimuat lebih cepat, Anda perlu mengetahui ukurannya dan mengoptimalkannya. Untuk membantu Anda melakukan ini, ada sejumlah alat lain yang dapat Anda pertimbangkan untuk digunakan:

• Analisa Halaman Web
• Penilai Situs Web
• Ekstraktor Ukuran Halaman
• Xenu

Optimasi Ukuran Halaman Web untuk WordPress

WordPress adalah CMS yang paling populer. Jika Anda memiliki situs web WordPress, Anda dapat membuatnya lebih cepat dengan mengoptimalkan ukuran halaman webnya.

Ini dapat dilakukan dengan mengikuti langkah-langkah sederhana berikut:

Optimalkan Font

Font yang berbeda digunakan dalam pembuatan konten sebuah halaman. Perkiraan KeyCDN menunjukkan bahwa font rata-rata berukuran 123 KB dari total ukuran halaman.

Per September 2022, font menyumbang sekitar 143 Kb dan 124 Kb dari ukuran halaman web pada perangkat desktop dan mobile masing-masing.

Dengan berbagai jenis font yang tersedia dan keinginan untuk mencari keunikan, penting untuk memilih font-font yang tidak merepotkan.

Kecepatan pemuatan dan ukuran font adalah beberapa faktor penting yang harus dipertimbangkan dalam hal ini.

Sementara ada font khusus yang digunakan dalam pembuatan halaman, ada juga opsi untuk memilih mana yang paling cocok dengan proses optimasi font.

Optimalkan Kompresi File dan Gambar WordPress Anda dengan Plugin

Anda mungkin juga ingin memeriksa apakah beberapa plugin menambahkan file font-awesome.min.css mereka sendiri.

Anda dapat menggabungkan file-file ini sehingga Anda memiliki lebih sedikit file .css di situs web WordPress Anda dengan menggunakan plugin seperti Merge + Minify + Refresh atau Page Ninja.

Optimalkan Gambar

Gambar sangat meningkatkan tampilan sebuah halaman web. Mereka membuat halaman menjadi menarik serta memudahkan interaksi pengunjung dengan situs tersebut.

Peningkatan ukuran halaman web yang terus menerus dikaitkan dengan penggunaan gambar.

Mengurangi jumlah gambar per produk, mengurangi ukuran gambar dan penataan gambar yang tepat di halaman adalah tiga cara terbaik untuk mengoptimalkan ukuran.

Pastikan untuk menggunakan aplikasi kompresi gambar yang andal dan efektif. Alat-alat tersebut memastikan kualitas gambar tetap terjaga sambil mengurangi ukurannya dan membuatnya lebih ramah pengguna.

Beberapa plugin untuk optimasi gambar meliputi:

• Kraken.io
• WP Smush
• EWWW Image Optimizer

Optimalkan Video

Salah satu perkembangan terbaru dalam pembuatan halaman web adalah penyertaan video.

Sementara mereka tetap menjadi komponen minor dari sebuah halaman, mereka juga menambah ukuran dari halaman web.

Saat mengoptimalkan ukuran halaman, Anda harus mempertimbangkan untuk mengurangi jumlah video yang digunakan sedemikian rupa sehingga Anda memastikan mereka tidak memakan ruang secara tidak perlu.

Mengedit video untuk mengurangi durasi dan mempertahankan sebanyak mungkin konten juga merupakan langkah ideal menuju optimasi halaman.

Video yang tertanam di halaman Anda akan meningkatkan jumlah permintaan yang diperlukan untuk ditampilkan di halaman Anda, termasuk mengunduh gambar miniatur dan resolusi.

Tidak hanya ukuran byte Anda yang akan bertambah, tetapi waktu pemuatan juga akan sangat bertambah karena permintaan HTTP tambahan.

Anda dapat mengoptimalkan video Anda dengan beberapa opsi berbeda.

Video Lightbox memungkinkan video Anda muncul untuk ditonton daripada tertanam di situs Anda. Anda dapat menanamkan video YouTube tanpa meningkatkan ukuran halaman web dengan hanya menanamkan gambar thumbnail saja.

Optimalkan Komentar, Umpan Balik, dan Ulasan Pengunjung

Sebuah platform bagi pengunjung untuk memberikan ulasan dan komentar memiliki peran penting dalam menjaga mereka tetap terlibat serta mengumpulkan wawasan penting dari konsumen.

Konten ini, bagaimanapun, memerlukan ruang yang sangat meningkatkan ukuran total halaman web. Menambahkan alat pihak ketiga seperti Disqus atau ulasan produk di halaman adalah cara ideal untuk mengoptimalkan ukuran halaman.

Fokus mereka harusnya adalah untuk membatasi jumlah komentar yang ditampilkan dan menerapkan fitur lain yang mungkin mereka miliki untuk membantu mengurangi ukuran halaman web Anda.

Optimasi Ukuran Halaman Web untuk Wix

Jika Anda mendesain situs web Anda menggunakan Wix, Anda terbatas pada apa yang dapat Anda lakukan untuk mengoptimalkan ukuran halaman web dibandingkan dengan WordPress atau Shopify.

Namun, berikut adalah beberapa langkah yang dapat Anda lakukan untuk mengurangi ukuran halaman web.

Optimalkan Teks dan Tautan Halaman

Sebagai panduan utama, pengunjung sangat diuntungkan dari judul halaman dan deskripsi selama pencarian dan navigasi.

Dengan peran penting yang mereka mainkan, ada kebutuhan untuk menggunakan judul dan deskripsi yang singkat dan padat dalam optimasi ukuran halaman.

Ini berarti bahwa jumlah kata yang paling sedikit harus digunakan sambil memastikan ada makna yang jelas dan pasti.

Ini juga melibatkan memiliki font yang tepat bersamaan dengan konten untuk judul dan deskripsi.

Google, dalam Mobile Page Speed New Industry Benchmark, menulis:

“Hanya dengan mengompres gambar dan teks bisa menjadi perubahan yang signifikan—30% halaman bisa menghemat lebih dari 250KB dengan cara tersebut.”

Karena Wix hadir sebagai solusi yang siap pakai, satu-satunya kontrol yang Anda miliki adalah apa yang Anda masukkan ke dalam situs versus mengoptimalkannya melalui plugin seperti platform CMS lainnya.

Perlu dicatat bahwa dalam sebuah situs web, halaman-halaman yang berbeda dihubungkan melalui alamat tautan dan teks jangkar. Hal ini membantu memudahkan navigasi dan memberikan arahan kepada pengunjung.

Namun, di setiap halaman di mana mereka digunakan, mereka merupakan tambahan untuk konten halaman dan oleh karena itu memiliki potensi untuk meningkatkan ukuran halaman.

Dalam optimasi ukuran halaman web, ada kebutuhan untuk mengurangi tautan dan teks jangkar sebanyak mungkin. Ini harus ditingkatkan lebih lanjut dengan mengurangi jumlah karakter yang digunakan dalam proses tersebut.

Hindari Audio dan Video yang Diputar Otomatis

Berkas audio dapat meningkatkan ukuran halaman dan waktu pemuatan, jadi menghindarinya sepenuhnya sangat disarankan. Namun, jika Anda mengunggah audio ke situs Anda, unggahlah berkas audio yang memiliki bit rate sebesar 128 KBP.

Optimalkan Kompresi Gambar

Gambar yang digunakan di sebuah halaman sangat penting. Mereka merupakan bagian dari halaman modern dan tren saat ini tetapi juga memberikan pengunjung antarmuka pengguna yang lebih baik.

Namun, gambar memakan banyak ruang pada sebuah halaman dan oleh karena itu memerlukan kebutuhan untuk mengompres gambar tersebut.

Proses optimasi ukuran halaman web Wix memerlukan penggunaan alat kompresi gambar yang andal untuk memastikan konten dan kualitas gambar tidak terpengaruh.

Ini harus dilakukan selain memastikan ada susunan yang tepat dari gambar-gambar untuk memastikan jumlah terbaik digunakan tanpa meningkatkan ruang yang dikonsumsi.

Optimasi Ukuran Halaman Web untuk Shopify

Ada sejumlah fitur unik untuk Shopify yang mungkin mempengaruhi halaman web Anda dan kecepatan situs web Anda. Untuk mengoptimalkan ukuran halaman web Shopify Anda, ikuti langkah-langkah sederhana ini:

Optimalkan Gambar Produk

Shopify menyediakan platform bagi para pemasar dan pemilik toko untuk menjangkau pelanggan. Hal ini dicapai melalui penggunaan gambar bersama dengan konten lainnya di halaman untuk menarik pelanggan.

Dalam hal ini, penting untuk mengurangi jumlah gambar dari satu produk agar dapat mengoptimalkan ukuran halaman.

Ambil contoh halaman produk ini dari Package Free, hanya menampilkan 3 gambar produk.

Mengedit dan mengubah gambar secara teratur dapat bertindak sebagai pendekatan ideal untuk memberikan pengunjung tampilan yang berbeda dari produk daripada memiliki banyak gambar dalam satu halaman.

Kurangi ukuran gambar thumbnail untuk membantu mempercepat waktu pemuatan dan mengurangi ukuran keseluruhan halaman web. Tema harus menggunakan parameter ukuran gambar bawaan Shopify untuk mengunduh gambar dengan ukuran terkecil.

Membuat thumbnail terpisah dan mengurangi ukuran gambar Anda akan paling banyak berkontribusi pada pengurangan ukuran halaman.

Pelacakan dan Konversi

Alih-alih menggunakan aplikasi Shopify untuk melacak konversi, gunakan Google Tag Manager.

Ini akan berfungsi sebagai pusat dan hanya memerlukan satu potongan JavaScript di situs Anda untuk semua skrip Anda, termasuk Google Analytics, Adwords, dan Facebook Tracking Pixels.

Kompatibilitas dengan Perangkat Mobile

Penggunaan perangkat mobile meningkat setiap hari. Tidak seperti desktop, perangkat mobile menggunakan memori terbatas dan oleh karena itu memerlukan halaman yang dioptimalkan untuk tampilan mobile.

Untuk menghindari pemeliharaan halaman yang berbeda untuk tampilan yang berbeda, optimalkan halaman yang ada agar kompatibel dengan semua perangkat.

Platform Shopify dirancang untuk tujuan ini dan oleh karena itu memiliki alat yang tersedia untuk membantu menyesuaikan halaman agar performa optimal di setiap perangkat.

Mengerti Apa yang Dilihat oleh Pelanggan Anda

Sementara Anda mungkin ingin membuat halaman utama yang panjang, menggunakan alat heatmap seperti Hotjar atau Crazyegg untuk membantu melacak seberapa sering pengunjung Anda melihat situs Anda akan menunjukkan kepada Anda cara untuk melakukan pengurangan.

Sumber: Brax

Halaman utama yang paling optimal harus disajikan dalam satu atau dua guliran.

Sebuah studi Nielson Norman Group menunjukkan bahwa 57% dari waktu melihat halaman oleh individu berada di atas lipatan. Sementara 74% dari waktu melihat dihabiskan pada dua layar penuh pertama, hingga 2,160 PX.

Kesimpulan

Ini menandai kesimpulan artikel kami tentang ukuran halaman web. Ikuti rekomendasi yang telah kami bahas di seluruh artikel untuk mengoptimalkan ukuran halaman web Anda secara keseluruhan.

Ini tidak hanya dapat meningkatkan peringkat mesin pencari Anda, tetapi juga dapat mengarah pada peningkatan konversi, penurunan tingkat pentalan, dan peningkatan keterlibatan pengguna di situs.