Memperbaiki kecepatan situs secara lintas fungsi

Bagaimana departemen lain dapat membantu keberhasilan proyek pengoptimalan kecepatan situs web Anda.

Lina Hansson

Salah satu mitos umum terkait kecepatan situs adalah bahwa itu hanya tanggung jawab tim pengembangan. Kenyataannya, situs yang cepat memerlukan bantuan dari beberapa departemen. Developer jarang dapat menyelesaikan masalah sendiri, tidak peduli seberapa berbakatnya mereka. Jadi bagaimana Anda memperbaiki kecepatan bersama rekan kerja Anda? Artikel ini menjelaskan bagaimana Anda (sebagai developer web) dapat meyakinkan perusahaan Anda untuk memprioritaskan kecepatan situs, mendapatkan bantuan dari berbagai departemen sambil melakukan pengoptimalan, dan meningkatkan awareness terkait keberhasilan project pengoptimalan Anda.

Perbaiki kecepatan dengan bantuan pemangku kepentingan bisnis Anda

Banyak perusahaan berada di tengah-tengah perubahan perilaku konsumen yang mengganggu, dengan pertumbuhan orang yang membeli di platform digital, bukan toko fisik, menceritakan bahwa perusahaan perlu menyesuaikan dengan cepat atau berisiko mengalami penurunan pendapatan. Hal ini akan membutuhkan proses organisasi dan pola pikir yang baru, serta dukungan yang kuat dari para pemangku kepentingan agar berhasil.

Tantangan yang dibagikan

Cara perusahaan mengatur diri mereka sendiri kemungkinan besar akan perlu diubah dalam beberapa tingkatan. Pertama-tama, project kecepatan, dengan potensi peningkatan pendapatan yang dapat dihasilkan, akan sulit dilakukan jika developer tidak memiliki waktu untuk mengerjakannya. Alokasi resource harus diterapkan, dan kolaborasi dengan departemen lain seperti pemasaran dan desainer web sering kali akan lebih lancar jika pemangku kepentingan dan eksekutif menunjukkan bahwa ini adalah project prioritas.

Selain tingkat operasional ini, penting juga bagi pemangku kepentingan untuk memahami bahwa ada dua pergeseran yang terjadi saat ini:

Artinya, perusahaan yang membuat keputusan eksekutif berdasarkan orang-orang yang merupakan pakar di platform digital akan memiliki keunggulan. Dengan demikian, salah satu saran adalah dengan mengundang satu developer ke rapat tempat keputusan bisnis dibuat, untuk memastikan bahwa situs dan batasannya dipertimbangkan sejak awal, dan dengan demikian, mengamankan peningkatan penjualan.

Mengirim proposal ke pemangku kepentingan

Secara umum, sekitar 10% penjualan terjadi di platform digital, tetapi penelitian menunjukkan bahwa 85% penjualan di toko fisik dipengaruhi secara digital terlebih dahulu. Memiliki situs yang berperforma baik, terutama di seluler (yang menjadi perangkat utama), sehingga penting bagi pendapatan bisnis kami. Kami mengusulkan proyek kecepatan yang akan membantu situs meningkatkan konversi, dan untuk menyiapkan aliran komunikasi sehingga wawasan dalam tim teknis dapat digunakan dengan lebih baik sebelum keputusan yang akan memengaruhi situs dibuat.

Mempersiapkan diri untuk bertemu dengan pemangku kepentingan Anda

