Panduan Pemula untuk Optimasi File Situs Web (70% Memuat Lebih Cepat)

Untuk mempercepat situs web Anda dan menghemat bandwidth, kompresi adalah salah satu cara paling efektif (dan termudah) untuk mencapai itu.


… Namun, banyak pemilik situs web yang masih belum mengoptimalkan file mereka pada tahun 2020, baik karena mereka tidak tahu betapa pentingnya itu atau mereka tidak tahu bagaimana.

Untuk membuat cerita panjang pendek, salah satu cara paling penting untuk mempercepat kecepatan memuat halaman Anda adalah membuat file JavaScript (JS) memuat lebih cepat … Dan Anda dapat mempercepat JavaScript dengan menggunakan kompresi GZIP.

Sekarang, ini hanya ideal untuk browser modern, tetapi kebanyakan orang di internet menggunakan perangkat dan browser terbaru. Baik Yahoo dan Google menggunakan kompresi GZIP.

Tapi pertama-tama, mari kita buat sedikit konteks.

Langkah # 1: Apa itu Pengodean Konten?

Agar dapat mengoptimalkan file situs web Anda secara efektif, penting untuk memahami konsep yang dikenal sebagai pengkodean konten.

Sederhananya, ini digunakan untuk memungkinkan dokumen dikompresi tanpa risiko kehilangan identitas jenis media yang mendasarinya. Browser Anda akan berbicara dengan server web ketika Anda meminta file.

Permintaan HTTP

Pada dasarnya, browser memberi tahu server apa yang diinginkannya. Server mencarinya dan menemukannya. Browser kemudian memuatnya. Semakin besar file, semakin lama browser mengambilnya.

Jadi, apa yang Anda lakukan ketika file terlalu besar?

Anda akan mengancingkannya. Saat Anda mengirim file yang di-zip ke browser, Anda menghemat waktu pengunduhan dan bandwidth.

Ada dua elemen yang terkait dengan server dan browser dengan mengetahui bahwa mengirim file zip:

  • Peramban memberi tahu server bahwa mengirim konten yang dikompresi dengan mengirim tajuk tidak masalah
  • Jika konten dikompresi, server mengirimkan respons

Jika file tidak dikompresi, server tidak akan mengirim header respons penyandian konten. Header accept-encoding bukan permintaan, tetapi hanya permintaan yang dibuat oleh browser.

Browser harus berurusan dengan versi berat reguler karena server tidak mengirim konten terkompresi.

Mendapatkan Pengaturan Server

Anda tidak memiliki kontrol atas browser. Entah akan mengirim tajuk atau tidak mengirimnya. Namun, Anda dapat mengonfigurasi server yang Anda gunakan untuk memastikan konten ritsleting dikembalikan selama peramban dapat menanganinya. Ini menghasilkan penghematan bandwidth yang signifikan.

kinerja web setelah kompresi

Untuk melakukan ini, cukup aktifkan pengaturan kompresi untuk IIS. Jika Anda menggunakan Apache, relatif mudah untuk mengaktifkan kompresi output. Cukup akses file .htaccess Anda dan tambahkan kode yang tepat.

Ada dua opsi kompresi untuk dipilih dengan Apache:

  • mod_deflate adalah standar dan lebih mudah untuk mengaturnya
  • mod_gzip memungkinkan Anda melakukan pra-kompres konten dan tampaknya lebih kuat

apache mudah mengempis

Apa pun pilihan yang Anda pilih, Apache akan melihat apakah browser mengirim header untuk menerima-encoding, dan kemudian mengembalikan file dalam versi reguler atau versi terkompresi..

Jika peramban yang lebih lama menyebabkan masalah, ada beberapa hal yang dapat Anda lakukan untuk memperbaikinya dengan menambahkan arahan khusus tertentu.

Untuk mengembalikan konten terkompresi, Anda dapat menggunakan PHP jika Anda tidak dapat membuat perubahan pada file .htaccess Anda. Dalam PHP:

<?php if (substr_count ($ _ SERVER [‘HTTP_ACCEPT_ENCODING’], ‘gzip’)) ob_start (“ob_gzhandler”); lain ob_start (); ?>

Versi file yang di-gzip dikembalikan setelah memeriksa header accept-encoding. Ini mirip dengan membangun server web sendiri. Untuk mengompres output Anda, Apache memang membuatnya lebih mudah.

