This article provides guidance to help ensure your website is available, accessible, secure and usable for everyone at all times.
1. Availability, reliability, resilience and stability
- Read fix and overloaded server to detect and prevent spike issues.
- Remove unnecessary images, video, scripts and fonts. Just focuses on delivering the functionality the people using your site really need
- Optimizing your images may significantly reduce your server bandwidth usage.
- Offload as much of your static content to CDNs as possible. Common providers are: AWS, Azure, Cloudflare, Google Cloud, Firebase.
- Check if your CDN has any optimizations that are easy to turn on, such as dynamic image compression, text compression, or automatic minification of JS and CSS resources.
- Optimizing HTTP caching can significantly reduce demands on your servers with minimal code change. Additionally, audit in Lighthouse can help you quickly detect resources that aren’t being cached.
- Focus on accessibility, which is more important than ever because more people with a variety of needs are probably accessing your site
- Determine what’s working and what needs improvement. Use extension tools that can guide you through a manual accessibility audit of your site.
- Understand specific topics like keyboard navigation and screen reader support and run an audit to catch common accessibility issues.
3. Identity, security and privacy
People need to access content on topics that are extremely private. Websites need to protect this sensitive user data at all costs and convince people that their personally identifiable information (PII) is safe.
4. Usability, UI and UX
- Audit the usability of your site’s core functionality and make sure it’s as simple and easy to use as possible.
- Consider using distinct colors and fonts that stand out from the rest of your page content. Keep your writing empathetic, focused on people’s needs, and be transparent about what kind of service to expect
- Look for opportunities to minimize physical interactions and suggest those changes to your product team
- Review the principles of good mobile design and try out your CUJs (Critical User Journeys) on various mobile devices to make sure there aren’t any glaring issues.
- Refactor your site to use responsive design patterns as much as possible.
- Ensure that your forms are efficient and well-designed
It is important to ensure that your sites are discoverable by all search engines. For example, nowadays people are looking for critical health-and job-related information
- Optimizing your load performance could be a way to offset the headwind of reduced bandwidth. Additionally, reducing the number of bytes that need to be sent over the network in order to load your pages will give you the same effect
- Images are the number one cause of bloat on the web. You might be able to significantly reduce your website’s bandwidth usage by optimizing your images.
- Running some test will help you discovering your top performance improvement opportunities.
- Enabling text compression to reduce the network size of text resources. This is often an easy performance win that requires minimal technical investment.
- The Fixing website speed cross-functionally will help you learn how to collaborate with and get buy-in from other departments.
- Lastly, using standardized lazy-loading for images to minimize requests for images so that people may never actually see them. Browser compatibility is not 100% effective but the feature can be treated as a progressive enhancement.