Membuka Rahasia SEO: Memperkenalkan Panduan Utama untuk Kecepatan Situs Web

Kecepatan penting bagi pengguna dan SEO: Tidak ada yang mau menunggu beberapa detik untuk memuat situs web. Pengguna lebih suka meninggalkan situs Anda dan pergi ke pesaing daripada menghabiskan waktu menunggu. Kutipan "waktu adalah uang," sekarang sama benarnya dengan ketika Benjamin Franklin mengatakannya berabad-abad yang lalu. Waktu juga penting bagi Google. Kecepatan adalah salah satu faktor peringkat Google. Semua hal dianggap sama, semakin cepat situs web, semakin tinggi peringkatnya. Dan tidak ada seorang pun yang akan berpendapat bahwa memiliki situs web yang cepat bukanlah suatu keharusan saat ini. Pertanyaannya adalah: bagaimana membuat website Anda lebih cepat? Penulis tamu kami dalam Unwrapping the Secrets of SEO ini adalah Tomek Rudzki, Kepala tim Penelitian dan Pengembangan di Elephate, pemenang “Best Small SEO Agency” di European Search Awards 2018. Rudzi menawarkan saran untuk mempercepat situs web Anda dan menang.

Panduan lengkap untuk Kecepatan Situs Web ini menampilkan tiga artikel. Baca posting berikut di sini: Panduan Utama untuk Kecepatan Situs Web – Bagian 2 dan Panduan Utama untuk Kecepatan Situs Web – Bagian 3.

Studi Kecepatan Halaman Gratis

1. Waktu adalah Uang

Ada banyak penelitian yang menunjukkan fakta bahwa situs web yang lebih cepat sama dengan lebih banyak pendapatan.

• Pinterest menyadari bahwa mengurangi waktu tunggu yang dirasakan menghasilkan peningkatan jumlah pendaftaran sebesar 15% .
• BBC memperhatikan untuk setiap detik tambahan situs web mereka dimuat, 10% pengguna pergi.
• DoubleClick oleh Google menyelidiki bahwa mengurangi pemuatan halaman dari 19 (ekstrim!) menjadi 5 detik menghasilkan rasio pentalan 35% lebih rendah, dan sesi 70% lebih lama.
• Studi Amazon mengungkapkan bahwa hanya satu detik dari perlambatan pemuatan situs web dapat mengakibatkan penurunan penjualan 1,6 miliar setiap tahun.

Anda mungkin berkata, “oke, tapi saya tidak peduli dengan Pinterest, BBC atau Amazon; bicarakan dengan saya tentang bisnis SAYA .'” Google membuat alat yang bagus yang menghitung dampak kecepatan pada potensi pendapatan . Saya mengisi alat dengan contoh data: Pengunjung bulanan rata-rata 1.000.000, tingkat konversi 3,26%, dengan nilai pesanan rata-rata $82.

Anda mungkin bertanya, “Tomek, mengapa Anda memilih data ini: tingkat konversi 3,26, tetapi bukan 1% atau 4%, atau bahkan 10%?” Ok, saya mendapat data dari Statista. Menurut laporan mereka, nilai rata-rata pesanan belanja online di Amerika Serikat pada kuartal ke-4 tahun 2017 (dalam dolar AS) adalah 82. Terlebih lagi, tingkat konversi rata-rata adalah 3,26.

Tampaknya mengurangi kecepatan pemuatan halaman dari 5 detik menjadi 2,8 detik dapat menghasilkan pendapatan $ 1,97 juta lebih banyak per tahun. Kedengarannya bagus!

Tentu saja, itu hanya kalkulator. Tapi kalkulator didasarkan pada data nyata. Saya tidak berpikir Google menambahkan beberapa nol di akhir nilai yang dihitung agar terlihat serius.

2. Selalu Pikirkan Pengguna Seluler

Menurut Statcounter, pada Februari 2018 lebih dari 55% pengguna terhubung ke internet melalui ponsel atau tablet – statistik yang mengesankan!

Saat ini, jika Anda ingin memuaskan pengguna ponsel Anda, Anda harus:

• pastikan situs web Anda berfungsi dengan baik di seluler (yaitu jika responsif)
• membuat situs web sangat cepat.

