Explore tens of thousands of sets crafted by our community.
Website Optimization Techniques
18
Flashcards
0/18
Minify Resources
Minifying resources like CSS, JS, and HTML removes unnecessary characters without affecting functionality, reducing file sizes to improve load times.
Image Optimization
Optimized images have reduced file sizes with minimal loss of quality, which decreases bandwidth usage and improves page loading times.
Browser Caching
Using browser caches stores commonly used files locally, decreasing load times for repeat visitors and reducing server load.
Content Delivery Network (CDN)
A CDN delivers content from the nearest server to the user, reducing latency and speeding up the accessibility of resources.
Lazy Loading
Lazy loading defers the loading of non-critical resources at page load time, thereby reducing initial load time and saving bandwidth.
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.
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.
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.
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.
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.
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.
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).
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.
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.
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.
Reduce Cookie Size
Reducing the size of cookies decreases HTTP request overhead, improving the speed of the request-response cycle.
HTTP/2
HTTP/2 provides several enhancements over HTTP/1.x, including multiplexing, server push, header compression, and prioritization, which improves load performance.
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.
© Hypatia.Tech. 2024 All rights reserved.