4.2 Optimize caching with offline access supported
Hosting, Infrastructure, and Systems
Use caching on all appropriate resources, prioritizing the ability to use the resource offline if possible.
Criteria
- Utilize caching: Machine-testable
Use server-side caching where possible to reduce processing time and repeated database lookups or API calls. Configure caching via server settings to control file-type expiration using appropriate headers, such as Expires or Cache-Control. Cache dynamic page responses where possible to serve static versions to future users. Support client-side caching of frequently used static assets to minimize repeat server requests.- A Web Caching Primer
- Apache Configuration: .htaccess
- Apache Server Configs
- Back/forward cache
- Client-side storage
- Expires
- Front-End Performance 2021: Build Optimizations
- Future trends of Green All Optical Networks and ICT Infrastructure in a large context
- GPF – General Policy Framework (PDF) – 6.2 – Front-End (Caching Mechanisms)
- GPF – General Policy Framework (PDF) – 7.1 – Back-End (Reusability Caching)
- GR491 – 2-7032 – Browser Caches
- GR491 – 3-5015 – Cache Usage
- GR491 – 7-3051 – Search Utilization
- How to Build a Low-tech Website?
- How to improve your page load time with browser caching
- How to Reduce Initial Server Response Time
- Impact of New and Emerging Internet Technologies on Climate Change and Human Rights (PDF)
- Implement caching, batching, and offline features
- Microsoft Azure WAF – Selecting Services
- Microsoft Azure WAF – Server VS Client Rendering
- My solar-powered and self-hosted website
- NginX Server Configs
- Resilient web design
- Varnish Cache
- Web Caching 101
- Offline access: Machine-testable
Ensure resources remain available and accessible even if the user is disconnected, using methods such as JavaScript Service Workers, Web Workers, and browser local storage features.- Front-End Performance 2021: Build Optimizations
- Going Offline
- GPF – General Policy Framework (PDF) – 2.3 – Specifications (Connection Issues)
- Implement caching, batching, and offline features
- Learn PWA
- Local-first Landscape
- Local-first Software
- Offline UX design guidelines
- Progressive web apps
- Progressive Web Apps: Going Offline
- Resilient web design
- Service workers
- SingleFile
- The five hidden benefits of offline
- The Importance of Offline Options for Online Learners (PDF)
- Why Local-First Software Is the Future and what are its Limitations
- Why storing data offline results in climate benefits
- Why Your Website Should Work Offline
Benefits
- Economic
Bandwidth to serve users cost money and reducing the amount of data transfer saves money. - Environment
Caching enables websites to deliver content without unnecessary server requests, sparing the carbon emissions driven by networks and the data center. - Performance
Enabling browser caching can reduce page reload speeds for return users and deliver better website performance. - Social Equity
Optimizing browser caching often enables users to view content when their network connection has failed or when they must use a low quality network.
GRI
- Materials: Medium
- Energy: High
- Water: Medium
- Emissions: High