Anda harus ingat bahwa pengguna seluler sering kali memiliki koneksi yang buruk dan menggunakan perangkat kelas bawah, sehingga setiap kilobyte yang dikirim melalui "kabel" sangat penting. Situs web Anda mungkin bekerja cepat di komputer pribadi, dengan semua ekstra , tetapi mungkin sangat lambat di perangkat seluler. Dan kemungkinan Anda mendapatkan yang pertama tidak lagi menguntungkan Anda.

3. Gunakan GTMetrix

Ada alat hebat yang memberi tahu Anda apa yang dapat Anda tingkatkan untuk membuat situs web Anda lebih cepat. Anda dapat mengaudit situs web apa pun secara gratis. Anda tidak harus menjadi pemilik situs web untuk memulai audit (yaitu saya mengaudit Giphy.com). Alat ini menggabungkan data dan petunjuk dari Google PageSpeed ​​Insights dan Yahoo Slow.

Sebaiknya buka https://gtmetrix.com/ dan ketik URL situs web Anda.

Anda dapat melihat daftar rekomendasi tentang cara meningkatkan kecepatan situs web Anda dengan mengklik tab “PageSpeed” atau “YSlow”.

Untuk saat ini, banyak informasi pada tab ini mungkin tidak dapat dimengerti karena terlalu teknis. Tidak apa-apa. Roma tidak dibangun dalam satu hari. Saya akan melakukan yang terbaik untuk membantu Anda memulai. Ada bagian menarik yang disebut "Air Terjun" yang menunjukkan kepada Anda kapan tepatnya sumber daya (file JS & CSS, file gambar) diunduh dan dimuat.

Saya sangat menyarankan Anda mendapatkan akun GTMetrix (gratis!). Pengguna terdaftar dapat menyesuaikan pengujian dan mengubah browser dan lokasi server. Terlebih lagi, setelah Anda masuk, Anda dapat mengaktifkan opsi "buat video". Opsi videonya sangat bagus. Ini menunjukkan kepada Anda berapa lama pengguna harus menunggu sampai mereka dapat melihat perubahan visual di situs web Anda.

Tapi Jangan Tergila-gila dengan GTMetrix

Meskipun GTMetrix adalah alat yang hebat, terkadang rekomendasinya dapat membuat Anda mengejar angsa liar. Tidak ada yang salah dengan GTMetrix. Hanya saja tidak ada aturan "satu ukuran untuk semua" saat mengoptimalkan kecepatan – sesuatu yang sangat disadari oleh GTMetrix:

Misalnya, GTMetrix menyarankan Anda mengatur cache browser untuk sumber daya yang disimpan di server Google Analytics atau Facebook. Sejujurnya, sumber daya ini berada di luar kendali Anda – Anda tidak dapat melakukan apa pun . Pengembang Google dan Facebook memutuskan bahwa, untuk alasan apa pun, sumber daya ini tidak boleh di-cache untuk jangka waktu yang lama.

Tentu saja, ada banyak alat yang mirip dengan GTMetrix, seperti WebPageTest, (yang jauh lebih kuat daripada GTMetrix). Namun, saya memutuskan untuk memperkenalkan Anda ke GTMetrix karena dua alasan:

1. GTMetrix lebih ramah pengguna
2. WebPageTest tidak memberi Anda rekomendasi yang jelas tentang apa yang harus dilakukan.

Saya ingin menyebutkan alat menarik lainnya – Google Lighthouse (Jika Anda menggunakan Chrome, Anda sudah menginstalnya). Kamila Spodymek dari Elephate menulis artikel bagus tentang Bagaimana SEO dapat memanfaatkan metrik kinerja Google Lighthouse . Pasti bacaan yang bagus!

4. Gunakan Kompresi GZIP

Ada satu aturan yang harus Anda ketahui: jika sumber daya lebih ringan, browser dapat mengunduhnya lebih cepat, yang akan menyebabkan pemuatan halaman lebih cepat . Pengguna ponsel Anda akan sangat diuntungkan.

Anda dapat mengurangi ukuran file teks (seperti HTML, SVG, CSS, dan JS) dengan menerapkan kompresi GZIP. Sangat umum bahwa kompresi GZIP menghemat 70-80% dari ukuran sumber daya, tanpa kehilangan informasi apa pun. Ini benar-benar masalah besar!