Sebelum bertemu dengan pemangku kepentingan, pastikan Anda siap dengan data untuk situs dan situs pesaing, serta data yang menunjukkan ROI tinggi untuk perubahan yang Anda sarankan. Mengumpulkan data seputar pentingnya kecepatan. Skenario terbaik adalah jika itu terhubung dengan pendapatan perusahaan. Berikut beberapa cara untuk melakukannya:

  • Hitung rasio konversi seluler relatif. Bekerjasamalah dengan tim analisis Anda dan lakukan analisis yang dijelaskan dalam Nilai kecepatan. Jika Anda secara historis memiliki satu periode (setidaknya 2-3 bulan) saat waktu muat jauh lebih tinggi daripada periode lain dengan durasi yang sama, kecepatan situs yang lambat biasanya akan sangat memengaruhi konversi seluler. Melalui analisis ini, Anda dapat menghitung berapa banyak pendapatan yang hilang perusahaan selama periode kecepatan yang buruk, yang membuktikan nilai kecepatan. Jika waktu pemuatan tetap pada level yang sama, analisis akan sulit dilakukan dan alternatif di bawah dapat memberikan lebih banyak jawaban.
  • Perkirakan nilai kecepatan dari model statistik. Dengan bantuan TestMySite Google, Anda dapat menjalankan pengujian, lalu menghitung dampak situs yang lebih cepat terhadap bisnis Anda. Yang Anda butuhkan hanyalah data tentang pengunjung bulanan rata-rata, rasio konversi, dan nilai pesanan rata-rata, yang dapat dibantu oleh tim analisis Anda.
  • Memberikan studi kasus praktik terbaik. Anda juga dapat menggunakan kasus dari perusahaan lain, yang telah membuat situs mereka lebih cepat dan melihat efeknya. Bagaimana Waktu Muat Halaman Memengaruhi Rasio Konversi: 12 Studi Kasus memberikan beberapa contoh.
  • Tunjukkan pentingnya perangkat seluler. Minta tim analisis untuk memberikan data tentang berapa persentase traffic Anda yang berasal dari perangkat seluler versus desktop.
  • Cari tahu berapa biayanya. Penghitungan di atas adalah cara untuk menunjukkan kepada pemangku kepentingan kemungkinan peningkatan pendapatan dari kecepatan, tetapi agar pemangku kepentingan dapat membuat keputusan yang perlu mengetahui ROI. Jadi, jika Anda bersiap dengan perkiraan biaya, keputusan eksekutif dapat dicapai lebih cepat. Untuk melakukannya, evaluasi berapa lama waktu yang dibutuhkan untuk project kecepatan awal yang terfokus, dan berapa banyak waktu yang Anda perlukan untuk pemeliharaan setelahnya. Misalnya, dalam Pemikiran cepat: TUI mempercepat situs mereka dengan menghilangkan sekat, developer diberi 20% waktu luang mereka dari backlog dan kampanye, yang dapat mereka gunakan untuk mempercepat project dan cara lain untuk meningkatkan kualitas situs.

Bertemu dengan pemangku kepentingan Anda

  • Tampilkan berapa banyak traffic yang Anda dapatkan dari perangkat seluler versus desktop, dan pertumbuhan yang Anda dapatkan dari perangkat seluler beberapa tahun terakhir. Hal ini menunjukkan pentingnya menciptakan pengalaman seluler yang luar biasa.
  • Presentasikan temuan Anda tentang pengaruh kecepatan terhadap pendapatan perusahaan.
  • Beri tahu pemangku kepentingan bahwa developer dapat membantu meningkatkan pendapatan dari pengunjung seluler jika mereka diberi waktu untuk meningkatkan kecepatan secara berkelanjutan.
  • Sarankan satu orang dari tim pengembangan harus diundang ke rapat eksekutif untuk mengambil keputusan seputar lokasi. Saat ini kami berjualan di platform digital. Pemenang adalah perusahaan yang mulai berkomunikasi dengan pakar digital mereka. Perusahaan modern harus menyiapkan aliran komunikasi antardepartemen dan antara pemangku kepentingan dan developer. Studi oleh Harvard Business Review menunjukkan bahwa satu dari enam project IT mengalami kelebihan biaya hingga 200%. Salah satu contohnya adalah Kmart, yang kehilangan posisi kompetitifnya dari Walmart dan Target saat memulai proyek modernisasi IT senilai $1,4 miliar pada tahun 2000. Dengan menyiapkan komunikasi dan pemeliharaan lebih awal, sekat dapat dipecahkan dan berbagi pengetahuan dapat menjadi keunggulan kompetitif.

Perbaiki kecepatan dengan bantuan tim pemasaran Anda

Tantangan yang dibagikan

Tim pemasaran memerlukan alat untuk menangani iklan dan data agar dapat membuat keputusan yang tepat, tetapi sebagian besar alat memperlambat situs dan sering kali diterapkan dengan skrip pemblokir render yang membuat pengunjung yang memasuki situs harus menunggu sampai mereka melihat apa pun di layar. Oleh karena itu, perlu ada keseimbangan; departemen pemasaran memerlukan data dan alat, tetapi agar situs mendapatkan rasio pantulan yang rendah dan rasio konversi yang tinggi, departemen tersebut harus cepat, agar pemasaran mendapatkan laba atas investasi yang bagus.