Peringatan penting: sebagian besar perangkat lunak pembuatan situs web tidak memungkinkan pengeditan tingkat kode (dengan beberapa pengecualian). Di Hosting Kanada, kami adalah pendukung kuat self hosting situs Anda, tetapi menyadari bahwa itu tidak untuk semua orang. Saat menggunakan pembangun situs web seperti Squarespace, Wix atau Weebly, pengutipan level server semacam ini mungkin di luar jangkauan Anda.

Verifikasi Kompresi Anda

Penting untuk memastikan bahwa Anda mengirimkan konten terkompresi setelah Anda selesai mengonfigurasi server Anda. Untuk menentukan apakah halaman Anda dikompresi online, Anda dapat menggunakan tes GZIP online.

Di browser Anda, alat pengembang dapat membantu Anda dalam hal ini. Anda akan ingin pergi ke tab jaringan, menyegarkan halaman dan kemudian klik garis jaringan halaman tertentu.

Jika konten dikirim terkompresi, Anda akan melihat header “pengkodean konten: GZIP”.

tajuk google chrome gzip

Untuk mendapatkan detail lebih lanjut, Anda dapat mengklik ikon untuk “menggunakan baris besar.” Ini juga memberikan informasi tentang ukuran konten sebenarnya dan ukuran transfer terkompresi.

Peringatan untuk Dipertimbangkan

Kompresi memberikan banyak manfaat, tetapi ada kerugian untuk semuanya. Anda ingin mengetahui hal-hal berikut:

  • Grafik Rasio KompresiKonten yang sudah dikompresi: Sebagian besar musik, video, dan gambar sudah dikompres. Jika Anda mencoba untuk kompres lagi, ini sebagian besar hanya buang-buang waktu. Dalam kebanyakan kasus, Anda hanya perlu khawatir tentang mengompresi CSS, HTML dan JavaScript.
  • Browser lama: Konten terkompresi tidak kompatibel dengan semua browser. Ini terutama berlaku untuk browser yang lebih tua. Misalnya, Anda mungkin ingin menghindari kompresi HTTP jika Anda harus bekerja di Windows 95 atau dengan Netscape 1.0. Ada beberapa aturan dan pedoman untuk menghindari kompresi untuk browser lama dengan Apache mod-deflate.
  • Beban CPU: Hemat bandwidth dan gunakan waktu CPU saat Anda mengompres konten saat itu juga. Mempertimbangkan kecepatan kompresi, tradeoff biasanya dipandang adil. Ada beberapa cara untuk mengirim versi terkompresi dan konten statis pra-kompres. Ini biasanya memerlukan lebih banyak konfigurasi. Ingatlah bahwa orang-orang di internet memiliki rentang perhatian yang pendek, sehingga meningkatkan kecepatan untuk pengalaman pengguna yang lebih baik dengan menggunakan siklus CPU biasanya selalu merupakan ide yang baik.

Mengapa Anda Harus Menggunakan Kompresi GZIP

Konsol kompresi httpKompresi GZIP menawarkan banyak manfaat. Penting untuk mengetahui apa ini sehingga Anda sepenuhnya sadar mengapa Anda harus mulai menggunakannya.

Rata-rata, menggunakan GZIP untuk mengompres file CSS dan HTML Anda menghemat 50 hingga 70 persen dari total ukuran file. Penghematan ukuran file yang signifikan ini menghasilkan pengalaman pengguna yang jauh lebih baik dan efisien di situs web Anda.

Teknik ini juga memainkan peran penting dalam keseluruhan SEO situs web Anda. Mesin pencari menggunakan algoritma yang kompleks untuk menentukan di mana situs dan halaman web jatuh dalam hasil pencarian.

Satu elemen yang menjadi lebih penting dengan setiap pembaruan algoritma adalah waktu buka halaman web. Mesin pencari menggunakan informasi ini untuk menentukan optimalisasi keseluruhan situs web.

tes kecepatan kompresi gzipKetika halaman web dimuat dengan cepat, mereka yang mengunjungi situs tidak perlu menunggu untuk mengakses konten yang mereka cari. Ingat bahwa pengguna internet memiliki rentang perhatian yang pendek.

