Pastikan situs Anda tersedia dan dapat digunakan oleh semua orang selama merebaknya COVID-19

Cara memastikan bahwa fungsi inti situs Anda selalu tersedia, dapat diakses, aman, dapat digunakan, dapat ditemukan, dan cepat.

Halaman ini memberikan panduan untuk membantu memastikan situs Anda tersedia, dapat diakses, aman, dan dapat digunakan oleh semua orang setiap saat.

Panduan di halaman ini berasal dari kumpulan tim lintas fungsi di Google yang mengalihkan fokus jangka pendek untuk mendukung situs yang membantu orang tetap aman selama situasi COVID-19. Para Googler ini mendapati bahwa situs menghadapi peningkatan permintaan yang belum pernah terjadi sebelumnya dari orang-orang yang mencari informasi penting, banyak di antaranya jarang atau tidak pernah menggunakan web sebelumnya. Terkadang sulit untuk memastikan situs tetap tersedia dan dapat diakses oleh semua orang.

Panduan

Ketersediaan, keandalan, ketahanan, dan stabilitas

Jika situs Anda mengalami lonjakan traffic dan itu juga gagal, atau Anda ingin mencegahnya agar tidak gagal, panduan di bawah dapat membantu Anda memperbaiki atau mendeteksi masalah dengan cepat sebelum masalah tersebut menjadi masalah besar.

  • Baca Memperbaiki server yang kelebihan beban untuk mempelajari cara mendeteksi, mengurangi, dan mencegah masalah lonjakan traffic.
  • Hapus gambar, video, skrip, dan font yang tidak diperlukan. Pastikan setiap halaman hanya berfokus pada memberikan fungsi yang benar-benar dibutuhkan oleh orang yang menggunakan situs Anda.
  • Mengoptimalkan gambar dapat mengurangi penggunaan bandwidth server secara signifikan karena gambar adalah sumber penggembungan nomor satu di web.
  • Pindahkan konten statis Anda sebanyak mungkin ke CDN. Detail selengkapnya dari penyedia umum: AWS, Azure, Cloudflare, Google Cloud, Firebase.
  • Periksa apakah CDN Anda memiliki pengoptimalan yang mudah diaktifkan, seperti kompresi gambar dinamis, kompresi teks, atau minifikasi otomatis resource JS dan CSS.
  • Mengoptimalkan cache HTTP dapat mengurangi permintaan pada server Anda secara signifikan dengan perubahan kode yang minimal. Lihat Cache HTTP: baris pertahanan pertama Anda untuk mengetahui ringkasan serta caching HTTP dan Praktik terbaik caching untuk rekomendasi spesifik. Audit Menayangkan aset statis dengan kebijakan cache yang efisien di Lighthouse dapat membantu Anda mendeteksi dengan cepat resource yang tidak di-cache. Perlu diingat bahwa berbagai jenis resource akan memiliki persyaratan keaktualan yang berbeda pula, sehingga memerlukan strategi caching yang berbeda.
  • Pekerja layanan adalah cara lain untuk mengurangi permintaan pada server Anda secara signifikan, tetapi mungkin memerlukan investasi teknis yang signifikan. Anotasi ini juga memungkinkan situs Anda berfungsi offline, sehingga Anda dapat mempresentasikan jam buka, nomor telepon, dan informasi lainnya kepada pengguna yang kembali tanpa koneksi internet. Workbox adalah pendekatan yang direkomendasikan untuk menambahkan pekerja layanan ke situs karena fitur ini mengotomatiskan banyak boilerplate, memudahkan untuk mengikuti praktik terbaik, dan mencegah bug halus yang umum terjadi saat menggunakan ServiceWorker API level rendah secara langsung.
  • Jika situs Anda mengalami peningkatan penggunaan yang signifikan, periksa apakah Anda memiliki perlindungan yang memadai terhadap serangan DDoS karena situs Anda sekarang mungkin menjadi target yang lebih menarik. Detail selengkapnya dari penyedia umum: AWS, Azure, Cloudflare, Google Cloud.

Lihat Keandalan jaringan untuk panduan lebih lanjut.

Aksesibilitas

Berfokus pada aksesibilitas kini makin penting karena makin banyak orang dengan berbagai kebutuhan yang mungkin mengakses situs Anda. Ikuti panduan di bawah ini untuk memastikan fungsi inti situs Anda dapat diakses oleh semua orang.

Identitas, keamanan, dan privasi

Anda mungkin ingin mengambil jalan pintas untuk mendapatkan perbaikan penting, tetapi selalu berhati-hatilah agar tidak membuka celah keamanan dalam melakukannya. Orang perlu mengakses konten tentang topik yang sangat pribadi. Situs harus melindungi data pengguna yang sensitif ini dengan segala cara dan meyakinkan orang-orang bahwa informasi identitas pribadi (PII) mereka aman.

Lihat Aman dan terlindungi untuk panduan lebih lanjut.

{i>Usability<i}, {i>UI<i}, dan UX