Keseimbangannya dicapai dengan berhati-hati dengan skrip:

  • Hindari duplikasi yang mengukur kurang lebih hal yang sama.
  • Menghapus alat yang tidak lagi digunakan.
  • Jangan mengukur hal-hal yang "bagus untuk dimiliki". Hanya ukur hal-hal yang penting bagi bisnis.

Karena sulit bagi developer untuk mengetahui apa yang diandalkan oleh departemen pemasaran, dan karena departemen pemasaran mungkin tidak tahu alat mana yang sangat berat untuk situs, Anda perlu berkolaborasi.

Mengirim proposal ke tim pemasaran

Alat yang digunakan untuk pelacakan dan iklan sering kali memblokir seberapa cepat pengunjung melihat konten saat mereka memasuki situs. Hal ini mengurangi nilai investasi pemasaran, karena kami membayar iklan, orang menjadi tertarik, mereka mengklik, tetapi kemudian harus menunggu. Hal ini berisiko membuat mereka kesal dan pergi. Sebuah studi menemukan bahwa rasio konversi menurun dari sekitar 50% menjadi sekitar 35% saat metrik kecepatan Time to Interactive meningkat dari 0,15 dtk menjadi 0,3 dtk. Dapatkah kita bekerja sama memecahkan masalah ini untuk menciptakan keseimbangan antara alat yang Anda perlukan dan performa situs, sehingga memperoleh peningkatan laba atas investasi pemasaran?

Bersiaplah untuk rapat dengan tim pemasaran Anda

  • Buat daftar skrip yang diterapkan di situs.
  • Kirimkan daftar ke bagian pemasaran dan minta mereka untuk melihatnya terlebih dahulu dan memilahnya ke dalam tiga kategori:
    • Penting bagi bisnis. Skrip ini harus tetap ada.
    • Bagus untuk dimiliki. Skrip yang mungkin dapat lebih sedikit digunakan atau dihapus. Misalnya, terkadang perusahaan mengumpulkan heat map atau rekaman layar, tetapi datanya mungkin hanya jarang ditinjau dan tidak menghasilkan tindakan atau peningkatan konversi. Dalam kasus seperti ini, sebaiknya Anda menyetujui untuk hanya menjalankan alat tersebut selama (misalnya) dua minggu, mengumpulkan insight untuk dianalisis, lalu menghapus skrip hingga waktunya untuk periode pengumpulan data terfokus berikutnya.
    • Tidak digunakan atau tidak dimiliki. Ini harus dihapus.
  • Periksa seberapa besar setiap skrip memperlambat situs Anda dengan membandingkan kecepatan situs dengan dan tanpa skrip. Di WebPageTest, setelan ini dapat disiapkan melalui tab Blokir di Setelan Lanjutan. Atau Anda dapat memblokir permintaan jaringan di Chrome DevTools.

Bertemu dengan tim pemasaran

  • Lihat daftar skrip dan berikan pandangan Anda tentang setiap skrip. Misalnya, apakah ada skrip yang bagus untuk dimiliki yang sangat merusak performa situs? Dengan menerima rekomendasi, akan lebih mudah bagi tim pemasaran untuk menentukan prioritas, dan dengan mendengar tentang apa yang penting bagi bisnis mereka, akan lebih mudah bagi Anda untuk memahami sudut pandang mereka.
  • Diskusikan topik berikut:
    • Apakah manfaat dari data yang dikumpulkan menghasilkan peningkatan konversi yang melebihi penurunan yang disebabkan oleh situs yang menjadi lebih lambat? Data dapat memandu pengambilan keputusan.
    • Sudahkah perusahaan Anda memilih penyedia yang memiliki versi alat tercepat di pasar? Departemen pemasaran mungkin memerlukan bantuan dari developer untuk menentukan apakah alat yang penting bagi bisnis dapat diganti dengan alternatif yang lebih cepat.
    • Apakah ada alternatif untuk salah satu skrip di situs tersebut? Misalnya, sebagai ganti peta panas, Anda dapat mulai melakukan uji kegunaan tempat Anda juga mendengar tentang "mengapa" di balik perilaku pengguna, yang sering kali mengarah pada insight yang lebih mendalam.

Setujui langkah berikutnya

  • Tentukan proses ke depannya. Haruskah pemasaran selalu meminta developer untuk meninjau alat baru dan dampaknya terhadap kecepatan sebelum implementasi? Atau, haruskah pemasaran mendapatkan anggaran performa yang memungkinkan mereka mempelajari cara memeriksa kecepatan dan dapat memprioritaskan alat mana yang diinginkan selama memenuhi target kecepatan?