Jika laman web terlalu lama dimuat, pengguna cenderung mengeklik dan menemukan situs yang lebih cepat dengan informasi serupa. Mesin pencari ingin memberi penghargaan kepada situs web yang memuat lebih cepat, sehingga mereka memberi mereka penempatan hasil pencarian yang lebih tinggi.

Situs web yang lebih cepat juga meningkatkan konversi. Ini berarti bahwa jika Anda memiliki situs web e-niaga, semakin cepat memuatnya, semakin tinggi penjualan Anda. Faktanya, sekitar 51 persen orang Amerika mengatakan bahwa alasan utama mereka meninggalkan pembelian adalah situs web yang lambat.

Studi kasus menunjukkan bahwa Anda dapat meningkatkan tingkat konversi lebih dari 15 persen dengan mengurangi waktu pemuatan situs web Anda hanya dalam 2,2 detik.

Memecahkan Masalah dengan Kompresi GZIP

Seperti semua elemen teknologi, kompresi GZIP dapat gagal karena alasan terkecil. Berita baiknya adalah bahwa sebagian besar alasan kegagalan dapat diperbaiki.

Elemen pertama yang harus dilihat adalah apakah kompresi GZIP didukung oleh host web Anda. Sementara sebagian besar memang mendukungnya karena pentingnya untuk memuat halaman, ada beberapa orang terpilih yang tidak peduli untuk memastikan kompatibilitas. Anda dapat menghubungi host web Anda untuk menentukan apakah kompatibilitas GZIP merupakan masalah.

Elemen selanjutnya untuk dijelajahi adalah kode Anda. Bahkan satu karakter yang salah dapat menyebabkan masalah. Cari karakter yang tidak terjawab, kesalahan sintaksis atau kode yang salah bentuk. Semua pengkodean Anda harus bekerja dengan arsitektur Anda agar kompresi berhasil.

Anda cukup memeriksa kode yang Anda masukkan dengan PHP atau .htaccess (ini sudah dibahas di atas). Jika Anda tidak dapat menemukan masalah, tetapi Anda yakin kode ini yang harus disalahkan, pertimbangkan untuk menukarnya sepenuhnya dengan kode lain yang lebih mungkin berfungsi.

Dalam beberapa kasus, host web Anda memiliki akses ke file yang tepat untuk memungkinkan kompresi GZIP, tetapi Anda tidak. Dalam hal ini, panggil saja host Anda dan minta mereka untuk mengaktifkannya.

Anda pelajari sebelumnya dalam artikel ini tentang memeriksa kompresi GZIP Anda. Ini adalah opsi cepat dan mudah untuk pemecahan masalah. Umumnya disarankan agar Anda melakukan ini terlebih dahulu. Jika ada yang salah, maka tanyakan kepada host web Anda dan evaluasi kode yang Anda gunakan.

Jika browser Anda kedaluwarsa, ini juga dapat menyebabkan masalah dengan kompresi GZIP. Ini sangat umum dengan versi Internet Explorer lama. Jika banyak orang yang mengunjungi situs Anda menggunakan browser lama, ini adalah masalah yang mungkin harus Anda atasi.

Jika file di situs Anda sangat besar, ini juga dapat menimbulkan masalah terkait kompresi GZIP. Jika Anda menggunakan versi GZIP yang lebih lama, batas ukuran file bisa relatif kecil, seperti dua gigabyte atau kurang. Karena itu, Anda ingin menentukan batas dari versi GZIP Anda.

Salah satu cara terbaik untuk melakukannya meningkatkan kinerja dan kecepatan situs web Anda adalah dengan mengaktifkan kompresi. Sekarang setelah Anda tahu cara melakukannya, Anda dapat mulai mengambil manfaat penuh dari manfaatnya.

Waspadai peringatan dan pertimbangkan itu saat Anda bekerja. Langkah selanjutnya adalah mengaturnya agar pengunjung Anda dapat memetik manfaatnya.

Faktor kecepatan situs web sering diabaikan berkaitan dengan pilihan Anda dari perusahaan web hosting. Ya, itu membuat perbedaan yang Anda pilih, karena beberapa hanya berkinerja lebih baik ketika Anda meluangkan waktu untuk mengolah data.

Untuk info lebih lanjut, lihat panduan saya tentang cara meningkatkan kecepatan situs web Anda.

Referensi dan kredit gambar:

  • BetterExplained.com
  • OpenSourceVarsity.com
  • Geekeasier.com
  • WebPerformance.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map