Kunjungi https://checkgzipcompression.com/ untuk memeriksa berapa kilobyte yang dapat Anda hemat (atau sudah disimpan!) dengan menerapkan GZIP. Dalam kasus Searchmetrics.com, GZIP diaktifkan (diizinkan untuk menghemat 83% dari ukuran halaman). Kedengarannya bagus!

Hati-hati, meskipun! Terkadang, webmaster akan membuat kesalahan dan mengompres semua file statis, termasuk JPEG, gambar PNG, dan PDF. Izinkan saya mengutip Dokumentasi Jaringan Pengembang Yahoo : “File gambar dan PDF tidak boleh di-gzip karena sudah dikompres. Mencoba untuk gzip mereka tidak hanya membuang-buang CPU tetapi berpotensi meningkatkan ukuran file”.

Jika Anda ingin menghemat kilobyte tambahan, ada baiknya juga untuk mengecilkan file HTML, JS, dan CSS Anda .

5. Sajikan Gambar Berskala

Itu fakta bahwa sebuah situs web akan memuat sangat lambat (terutama di ponsel!) karena banyak gambar.

Oleh karena itu, terkadang ada baiknya mengurangi jumlah gambar. Tetapi daripada membatasinya, saya akan merekomendasikan untuk mengoptimalkan yang sudah ada . Karena itu, gambar yang disajikan kepada pengguna Anda harus diskalakan dan dikompresi (baik lossless atau lossy).

Pertama, mari kita bicara tentang penskalaan gambar. Katakanlah ada sepuluh thumbnail 220x220 per halaman, tetapi Anda mengupload 800x800 gambar ke server. Haruskah Anda menyajikan gambar yang sudah diskalakan kepada pengguna, atau memaksa browser untuk menskalakannya "dengan cepat"?

Jawabannya mudah. Jika Anda tidak menskalakan gambar di sisi server, maka browser harus mengunduh lebih banyak kilobyte daripada yang dibutuhkan. Tidak ada gunanya, karena gambar akan diskalakan. Juga, ini adalah pekerjaan tambahan untuk GPU di sisi klien. Belum lagi kecepatan pemuatan halaman akan berkurang.

6. Kompres gambar Anda

Sekarang, mari kita bicara tentang mengompresi gambar. Ini adalah teknik lain yang harus dimiliki untuk web modern.

Secara umum, ada dua jenis kompresi gambar:

• Lossless (melakukan pekerjaan dengan sangat baik, Anda dapat yakin kualitasnya tidak akan menurun).

• Lossy (biasanya membuat gambar lebih ringan, tetapi, seperti namanya: Anda kehilangan sebagian kualitasnya).

Muncul pertanyaan: jenis kompresi apa yang lebih baik: lossless atau lossy?

• Itu benar-benar tergantung pada situasinya. Jika situs web Anda menyediakan gambar luar angkasa, setiap detail penting. Tetapi jika Anda membuat blog pribadi, Anda mungkin akan baik-baik saja dengan kompresi lossy, bahkan dengan tingkat kompresi yang tinggi. Saya sarankan Anda bereksperimen untuk melihat pengaturan mana yang paling sesuai dengan situs web Anda.

7. Jangan Paksa Pengunjung Ponsel Anda untuk Mengunduh Foto Full HD!

Pengguna seluler memiliki layar yang jauh lebih kecil dan mereka tidak akan mendapat manfaat dari foto HD Anda. Sebaliknya, mereka akan marah jika Anda memaksa mereka mengunduh gambar berukuran besar.

Mari kita periksa contoh Elephate.com . Kami memiliki foto yang cukup besar (2600x1463 piksel) dari anggota perusahaan kami di bagian atas beranda kami (522kb)

Ini benar-benar baik untuk desktop – mereka dapat mengunduhnya dengan sangat cepat. Namun, untuk pengguna seluler, kami menggunakan parameter "srcset" dari HTML. Berkat penerapan ini, pengguna seluler hanya akan mengunduh gambar yang jauh lebih kecil (mereka tidak memerlukan yang lebih besar) yang berdampak positif pada waktu pemuatan halaman.

Pengguna desktop tidak akan menderita karena mereka akan melihat foto full HD. Tetapi pengguna seluler akan benar-benar mendapat manfaat darinya.