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

Cara memastikan 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 dalam Google yang mengalihkan fokus jangka pendek mereka untuk mendukung situs yang membantu orang tetap aman selama situasi COVID-19. Para Googler ini telah melihat bahwa situs-situs menghadapi peningkatan permintaan yang belum pernah terjadi sebelumnya dari orang-orang yang mencari informasi penting, yang banyak di antaranya jarang atau belum pernah menggunakan web sebelumnya. Memastikan situs tersedia selama periode ini dan dapat diakses oleh semua orang bisa menjadi tantangan.

Panduan

Ketersediaan, keandalan, ketahanan, dan stabilitas

Jika situs Anda mengalami lonjakan traffic dan gagal, atau Anda ingin mencegahnya gagal, panduan di bawah dapat membantu Anda memperbaiki masalah dengan cepat atau mendeteksinya sebelum 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 berfokus pada penyediaan fungsi yang benar-benar dibutuhkan oleh orang yang menggunakan situs Anda.
  • Mengoptimalkan gambar dapat mengurangi penggunaan bandwidth server secara signifikan karena gambar adalah sumber bloatware nomor satu di web.
  • Pindahkan sebanyak mungkin konten statis Anda 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 caching HTTP dapat mengurangi permintaan di server Anda secara signifikan dengan perubahan kode yang minimal. Lihat Cache HTTP: garis pertahanan pertama Anda untuk ringkasan dan Penyimpanan cache HTTP serta Praktik terbaik penyimpanan cache untuk rekomendasi spesifik. Audit Sajikan aset statis dengan kebijakan cache yang efisien di Lighthouse dapat membantu Anda mendeteksi resource yang tidak di-cache dengan cepat. Perlu diingat bahwa berbagai jenis resource akan memiliki persyaratan keaktualan yang berbeda dan oleh karena itu akan memerlukan strategi caching yang berbeda.
  • Pekerja layanan adalah cara lain untuk mengurangi permintaan di server Anda secara signifikan, tetapi mungkin memerlukan investasi teknis yang signifikan. Service worker juga memungkinkan situs Anda berfungsi offline, sehingga Anda dapat menampilkan jam buka, nomor telepon, dan informasi lainnya kepada pengguna yang kembali tanpa koneksi. Workbox adalah pendekatan yang direkomendasikan untuk menambahkan pekerja layanan ke situs karena mengotomatiskan banyak boilerplate, memudahkan untuk mengikuti praktik terbaik, dan mencegah bug kecil yang umum terjadi saat menggunakan ServiceWorker API tingkat rendah secara langsung.
  • Jika situs Anda mengalami peningkatan penggunaan yang signifikan, periksa apakah Anda memiliki perlindungan yang memadai terhadap serangan DDoS karena situs Anda mungkin menjadi target yang lebih menarik sekarang. Detail selengkapnya dari penyedia umum: AWS, Azure, Cloudflare, Google Cloud.

Lihat Keandalan jaringan untuk panduan selengkapnya.

Aksesibilitas

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

Identitas, keamanan, dan privasi

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

Lihat Aman dan terlindungi untuk panduan selengkapnya.

Kegunaan, UI, dan UX

Orang-orang semakin mengandalkan web untuk memenuhi kebutuhan dasar. Banyak dari mereka yang tidak sering menggunakan web. Sebaiknya audit kegunaan fungsi inti situs Anda dan pastikan fungsi tersebut sesederhana dan semudah mungkin digunakan.

  • Pertimbangkan untuk menambahkan banner yang terlihat jelas (yang dapat dihapus dengan tombol X) ke bagian atas situs Anda yang mengomunikasikan info terbaru layanan dengan jelas. Gunakan pesan ajakan (CTA) di banner untuk mengarahkan orang ke referensi yang lebih spesifik. Pertimbangkan untuk menggunakan warna dan font yang berbeda dan terlihat jelas dari konten halaman lainnya. Buat tulisan Anda tetap berempati, berfokus pada kebutuhan orang, dan transparan tentang jenis layanan yang dapat diharapkan.
  • Cari peluang untuk meminimalkan interaksi fisik dalam perjalanan penting pengguna (CUJ) dan sarankan perubahan tersebut kepada tim produk Anda. Misalnya, jika layanan pengiriman Anda biasanya memerlukan tanda tangan, lihat apakah ada cara untuk mengatasinya.
  • Periksa kembali apakah CUJ Anda sesederhana dan seintuitif mungkin, dan sarankan perubahan kepada tim produk jika Anda melihat peluang untuk meningkatkan kualitas.
  • 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 harus lebih mengandalkan web mungkin mengakses situs Anda dari perangkat seluler.
  • Lakukan pemfaktoran ulang pada 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. Penting untuk memastikan bahwa 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 selengkapnya.

Performa

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

  • Gambar adalah penyebab nomor satu bloatware 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 peningkatan performa yang mudah dan memerlukan investasi teknis minimal.
  • 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 untuk gambar yang mungkin tidak pernah dilihat orang. Kompatibilitas browser tidak 100%, tetapi fitur ini dapat diperlakukan sebagai progressive enhancement. Dengan kata lain, jika browser tertentu tidak mendukung pemuatan lambat standar, gambar akan dimuat seperti biasa.
  • Periksa apakah situs Anda memiliki skrip pengujian A/B atau personalisasi yang dapat dimuat secara lebih asinkron atau apakah ada fungsi non-kritis dalam skrip yang dapat dinonaktifkan. Skrip personalisasi dan pengujian A/B biasanya tidak dapat dimuat sepenuhnya secara asinkron karena harus dijalankan sebelum konten halaman dimuat, tetapi mungkin ada beberapa peluang untuk memuat bagian skrip secara lebih asinkron. Lihat Jalur Rendering Penting untuk memahami kompromi mendasar antara skrip sinkron (juga dikenal sebagai skrip pemblokir render) secara umum dan waktu pemuatan halaman, lalu putuskan apakah Anda perlu memprioritaskan skrip pemblokir render daripada waktu pemuatan halaman, atau sebaliknya.
  • Kode pihak ketiga mencakup sekitar setengah dari semua permintaan untuk sebagian besar situs. Pertimbangkan untuk mengoptimalkan atau menghapus atau menonaktifkan sementara kode pihak ketiga yang tidak penting untuk menjalankan situs Anda.
  • Jika rilis fitur tidak diprioritaskan, ini mungkin waktu yang tepat untuk melakukan pembersihan. Hapus tag dari pengelola tag, 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 selengkapnya.