Orang-orang semakin mengandalkan web untuk memenuhi kebutuhan dasar. Banyak dari orang-orang ini yang jarang menggunakan web. Audit kegunaan fungsi inti situs Anda dan pastikan sesederhana dan mudah digunakan adalah hal yang berguna.

  • Pertimbangkan untuk menambahkan banner yang menonjol (yang dapat dihapus dengan tombol X) ke bagian atas situs yang mengomunikasikan pembaruan layanan dengan jelas. Gunakan pesan ajakan (CTA) di banner untuk mengarahkan orang ke referensi yang lebih spesifik. Pertimbangkan untuk menggunakan warna dan font berbeda yang lebih menarik dari konten halaman Anda lainnya. Jaga tulisan Anda agar berempati, fokus pada kebutuhan orang, dan transparan tentang jenis layanan yang diharapkan.
  • Cari peluang untuk meminimalkan interaksi fisik dalam perjalanan pengguna yang penting (CUJ) dan sarankan perubahan tersebut kepada tim produk Anda. Misalnya, jika layanan pengiriman Anda biasanya memerlukan tanda tangan, cari tahu cara untuk mengatasinya.
  • Periksa kembali apakah CUJ Anda sesederhana dan seintuitif mungkin dan sarankan perubahan pada tim produk jika Anda melihat ada peluang untuk ditingkatkan.
  • Tinjau prinsip desain seluler yang baik dan coba CUJ Anda di berbagai perangkat seluler untuk memastikan tidak ada masalah yang mencolok. Orang-orang yang tidak sering menggunakan web dan tiba-tiba merasa harus lebih mengandalkan web mungkin mengakses situs Anda dari perangkat seluler.
  • Faktorkan ulang situs Anda untuk menggunakan pola desain responsif sebanyak mungkin.
  • Pastikan formulir Anda efisien dan dirancang dengan baik.

SEO

Orang-orang mencari informasi penting terkait kesehatan dan pekerjaan. Pastikan situs Anda dapat ditemukan oleh semua mesin telusur. Audit SEO Lighthouse dapat membantu Anda mendeteksi masalah dasar. Ikuti blog resmi mesin telusur untuk mendapatkan panduan dan info terbaru: Google, Bing, Baidu, DuckDuckGo, Yandex. Postingan terbaru terkait COVID-19:

Lihat Dapat ditemukan untuk panduan lebih lanjut.

Performa

Beberapa ISP (misalnya di India) melihat peningkatan yang tajam pada penggunaan internet di rumah dan tidak memiliki infrastruktur untuk memenuhi peningkatan permintaan tersebut. Dalam situasi seperti ini, kecepatan situs Anda mungkin menjadi lebih lambat bukan karena kesalahan Anda. Mengoptimalkan performa pemuatan dapat menjadi cara untuk mengimbangi hambatan dari penurunan bandwidth. Dengan kata lain, dengan mengurangi jumlah byte yang harus dikirim melalui jaringan untuk memuat halaman, Anda dapat mengimbangi dampak performa dari penurunan bandwidth.

  • Gambar adalah penyebab nomor satu membengkak di web. Anda mungkin dapat mengurangi penggunaan bandwidth situs secara signifikan dengan mengoptimalkan gambar. Squoosh adalah alat kompresi gambar open source sederhana yang dapat membantu Anda mengompresi gambar dengan cepat.
  • Jalankan WebPageTest atau Lighthouse untuk menemukan peluang peningkatan performa terbaik Anda.
  • Aktifkan kompresi teks untuk mengurangi ukuran jaringan resource teks. Hal ini sering kali merupakan keuntungan performa yang mudah dan hanya memerlukan sedikit investasi teknis.
  • Baca Memperbaiki kecepatan situs secara lintas fungsi untuk mempelajari cara berkolaborasi dan mendapatkan dukungan dari departemen lain.
  • Gunakan pemuatan lambat standar untuk gambar guna meminimalkan permintaan gambar yang mungkin tidak pernah benar-benar dilihat orang. Kompatibilitas browser belum mencapai 100%, tetapi fitur ini dapat diperlakukan sebagai progressive enhancement. Dengan kata lain, jika browser tertentu tidak mendukung pemuatan lambat terstandardisasi, gambar akan dimuat seperti biasanya.
  • Periksa apakah situs Anda memiliki skrip pengujian A/B atau personalisasi yang dapat dimuat lebih asinkron atau apakah ada fungsi tidak penting dalam skrip yang dapat dinonaktifkan. Skrip pengujian A/B dan personalisasi biasanya tidak dapat dimuat sepenuhnya secara asinkron karena harus dijalankan sebelum konten halaman dimuat, tetapi mungkin ada peluang untuk memuat bagian skrip secara lebih asinkron. Lihat Jalur Rendering Penting untuk memahami kompromi dasar antara skrip sinkron (juga dikenal sebagai skrip yang memblokir render) secara umum dan waktu pemuatan halaman, lalu tentukan apakah Anda perlu memprioritaskan skrip yang memblokir render selama waktu pemuatan halaman, atau sebaliknya.
  • Kode pihak ketiga membentuk sekitar setengah dari semua permintaan untuk sebagian besar situs. Sebaiknya optimizing atau hapus atau nonaktifkan kode pihak ketiga untuk sementara yang tidak mendasar untuk menjalankan situs Anda.
  • Jika rilis fitur tidak diprioritaskan, ini mungkin waktu yang tepat untuk menghapus. Hapus tag dari tag manager, bersihkan CSS dan JS yang membengkak, dan hapus fitur atau kode yang tidak digunakan lagi. Tab Cakupan di Chrome DevTools dan class Coverage di Puppeteer dapat membantu Anda mendeteksi kode yang tidak digunakan.

Lihat Waktu pemuatan cepat untuk panduan lebih lanjut.

Hero image oleh NASA di Unsplash