Perbaiki kecepatan dengan bantuan tim desain web Anda

Salah satu tantangan terbesar untuk performa web adalah meskipun konektivitas mungkin menjadi lebih cepat di banyak region, situs menjadi lebih berat dan akibatnya menjadi melambat. Pengembang perlu berkolaborasi dengan desainer web untuk menyelesaikan hal ini.

Tantangan yang dibagikan

Pada akhirnya, semua departemen dalam perusahaan biasanya bergantung pada situs yang menghasilkan konversi, baik untuk menghasilkan pendapatan maupun hal lainnya. Faktanya, halaman web yang indah tidak akan penting meskipun membutuhkan waktu yang lama untuk dimuat sehingga orang-orang tidak berlama-lama melihatnya.

Namun, halaman web yang ramping adalah tanggung jawab bersama. Developer dapat menggunakan berbagai teknik pengoptimalan gambar agar gambar dimuat lebih cepat. Desainer web dapat membuat halaman yang membantu menjaga bobot halaman di bawah tingkat yang disepakati.

Kirim proposal ke tim desain web Anda

Studi menunjukkan bahwa halaman dengan lebih sedikit gambar dan lebih sedikit elemen menghasilkan lebih banyak konversi. Misalnya, studi oleh Google dan SOASTA menemukan bahwa sesi yang mengonversi pengguna memiliki gambar 38% lebih sedikit dibandingkan sesi yang tidak melakukan konversi. Dapatkah kita bekerja sama untuk mencapai target kecepatan dan menyiapkan kolaborasi bersama yang dapat meningkatkan konversi di situs? Contoh dari hal yang dapat kita capai bersama antara lain menemukan tingkat kompresi gambar yang tepat dengan keseimbangan antara kualitas dan kecepatan, atau mengurangi tata letak atau fungsi kompleks yang sering menghasilkan situs yang berat dan lambat.

Bersiaplah untuk pertemuan dengan tim desain web Anda

  • Lacak halaman di situs yang memiliki waktu pemuatan tertinggi dan berat halaman tertinggi. Misalnya, jika Anda bekerja dengan situs e-commerce, pastikan tidak hanya memeriksa halaman beranda, tetapi juga halaman kampanye, beberapa halaman kategori terbesar, beberapa halaman produk, dan alur checkout.
  • Menyiapkan proposal anggaran performa untuk desainer. Salah satu alternatifnya adalah memulai sesederhana mungkin dengan bobot halaman sebagai metrik dan menetapkan 1 MB sebagai target untuk semua halaman (atau 1,5 MB jika branding sangat penting untuk konversi).
  • Siapkan daftar halaman yang berakhir di atas level berat halaman target.

Bertemu dengan tim desain web Anda

  • Berkomitmen untuk menyelidiki bagaimana tim pengembangan dapat mengirimkan gambar lebih cepat melalui berbagai teknik pengoptimalan gambar, seperti kompresi gambar, gambar responsif, pengubahan ukuran gambar, pemuatan lambat, penyimpanan dalam cache, dan pengoptimalan server.
  • Buat halaman uji coba tempat gambar dipublikasikan dalam berbagai kualitas dan dimensi gambar, dan setujui tingkat yang menyeimbangkan performa dan kualitas di layar yang berbeda. Ingat bahwa pengunjung di perangkat seluler sering kali memiliki durasi sesi yang singkat, dengan satu penelitian menunjukkan bahwa lebih dari setengah sesi seluler berdurasi 30 detik atau lebih singkat. Pengguna ini mungkin tidak mempelajari gambar secara mendetail dan mungkin lebih memilih situs yang cepat.
  • Usulkan anggaran performa untuk komitmen desainer web guna memastikan semua halaman memiliki bobot halaman di bawah 1 MB (atau maksimal 1,5 MB).

Perbaiki kecepatan dengan bantuan tim analisis Anda

Bisnis memerlukan data untuk mengetahui apa yang harus difokuskan dan mendapatkan dasar untuk pengambilan keputusan. Namun, meskipun banyak yang berbicara tentang pentingnya kecepatan situs dan hubungannya dengan pendapatan dan penjualan, masih ada banyak perusahaan yang tidak menyertakan kecepatan dalam laporan mingguan mereka di luar tim teknologi. Hal ini dapat diubah jika developer mulai berkolaborasi dengan tim analisis.

Tantangan yang dibagikan

