Archive

Responsive2 writings

7 篇

  1. 理解响应式图片：从像素到DPR
    🤖 本文介绍了像素概念及其在网页设计中的应用。首先区分了物理像素和CSS像素，解释了像素密度（PPI）和设备像素比（DPR）的概念，随后探讨了响应式图片的实现方法，包括图片的渲染尺寸与固有尺寸的关系，以及使用srcset属性根据设备DPR或视口宽度提供合适图片资源的技术

    ImageHTMLWebBrowserResponsivesrcsetLCP5 分钟

  2. Making Web Fast —— LCP Optimization
    🤖 Learn to optimize LCP performance using preload、fetchpriority、responsive images and srcset attributes. Master Sharp image processing, CI/CD automation, and preload hints to dramatically improve Core Web Vitals scores.

    BlogHexoPerformanceWebBrowserIcarusResponsivesrcsetLCP10 分钟