Quick Navigation
LCP#1
Largest Contentful Paint; measures loading performance by tracking when the largest visible content element loads.
FID#2
First Input Delay; measures responsiveness by tracking the time between a user's first interaction and the browser's response.
CLS#3
Cumulative Layout Shift; measures visual stability by tracking unexpected layout shifts during loading.
HTTP Requests#4
Requests made by a browser to fetch resources like images, scripts, and stylesheets; minimizing these boosts speed.
Caching#5
Storing copies of files or data to reduce load times on subsequent requests, enhancing performance.
CDN#6
Content Delivery Network; a network of servers that delivers web content based on user location for faster access.
Image Optimization#7
Techniques to reduce image file sizes while maintaining quality, improving loading speed.
Responsive Images#8
Images that adjust in size based on the screen resolution, ensuring optimal performance across devices.
Performance Testing#9
Evaluating a website's speed and efficiency using various tools to identify areas for improvement.
Minification#10
The process of removing unnecessary characters from code (like whitespace) to reduce file size and improve loading speed.
Compression#11
Reducing the size of files (like images and scripts) to decrease load times without losing quality.
Resource Prioritization#12
The practice of loading essential resources first to improve perceived performance and user experience.
Asynchronous Loading#13
Loading scripts or resources in a non-blocking manner, allowing the page to render faster.
Critical Rendering Path#14
The sequence of steps the browser takes to convert HTML, CSS, and JavaScript into pixels on the screen.
Lazy Loading#15
A technique where images or resources are only loaded when they enter the viewport, improving initial load time.
Browser Caching#16
Storing resources in a user's browser to speed up subsequent visits to the same website.
Server-Side Caching#17
Storing dynamically generated content on the server to reduce load times for users.
Web Performance Metrics#18
Quantitative measures used to assess the speed and efficiency of a website.
User Experience (UX)#19
The overall experience a user has with a website, influenced by factors like speed and design.
Optimization Techniques#20
Methods applied to improve website performance, such as image compression and caching.
Load Time#21
The time it takes for a webpage to fully load and become interactive for the user.
Performance Budget#22
A set limit on the size of resources to ensure a website remains fast and efficient.
Progressive Enhancement#23
A strategy for web design that emphasizes core content first, then enhances with advanced features.
Web Accessibility#24
Designing websites to be usable by people of all abilities and disabilities.
SEO (Search Engine Optimization)#25
Techniques used to improve a website's visibility in search engine results, often linked to performance.