[{"data":1,"prerenderedAt":80},["ShallowReactive",2],{"\u002Fglossary\u002Fimage-optimization":3,"\u002Fglossary\u002Fimage-optimization:related":63},{"id":4,"title":5,"author":6,"authorImage":7,"body":8,"category":48,"date":49,"description":50,"draft":51,"extension":52,"letter":53,"meta":54,"navigation":55,"path":56,"readTime":57,"related":58,"seo":59,"stem":61,"term":5,"__hash__":62},"glossary\u002Fglossary\u002Fimage-optimization.md","Image Optimization","Fabian Krumbholz","\u002Fimages\u002Fauthors\u002Ffabian-krumbholz.webp",{"type":9,"value":10,"toc":44},"minimark",[11,15],[12,13,14],"p",{},"This is an automated process Speed Kit uses to make image files as small as possible without sacrificing visual quality, which is crucial for fast loading times. This includes several techniques:",[16,17,18,26,32,38],"ul",{},[19,20,21,25],"li",{},[22,23,24],"strong",{},"Compression",": Reducing the file size of the image.",[19,27,28,31],{},[22,29,30],{},"Format Conversion",": Serving images in modern, efficient formats like WebP or AVIF.",[19,33,34,37],{},[22,35,36],{},"Resizing",": Delivering an image that is perfectly sized for the user's screen.",[19,39,40,43],{},[22,41,42],{},"Metadata Removal",": Stripping out non-essential data like EXIF.",{"title":45,"searchDepth":46,"depth":46,"links":47},"",2,[],null,"April 8, 2026","This is an automated process Speed Kit uses to make image files as small as possible without sacrificing visual quality, which is crucial for fast loading times.",false,"md","I",{},true,"\u002Fglossary\u002Fimage-optimization","1 min read",[],{"title":60,"description":50},"Image Optimization: Definition | Web Performance Glossary","glossary\u002Fimage-optimization","SG3cpK8ES9i6f_cJdDr7fFbkxh0mYpYvBY1mt5x0Gl8",[64,68,72,76],{"path":65,"title":66,"description":67,"letter":53},"\u002Fglossary\u002Fip-whitelisting","IP Whitelisting","IP whitelisting is a security practice where a server or firewall is configured to grant access only to a specific list of trusted IP addresses.",{"path":69,"title":70,"description":71,"letter":53},"\u002Fglossary\u002Finstant-loading","Instant Loading","Instant Loading is a Speed Kit feature that caches the main HTML document and serves it instantly from the cache on subsequent visits, eliminating cold start delays.",{"path":73,"title":74,"description":75,"letter":53},"\u002Fglossary\u002Finteraction-to-next-paint-inp","Interaction to Next Paint (INP)","Interaction to Next Paint (INP) is a Core Web Vital metric that measures responsiveness. INP measures the time from when a user interacts with the page (like a click or keypress) until the next vis…",{"path":77,"title":78,"description":79,"letter":53},"\u002Fglossary\u002Finteraction-to-next-paint-subpart-timings","Interaction to Next Paint Subpart timings","Interaction to Next Paint Subpart timings breaks down the three components of INP: Input Delay (inputDelay): The time from when the user interacts until event listeners start to run.",1787756714816]