Archive
srcset2 writings
标签
+iP1C11/OJCHTZPiCywSB5nasUP8hPRht2f5GuKEC0TIwFTefkPnY4QphDksu+zqeBu9MP96l3VyPBlXaLO4GKZjEjTdU20KNX20a0imHz1vBa5Do0wyeHn3eA268RGaRrx30fuGKhjvoYh2/7Zs2hO7/gUi8nEjf3F4E0430MYLABZRqiLatBHCbP510kCApwHklhJP92Snwh5P5GbG1QxUZzHdNxyEieXxVDucKO0OnZJsgE8da2CXlWW7CyfDudELJnzz35LLwUlGMwPl/NZa5ns5s8ri8lyfIq1lRow2nFKBAXXzOUD4LJegRfhPokVyxxQtvFN839wXwQgQokomRfUC9Hu0HOp6TKKyzYmJueKJV6ElOJL3Irp1+vDxjjnclY6lwv6fVmieJSDi9LI+A3i9sm3acKX/AjqFpl6TPUZC2ECWY8pOX/kiRSS9sb1YpPbAbUiBjc/THmSS1wMR+DGDMCDdMJZvO2I8UhSZ9skxrEAzBh4sE7TvcqIT099H4BoD+EzcZXTlC6rrue9xUOGQa4eZM1tAzmZy3BkGBZdzUN1RMBRITZ7rnUMWYDfdvDfBFLR9bIN4ip4L/tY0r2VjVj3CiUYgzpU0kYd8Wn8eLKA6QcDYJljixCQX0874cyzQuJ9XEsIz5IWIKKlMqMizijYe6t9fcqQ8hvQ/l3jrHZmN6s4zzuLHwqfmZwtAx9jZH9LrGWVwPzhz/qRbtjyvm4PkjBrlx7ckCHdJtmskotzct9S8ScCau/4H6j5G8RAbaEQXwg6iOJAwUTQQcKYQRH1n8BQ7UtkapooHnNT6geDKmpXLL+dceiJuJBbq8Ne3Gm56GLdSVJrznGlmHdpGGzU11mTNpepztyfXCoDhU7qbQprdSh78kXtpYNWp1Te3lNr1jJapLvkvBvGn+FZMOW5Z5I2l/rl7zSGhagMK4V/G+DWU/PmcWVp65rheeG1uATabKeC5SoXzJMXVnNJl9A3lq5jBNxAreH12MEeSt8YFdtmH8cWvB1/zHRyFtmP/28nf+JhmCo8+q3EHu3CGP6dq3fz5VL9mOjeTU8MG7IVSpmO5ryQYZakar1ISUAuBXG+ZRRAK95Igp39OBCCYCTr3gpRVG2xwUjVTv8u1C1Sp5yckW0fcGDZK7aziXYD1BzXR4iqWyByiTR8aQlsgayi17/dn/Obkgs7USjXdR8DGf+O1O0rPgFjURSsQSRS6+9qvBcFiWRx5VDMQlNcJvCQZ5QzPj0hy
summer
- 理解响应式图片：从像素到DPR🤖 本文介绍了像素概念及其在网页设计中的应用。首先区分了物理像素和CSS像素，解释了像素密度（PPI）和设备像素比（DPR）的概念，随后探讨了响应式图片的实现方法，包括图片的渲染尺寸与固有尺寸的关系，以及使用srcset属性根据设备DPR或视口宽度提供合适图片资源的技术ImageHTMLWebBrowserResponsivesrcsetLCP5 min
- 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 min