Kenyataannya adalah: apa yang tidak dilaporkan tidak akan difokuskan. Jika kecepatan situs bukan bagian dari laporan mingguan atau bulanan kepada pemangku kepentingan bisnis, kecepatan situs akan mudah terlupakan dan Anda akan kesulitan mendapatkan resource untuk berfokus pada hal tersebut. Namun, karena tim analisis sering kali tidak berpengalaman dalam melacak kecepatan, mereka akan memerlukan bantuan dari developer. Dan developer akan memerlukan bantuan dari tim analisis untuk menghitung efek pada pendapatan saat peningkatan kecepatan dilakukan. Departemen-departemen ini lebih bergantung satu sama daripada yang sebelumnya mungkin dipikirkan satu sama lain.

Mengirim proposal ke tim analisis

Banyak studi kasus menunjukkan pengaruh kecepatan situs terhadap pendapatan dan rasio pantulan. Mungkinkah kita berkolaborasi untuk menyiapkan pelacakan kecepatan situs bagi perusahaan, dan mungkin mendapatkan kecepatan sebagai bagian dari laporan yang disampaikan kepada pemangku kepentingan agar kita mendapatkan lebih banyak dukungan?

Mempersiapkan pertemuan dengan tim analisis Anda

  • Pantau kecepatan secara teratur. Salah satu rekomendasinya adalah gunakan API dengan alat seperti Lighthouse CI, PageSpeed Insights, atau WebPageTest, yang memungkinkan Anda mengumpulkan statistik secara rutin dalam setelan lab terkontrol untuk tolok ukur yang mudah di berbagai jangka waktu.
  • Teruskan The value of speed kepada tim analisis dan tanyakan apakah mereka dapat melakukan analisis tersebut sehingga Anda memiliki diagram yang siap dianalisis selama rapat.

Berdiskusi dengan tim analitik

  • Periksa diagram yang dibuat dari bagian The value of speed. Rasio konversi seluler relatif adalah salah satu cara untuk melacak dampak kecepatan dan peningkatan kualitas situs Anda. Tanyakan kepada tim analitik apakah mereka terbuka untuk mulai melacak ini.
  • Tentukan apakah metrik waktu pemuatan di Google Analytics cukup baik untuk laporan bisnis sederhana. Nilai kecepatan menggunakan metrik ini. Seperti yang diketahui banyak developer, ini hanyalah salah satu dari banyak metrik kecepatan, dan karena ada di Google Analytics, metrik ini juga merupakan data kolom, bukan data lab. Namun, apakah alat tersebut cukup baik untuk digunakan dalam laporan bisnis yang disederhanakan? Periksa hasil yang Anda dapatkan dari analisis di atas, dan lihat apakah mungkin untuk mengamati turunnya rasio konversi seluler relatif saat waktu pemuatan tinggi setidaknya selama 2–3 bulan, dan apakah rasio konversi seluler relatif meningkat saat waktu pemuatan rendah selama 2–3 bulan. Jika waktu pemuatan Anda tetap cukup stabil, akan sulit untuk mengetahui apakah analisis berhasil dilakukan, sampai Anda meningkatkan kecepatannya secara drastis. Jika demikian, pilih alternatif berikutnya.
  • Tampilkan diagram Anda untuk metrik kecepatan yang digunakan developer. Jelaskan hal tersebut kepada tim analisis dan lihat apakah Anda menemukan korelasi dengan rasio konversi atau rasio konversi seluler relatif.
  • Berikan waktu kepada tim analisis untuk memikirkan cara menggunakan kecepatan dalam kalkulasi yang terkait dengan pendapatan dan cara melaporkannya kepada pemangku kepentingan. Hal ini sering kali menjadi topik baru bagi mereka. Kemudian, bertemu lagi dan cobalah pendekatan yang Anda setujui. Seperti biasa, Anda perlu merevisi pengumpulan data sampai Anda menemukan yang cocok, tetapi ini adalah cara untuk memulai kolaborasi.

Langkah berikutnya

Minta tim analisis Anda untuk melakukan analisis yang diuraikan dalam Nilai kecepatan setelah project kecepatan membuahkan peningkatan besar. Cara ini akan menunjukkan kepada perusahaan berapa banyak konversi dan pendapatan yang telah diperolehnya, sehingga memberikan reward kepada tim Anda serta semua departemen yang berkolaborasi dengan Anda. Hal ini dapat disertakan dalam laporan mingguan kepada pemangku kepentingan, sehingga project tidak menjadi upaya satu kali, tetapi terus dipertahankan.