Explore tens of thousands of sets crafted by our community.
Website Optimization Techniques
18
Flashcards
0/18
Browser Caching
Using browser caches stores commonly used files locally, decreasing load times for repeat visitors and reducing server load.
Lazy Loading
Lazy loading defers the loading of non-critical resources at page load time, thereby reducing initial load time and saving bandwidth.
Accelerated Mobile Pages (AMP)
AMP is a web component framework that enables the creation of fast-loading mobile web pages, potentially improving mobile browsing experience.
Asynchronous Loading
Asynchronous loading of scripts and other resources allows the web page to continue rendering without waiting for all scripts to download and execute.
Compression
Using file compression like GZIP reduces the size of resource files, improving load time by decreasing the amount of data that must be transferred.
Critical CSS
Extracting and inlining the CSS necessary for rendering the above-the-fold content of a webpage can greatly reduce render-blocking time and speed up page load.
Image Optimization
Optimized images have reduced file sizes with minimal loss of quality, which decreases bandwidth usage and improves page loading times.
Progressive Web App (PWA)
A PWA provides an app-like experience using web technologies, which includes reliability, fast loading, and the ability to work offline.
Use HTTPS
Using HTTPS ensures secure data transfer and can improve trust and credibility, also potentially impacting page load due to modern protocols like HTTP/2.
Server Response Time
Optimizing server response time involves enhancing the server's performance and the efficiency of database queries, thereby reducing the time to first byte (TTFB).
Minimize HTTP Requests
Reducing the number of HTTP requests decreases load times by cutting down on the amount of data exchanged between client and server.
Minify Resources
Minifying resources like CSS, JS, and HTML removes unnecessary characters without affecting functionality, reducing file sizes to improve load times.
HTTP/2
HTTP/2 provides several enhancements over HTTP/1.x, including multiplexing, server push, header compression, and prioritization, which improves load performance.
Reduce Cookie Size
Reducing the size of cookies decreases HTTP request overhead, improving the speed of the request-response cycle.
Server-Side Rendering (SSR)
SSR is when a website's content is rendered on the server, not the client, which can provide faster initial loading and better SEO.
Content Delivery Network (CDN)
A CDN delivers content from the nearest server to the user, reducing latency and speeding up the accessibility of resources.
Critical Rendering Path Optimization
Optimizing the critical rendering path means improving the speed at which the page's critical content is displayed to the user.
WebP Image Format
WebP is an image format that provides superior lossless and lossy compression for images on the web, contributing to faster page loads and lower bandwidth usage.
© Hypatia.Tech. 2024 All rights reserved.