"}}}}},"FCdofZi1qd4DsqcVLdNcsxrvnfc":{"id":"FCdofZi1qd4DsqcVLdNcsxrvnfc","snapshot":{"type":"text","comments":[],"hidden":false,"ai_extra":{"rewrite_command":1},"children":[],"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"locked":false,"author":"7592586811961052102","text":{"apool":{"nextNum":3,"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"],"2":["bold","true"]}},"initialAttributedTexts":{"attribs":{"0":"*0*1*2+f"},"text":{"0":"配套通用CSS規(guī)范（全局引用）"}}},"align":"left"}},"Fyndfcw3xdVeduciyH8cZBFsnRb":{"id":"Fyndfcw3xdVeduciyH8cZBFsnRb","snapshot":{"language":"css","parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","comments":[],"hidden":false,"author":"7592586811961052102","ai_extra":{"rewrite_command":1},"children":[],"align":"","type":"code","revisions":[],"locked":false,"text":{"apool":{"nextNum":2,"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]}},"initialAttributedTexts":{"attribs":{"0":"*0*1|4+1o"},"text":{"0":"img {\n max-width: 100%;\n height: auto;\n display: block;\n}"}}}}},"JlaufAfwYdBw50cSO7Jccia7nTg":{"id":"JlaufAfwYdBw50cSO7Jccia7nTg","snapshot":{"locked":false,"author":"7592586811961052102","children":[],"text":{"apool":{"nextNum":3,"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"],"2":["bold","true"]}},"initialAttributedTexts":{"attribs":{"0":"*0*1*2+4*0*1+15"},"text":{"0":"禁止寫法：不寫寬高、只寫單一寬或高、寬高比例失衡，會直接造成CLS超標(biāo)，影響SEO體驗(yàn)分。"}}},"comments":[],"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"hidden":false,"ai_extra":{"rewrite_command":1},"align":"left","type":"text"}},"MYcufnAdQd0yMycysRhclpOcnXh":{"id":"MYcufnAdQd0yMycysRhclpOcnXh","snapshot":{"revisions":[],"locked":false,"hidden":false,"children":[],"align":"left","type":"heading2","parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","comments":[],"author":"7592586811961052102","ai_extra":{"rewrite_command":1},"text":{"apool":{"nextNum":2,"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]}},"initialAttributedTexts":{"attribs":{"0":"*0*1+p"},"text":{"0":"二、懶加載代碼規(guī)范：區(qū)分首屏與非首屏，優(yōu)化首屏速度"}}}}},"PodjfIbK8ddcHLc8holcywFqnvc":{"id":"PodjfIbK8ddcHLc8holcywFqnvc","snapshot":{"comments":[],"align":"left","ai_extra":{"rewrite_command":1},"children":[],"type":"text","parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"locked":false,"hidden":false,"author":"7592586811961052102","text":{"apool":{"nextNum":3,"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"],"2":["bold","true"]}},"initialAttributedTexts":{"attribs":{"0":"*0*1+13*0*1*2+a*0*1+c"},"text":{"0":"懶加載是降低首屏資源體積、提升LCP最大內(nèi)容繪制速度的核心代碼方案，規(guī)范重點(diǎn)是首屏禁用、非首屏全開，避免首屏圖片延遲閃爍。"}}}}},"Mlgrfsjzpd8oS3cr8qncjXyznIh":{"id":"Mlgrfsjzpd8oS3cr8qncjXyznIh","snapshot":{"type":"text","parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"author":"7592586811961052102","align":"left","comments":[],"locked":false,"hidden":false,"ai_extra":{"rewrite_command":1},"children":[],"text":{"apool":{"nextNum":3,"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"],"2":["bold","true"]}},"initialAttributedTexts":{"attribs":{"0":"*0*1*2+h"},"text":{"0":"1. 原生瀏覽器懶加載規(guī)范（推薦）"}}}}},"VHaRfiWoNdfTgtcmNP2cxEwbnUh":{"id":"VHaRfiWoNdfTgtcmNP2cxEwbnUh","snapshot":{"align":"left","type":"text","parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","comments":[],"hidden":false,"author":"7592586811961052102","ai_extra":{"rewrite_command":1},"revisions":[],"locked":false,"children":[],"text":{"apool":{"nextNum":2,"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]}},"initialAttributedTexts":{"attribs":{"0":"*0*1+1a"},"text":{"0":"使用原生 loading=\"lazy\" 屬性，無需JS插件，兼容性全覆蓋，輕量化無性能損耗。"}}}}},"OVkFfFCT9d73xDcBSTjcKPQUnVc":{"id":"OVkFfFCT9d73xDcBSTjcKPQUnVc","snapshot":{"ai_extra":{"rewrite_command":1},"align":"","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"language":"html","locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"\n"},"attribs":{"0":"*0*1|1+25*0*1+h"},"rows":{},"cols":{}}},"type":"code"}},"CXtWf83RhdDkSHcJzmEcMtvpngd":{"id":"CXtWf83RhdDkSHcJzmEcMtvpngd","snapshot":{"hidden":false,"author":"7592586811961052102","text":{"apool":{"nextNum":3,"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"],"2":["bold","true"]}},"initialAttributedTexts":{"attribs":{"0":"*0*1*2+e"},"text":{"0":"2. 首屏圖片強(qiáng)制關(guān)閉懶加載"}}},"align":"left","type":"text","parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","comments":[],"revisions":[],"locked":false,"ai_extra":{"rewrite_command":1},"children":[]}},"GAJxfVtmSds2EtcBItFcxaqTnJh":{"id":"GAJxfVtmSds2EtcBItFcxaqTnJh","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"首頁Banner、首屏核心展示圖，禁止添加懶加載屬性，防止出現(xiàn)白屏、延遲加載，保證首屏渲染優(yōu)先級。"},"attribs":{"0":"*0*1+1d"},"rows":{},"cols":{}}},"type":"text"}},"RiPRfcPOOdQ9QVc2QVGcQ4Udnlh":{"id":"RiPRfcPOOdQ9QVc2QVGcQ4Udnlh","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"],"2":["bold","true"]},"nextNum":3,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1,"bold,true":2}},"initialAttributedTexts":{"text":{"0":"3. 懶加載避坑規(guī)范：禁止全站統(tǒng)一批量開啟懶加載，必須區(qū)分頁面區(qū)域；禁止使用老舊JS懶加載插件，容易造成加載阻塞、圖片加載失敗。"},"attribs":{"0":"*0*1*2+a*0*1+1i"},"rows":{},"cols":{}}},"type":"text"}},"H8fifeVpAdRGFycQJ65cF7crnkg":{"id":"H8fifeVpAdRGFycQJ65cF7crnkg","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"三、Alt屬性代碼規(guī)范：圖片SEO核心標(biāo)準(zhǔn)"},"attribs":{"0":"*0*1+l"},"rows":{},"cols":{}}},"type":"heading2"}},"V0qbfZCNgdMifScE5OycvnHPnAF":{"id":"V0qbfZCNgdMifScE5OycvnHPnAF","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"alt標(biāo)簽是搜索引擎識別圖片內(nèi)容的唯一代碼標(biāo)識，同時是圖片加載失敗的兜底展示文本，屬于SEO硬性代碼規(guī)范，所有圖片缺一不可。"},"attribs":{"0":"*0*1+1q"},"rows":{},"cols":{}}},"type":"text"}},"A0QLf5slddRO08cQwA8cbVh8nCb":{"id":"A0QLf5slddRO08cQwA8cbVh8nCb","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"],"2":["bold","true"]},"nextNum":3,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1,"bold,true":2}},"initialAttributedTexts":{"text":{"0":"代碼規(guī)范要求"},"attribs":{"0":"*0*1*2+6"},"rows":{},"cols":{}}},"type":"text"}},"VvM0fWVH3dhHSZcUfDdczEeXn7o":{"id":"VvM0fWVH3dhHSZcUfDdczEeXn7o","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"],"2":["bold","true"]},"nextNum":3,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1,"bold,true":2}},"initialAttributedTexts":{"text":{"0":"1. 所有img標(biāo)簽禁止空alt、不寫alt；"},"attribs":{"0":"*0*1+a*0*1*2+c*0*1+1"},"rows":{},"cols":{}}},"type":"text"}},"SWNvfBg2kdYZjFcNe6Vc7mK1nLe":{"id":"SWNvfBg2kdYZjFcNe6Vc7mK1nLe","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"2. alt內(nèi)容簡潔精準(zhǔn)，描述圖片主體內(nèi)容，自然植入相關(guān)長尾關(guān)鍵詞，不堆砌、不浮夸；"},"attribs":{"0":"*0*1+16"},"rows":{},"cols":{}}},"type":"text"}},"NYkGfaKYCdERATcTEnNc2NjEnkc":{"id":"NYkGfaKYCdERATcTEnNc2NjEnkc","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"3. 裝飾性極簡圖標(biāo)alt可填空字符，避免無效關(guān)鍵詞堆砌。"},"attribs":{"0":"*0*1+t"},"rows":{},"cols":{}}},"type":"text"}},"PJY7fRLtWdQhTOcuLbUc6YUwnZg":{"id":"PJY7fRLtWdQhTOcuLbUc6YUwnZg","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"],"2":["bold","true"]},"nextNum":3,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1,"bold,true":2}},"initialAttributedTexts":{"text":{"0":"標(biāo)準(zhǔn)寫法"},"attribs":{"0":"*0*1*2+4"},"rows":{},"cols":{}}},"type":"text"}},"YrCEfXvghdQwGYc5UOxcvRBpnhd":{"id":"YrCEfXvghdQwGYc5UOxcvRBpnhd","snapshot":{"ai_extra":{"rewrite_command":1},"align":"","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"language":"html","locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"\n\n\n\n"},"attribs":{"0":"*0*1|4+4k"},"rows":{},"cols":{}}},"type":"code"}},"KmRTfn45wdQXs0c96mnc0U1unHh":{"id":"KmRTfn45wdQXs0c96mnc0U1unHh","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"四、圖片格式與路徑代碼規(guī)范：減少解析損耗"},"attribs":{"0":"*0*1+k"},"rows":{},"cols":{}}},"type":"heading2"}},"VdQRfrGYrdgkPxcGtdwc7AKKngI":{"id":"VdQRfrGYrdgkPxcGtdwc7AKKngI","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"代碼層面的圖片格式調(diào)用、路徑寫法不規(guī)范，會增加瀏覽器解析請求成本，間接影響加載速度。"},"attribs":{"0":"*0*1+16"},"rows":{},"cols":{}}},"type":"text"}},"NcvYfsNxVdo1FlcttBLcUwJsn8g":{"id":"NcvYfsNxVdo1FlcttBLcUwJsn8g","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"],"2":["bold","true"]},"nextNum":3,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1,"bold,true":2}},"initialAttributedTexts":{"text":{"0":"1. 格式調(diào)用規(guī)范：代碼中優(yōu)先調(diào)用webp、avif格式圖片，淘汰jpg、png大圖調(diào)用方式，同頁面統(tǒng)一圖片格式標(biāo)準(zhǔn)，減少瀏覽器解碼壓力。"},"attribs":{"0":"*0*1*2+9*0*1+1o"},"rows":{},"cols":{}}},"type":"text"}},"FuNifSdrMdHrQBc91jKcDdO4nZd":{"id":"FuNifSdrMdHrQBc91jKcDdO4nZd","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"],"2":["bold","true"]},"nextNum":3,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1,"bold,true":2}},"initialAttributedTexts":{"text":{"0":"2. 圖片路徑規(guī)范"},"attribs":{"0":"*0*1*2+9"},"rows":{},"cols":{}}},"type":"text"}},"VIr9fJ3MDda5HTcXt7Zc4sUrnXf":{"id":"VIr9fJ3MDda5HTcXt7Zc4sUrnXf","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"],"2":["bold","true"]},"nextNum":3,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1,"bold,true":2}},"initialAttributedTexts":{"text":{"0":"統(tǒng)一使用相對路徑或規(guī)范CDN絕對路徑，禁止混亂路徑、無效跳轉(zhuǎn)路徑；禁止本地絕對路徑、帶特殊字符、亂碼命名的圖片地址，避免爬蟲抓取失敗、圖片加載報錯。"},"attribs":{"0":"*0*1+4*0*1*2+4*0*1+1u"},"rows":{},"cols":{}}},"type":"text"}},"NXbrfDv1gdz9dBcCRWZc80mvnBe":{"id":"NXbrfDv1gdz9dBcCRWZc80mvnBe","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"],"2":["bold","true"]},"nextNum":3,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1,"bold,true":2}},"initialAttributedTexts":{"text":{"0":"標(biāo)準(zhǔn)CDN路徑寫法"},"attribs":{"0":"*0*1*2+9"},"rows":{},"cols":{}}},"type":"text"}},"Hs5OfmKEld2NxXcMfy4cCLmVnch":{"id":"Hs5OfmKEld2NxXcMfy4cCLmVnch","snapshot":{"ai_extra":{"rewrite_command":1},"align":"","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"language":"html","locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":""},"attribs":{"0":"*0*1+2d"},"rows":{},"cols":{}}},"type":"code"}},"Z5zofPFiSdidjacyPjRcHB5vnEb":{"id":"Z5zofPFiSdidjacyPjRcHB5vnEb","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"五、CSS圖片渲染規(guī)范：提升渲染流暢度"},"attribs":{"0":"*0*1+j"},"rows":{},"cols":{}}},"type":"heading2"}},"RFFXfcq90dT2HLceVT2cPl18n0d":{"id":"RFFXfcq90dT2HLceVT2cPl18n0d","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"通過CSS代碼優(yōu)化圖片渲染模式，減少瀏覽器重繪、重排，提升頁面滾動流暢度。"},"attribs":{"0":"*0*1+11"},"rows":{},"cols":{}}},"type":"text"}},"QoWHfKNzXdfWmlcxdJTcXgIun1e":{"id":"QoWHfKNzXdfWmlcxdJTcXgIun1e","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"],"2":["bold","true"]},"nextNum":3,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1,"bold,true":2}},"initialAttributedTexts":{"text":{"0":"1. 開啟硬件加速、優(yōu)化渲染"},"attribs":{"0":"*0*1*2+e"},"rows":{},"cols":{}}},"type":"text"}},"SL37fQHZ4d4xbKccOLUco2f3nzc":{"id":"SL37fQHZ4d4xbKccOLUco2f3nzc","snapshot":{"ai_extra":{"rewrite_command":1},"align":"","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"language":"css","locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"img {\n /* 提升圖片渲染層級，優(yōu)化流暢度 */\n transform: translateZ(0);\n /* 禁止圖片重復(fù)渲染 */\n image-rendering: crisp-edges;\n}"},"attribs":{"0":"*0*1|5+2z"},"rows":{},"cols":{}}},"type":"code"}},"R6Befpldld954hcYRr4czZpmntb":{"id":"R6Befpldld954hcYRr4czZpmntb","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"],"2":["bold","true"]},"nextNum":3,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1,"bold,true":2}},"initialAttributedTexts":{"text":{"0":"2. 背景圖代碼優(yōu)化規(guī)范"},"attribs":{"0":"*0*1*2+c"},"rows":{},"cols":{}}},"type":"text"}},"MdGafWK23duQlLcFrQQc53MTnxB":{"id":"MdGafWK23duQlLcFrQQc53MTnxB","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"CSS背景圖必須添加尺寸限制、禁止超大背景圖，同時開啟背景圖懶加載邏輯，避免背景圖阻塞首屏渲染："},"attribs":{"0":"*0*1+1c"},"rows":{},"cols":{}}},"type":"text"}},"XYTefmmRAdZmZAc0ZkCcF5x6nGf":{"id":"XYTefmmRAdZmZAc0ZkCcF5x6nGf","snapshot":{"ai_extra":{"rewrite_command":1},"align":"","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"language":"css","locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":".bg-box {\n width: 100%;\n height: 400px;\n background: url(banner.webp) no-repeat center;\n background-size: cover;\n}"},"attribs":{"0":"*0*1|5+3a"},"rows":{},"cols":{}}},"type":"code"}},"DTmsfXCNmdSFMzcmg59cSYvPnod":{"id":"DTmsfXCNmdSFMzcmg59cSYvPnod","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"六、圖標(biāo)類圖片替代代碼規(guī)范：徹底輕量化"},"attribs":{"0":"*0*1+j"},"rows":{},"cols":{}}},"type":"heading2"}},"OZ4yfshZadgEEIct1uEcLg4hndO":{"id":"OZ4yfshZadgEEIct1uEcLg4hndO","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"網(wǎng)站小圖標(biāo)、裝飾圖禁止使用PNG/JPG圖片，統(tǒng)一用輕量化代碼方案，減少HTTP請求數(shù)量。"},"attribs":{"0":"*0*1+19"},"rows":{},"cols":{}}},"type":"text"}},"UAurftPnidrefAcGN2ocCEqpnme":{"id":"UAurftPnidrefAcGN2ocCEqpnme","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"],"2":["bold","true"]},"nextNum":3,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1,"bold,true":2}},"initialAttributedTexts":{"text":{"0":"1. 優(yōu)先使用SVG矢量圖"},"attribs":{"0":"*0*1*2+d"},"rows":{},"cols":{}}},"type":"text"}},"AVumfIUCgdk97rc3QNsc76M5nNe":{"id":"AVumfIUCgdk97rc3QNsc76M5nNe","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"t, ext":{"0":"SVG體積極小、無損放大、無需圖片請求，適配所有圖標(biāo)場景："},"attribs":{"0":"*0*1+t"},"rows":{},"cols":{}}},"type":"text"}},"PdOEfSKdEdfveycswTRc61m9nBg":{"id":"PdOEfSKdEdfveycswTRc61m9nBg","snapshot":{"ai_extra":{"rewrite_command":1},"align":"","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"language":"html","locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":""},"attribs":{"0":"*0*1+2l"},"rows":{},"cols":{}}},"type":"code"}},"L3tFfA80odPGe2c4fVBcZKsMnwf":{"id":"L3tFfA80odPGe2c4fVBcZKsMnwf","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"],"2":["bold","true"]},"nextNum":3,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1,"bold,true":2}},"initialAttributedTexts":{"text":{"0":"2. 小圖標(biāo)統(tǒng)一使用CSS雪碧圖：將多個小圖標(biāo)合并為一張雪碧圖，由多次HTTP請求合并為1次請求，大幅減少請求數(shù)、提速明顯。"},"attribs":{"0":"*0*1*2+g*0*1+1a"},"rows":{},"cols":{}}},"type":"text"}},"Qayrfb0UqdqHIzcUWjKcAN4In5f":{"id":"Qayrfb0UqdqHIzcUWjKcAN4In5f","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"七、緩存與響應(yīng)頭代碼配置規(guī)范"},"attribs":{"0":"*0*1+e"},"rows":{},"cols":{}}},"type":"heading2"}},"OfH4fiYDqdAyGucVhJmceHGNnQc":{"id":"OfH4fiYDqdAyGucVhJmceHGNnQc","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"通過服務(wù)器代碼配置圖片緩存，實(shí)現(xiàn)二次訪問秒開，屬于圖片優(yōu)化底層代碼規(guī)范。"},"attribs":{"0":"*0*1+10"},"rows":{},"cols":{}}},"type":"text"}},"CXyEfql6SdvwxzcUhjIcslHXnVd":{"id":"CXyEfql6SdvwxzcUhjIcslHXnVd","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"],"2":["bold","true"]},"nextNum":3,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1,"bold,true":2}},"initialAttributedTexts":{"text":{"0":"服務(wù)端響應(yīng)頭規(guī)范（Nginx/Apache通用）"},"attribs":{"0":"*0*1*2+o"},"rows":{},"cols":{}}},"type":"text"}},"Rdfxf8suAdQqq0cSebCczUZVnEh":{"id":"Rdfxf8suAdQqq0cSebCczUZVnEh","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"對webp、jpg、png、svg等圖片資源，設(shè)置長期緩存、強(qiáng)制緩存：緩存時效7-30天，減少重復(fù)下載。"},"attribs":{"0":"*0*1+1g"},"rows":{},"cols":{}}},"type":"text"}},"ZvjcfsWvzdRz9BcmgxJclFLxnJc":{"id":"ZvjcfsWvzdRz9BcmgxJclFLxnJc","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"],"2":["bold","true"]},"nextNum":3,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1,"bold,true":2}},"initialAttributedTexts":{"text":{"0":"規(guī)范配置效果：首次加載圖片后，瀏覽器本地緩存生效，二次訪問無需重新請求圖片，極大提升回訪速度。"},"attribs":{"0":"*0*1*2+6*0*1+15"},"rows":{},"cols":{}}},"type":"text"}},"HPwyf07LediXMqc5EZ5cFtpDnlc":{"id":"HPwyf07LediXMqc5EZ5cFtpDnlc","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"八、禁止的錯誤代碼寫法（避坑紅線）"},"attribs":{"0":"*0*1+h"},"rows":{},"cols":{}}},"type":"heading2"}},"SBdyfMrtydKSxOcJEKkcvIdqnbe":{"id":"SBdyfMrtydKSxOcJEKkcvIdqnbe","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"1. 禁止img標(biāo)簽不寫width、height，造成CLS布局偏移；"},"attribs":{"0":"*0*1+z"},"rows":{},"cols":{}}},"type":"text"}},"L81Zf7xEadU90tc8N7PcYyBFnYc":{"id":"L81Zf7xEadU90tc8N7PcYyBFnYc","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"2. 禁止全站圖片統(tǒng)一開啟懶加載，導(dǎo)致首屏卡頓閃爍；"},"attribs":{"0":"*0*1+q"},"rows":{},"cols":{}}},"type":"text"}},"Q2J2fAydvdJaeNcPdvQcX5H3nzc":{"id":"Q2J2fAydvdJaeNcPdvQcX5H3nzc","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"3. 禁止alt屬性堆砌關(guān)鍵詞、空alt、alt與內(nèi)容不符；"},"attribs":{"0":"*0*1+u"},"rows":{},"cols":{}}},"type":"text"}},"FUhtfHPRbdDtXDcdf5ZcRJH9nFf":{"id":"FUhtfHPRbdDtXDcdf5ZcRJH9nFf","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"4. 禁止頁面加載超大PNG、原圖圖片，不做格式轉(zhuǎn)換與壓縮；"},"attribs":{"0":"*0*1+u"},"rows":{},"cols":{}}},"type":"text"}},"IPozfT2wYdF4Plc1vjBcoYqWnCc":{"id":"IPozfT2wYdF4Plc1vjBcoYqWnCc","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"5. 禁止圖片亂命名、特殊字符路徑、無效資源鏈接。"},"attribs":{"0":"*0*1+p"},"rows":{},"cols":{}}},"type":"text"}},"OLMrfqA2WdbDMucXcxEcDMFAn0b":{"id":"OLMrfqA2WdbDMucXcxEcDMFAn0b","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]},"nextNum":2,"attribToNum":{"author,7592586811961052102":0,"ai-extra,{\"is_ai_gen\":true,\"rewrite_command\":1}":1}},"initialAttributedTexts":{"text":{"0":"總結(jié)"},"attribs":{"0":"*0*1+2"},"rows":{},"cols":{}}},"type":"heading2"}},"XBwtfNyzsdZlYdcITWNcCpdWn0g":{"id":"XBwtfNyzsdZlYdcITWNcCpdWn0g","snapshot":{"ai_extra":{"rewrite_command":1},"align":"left","author":"7592586811961052102","children":[],"comments":[],"hidden":false,"locked":false,"parent_id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","revisions":[],"text":{"initialAttributedTexts":{"text":{"0":"網(wǎng)站圖片優(yōu)化核心代碼規(guī)范：必寫寬高防偏移、首屏不懶加載、非首屏全開懶加載、alt精準(zhǔn)賦值、統(tǒng)一WebP格式、CDN規(guī)范路徑、輕量化圖標(biāo)替代、長效緩存配置。嚴(yán)格遵守以上代碼規(guī)范，可一次性解決圖片帶來的LCP慢、CLS超標(biāo)、請求過多、SEO圖片無收錄四大核心問題，完美適配頁面速度優(yōu)化與搜索引擎體驗(yàn)評分標(biāo)準(zhǔn)。"},"attribs":{"0":"*1*0+d*1*0*2+1r*1*0+24"}},"apool":{"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"],"2":["bold","true"]},"nextNum":3}},"type":"text"}},"Oz3ldibs7ordV7xX2x4cF6ZXnxg":{"id":"Oz3ldibs7ordV7xX2x4cF6ZXnxg","snapshot":{"type":"page","parent_id":"","comments":[],"revisions":[],"locked":false,"hidden":false,"author":"7592586811961052102","children":["E8IIf7LHZdYG6Ucqwyxcg3EknGd","Ozc6f4KuMdyS52csBrRcFsGRnUe","RRNSf2xV9dMz5xcrAjocFtX9nWe","KmOLfhZcwdApc6cJKdEcMWjJneg","LnWvfaMhrddDB0cF8hEcYjdhnwc","JJV7f4tImd6z3BchVjDco8BAnLg","FCdofZi1qd4DsqcVLdNcsxrvnfc","Fyndfcw3xdVeduciyH8cZBFsnRb","JlaufAfwYdBw50cSO7Jccia7nTg","MYcufnAdQd0yMycysRhclpOcnXh","PodjfIbK8ddcHLc8holcywFqnvc","Mlgrfsjzpd8oS3cr8qncjXyznIh","VHaRfiWoNdfTgtcmNP2cxEwbnUh","OVkFfFCT9d73xDcBSTjcKPQUnVc","CXtWf83RhdDkSHcJzmEcMtvpngd","GAJxfVtmSds2EtcBItFcxaqTnJh","RiPRfcPOOdQ9QVc2QVGcQ4Udnlh","H8fifeVpAdRGFycQJ65cF7crnkg","V0qbfZCNgdMifScE5OycvnHPnAF","A0QLf5slddRO08cQwA8cbVh8nCb","VvM0fWVH3dhHSZcUfDdczEeXn7o","SWNvfBg2kdYZjFcNe6Vc7mK1nLe","NYkGfaKYCdERATcTEnNc2NjEnkc","PJY7fRLtWdQhTOcuLbUc6YUwnZg","YrCEfXvghdQwGYc5UOxcvRBpnhd","KmRTfn45wdQXs0c96mnc0U1unHh","VdQRfrGYrdgkPxcGtdwc7AKKngI","NcvYfsNxVdo1FlcttBLcUwJsn8g","FuNifSdrMdHrQBc91jKcDdO4nZd","VIr9fJ3MDda5HTcXt7Zc4sUrnXf","NXbrfDv1gdz9dBcCRWZc80mvnBe","Hs5OfmKEld2NxXcMfy4cCLmVnch","Z5zofPFiSdidjacyPjRcHB5vnEb","RFFXfcq90dT2HLceVT2cPl18n0d","QoWHfKNzXdfWmlcxdJTcXgIun1e","SL37fQHZ4d4xbKccOLUco2f3nzc","R6Befpldld954hcYRr4czZpmntb","MdGafWK23duQlLcFrQQc53MTnxB","XYTefmmRAdZmZAc0ZkCcF5x6nGf","DTmsfXCNmdSFMzcmg59cSYvPnod","OZ4yfshZadgEEIct1uEcLg4hndO","UAurftPnidrefAcGN2ocCEqpnme","AVumfIUCgdk97rc3QNsc76M5nNe","PdOEfSKdEdfveycswTRc61m9nBg","L3tFfA80odPGe2c4fVBcZKsMnwf","Qayrfb0UqdqHIzcUWjKcAN4In5f","OfH4fiYDqdAyGucVhJmceHGNnQc","CXyEfql6SdvwxzcUhjIcslHXnVd","Rdfxf8suAdQqq0cSebCczUZVnEh","ZvjcfsWvzdRz9BcmgxJclFLxnJc","HPwyf07LediXMqc5EZ5cFtpDnlc","SBdyfMrtydKSxOcJEKkcvIdqnbe","L81Zf7xEadU90tc8N7PcYyBFnYc","Q2J2fAydvdJaeNcPdvQcX5H3nzc","FUhtfHPRbdDtXDcdf5ZcRJH9nFf","IPozfT2wYdF4Plc1vjBcoYqWnCc","OLMrfqA2WdbDMucXcxEcDMFAn0b","XBwtfNyzsdZlYdcITWNcCpdWn0g"],"text":{"apool":{"nextNum":2,"numToAttrib":{"0":["author","7592586811961052102"],"1":["ai-extra","{\"is_ai_gen\":true,\"rewrite_command\":1}"]}},"initialAttributedTexts":{"attribs":{"0":"*0*1+k*0*1+1"},"text":{"0":"網(wǎng)站圖片優(yōu)化代碼規(guī)范（前端可直接落地標(biāo)準(zhǔn)）"}}},"align":"","doc_info":{"editors":["7592586811961052102"],"options":["editors","edit_time"],"deleted_editors":null,"option_modified":null},"revision_container_id":"doxcnA86Q1g8wQ1CWP7zS9aMhwf","status":{"streaming":{"enabled":false,"expired_at":"1783921236","is_create_command":true,"operator_id":"7592586811961052102","source":1}}}}},"payloadMap":{"E8IIf7LHZdYG6Ucqwyxcg3EknGd":{"level":1},"RRNSf2xV9dMz5xcrAjocFtX9nWe":{"level":1},"KmOLfhZcwdApc6cJKdEcMWjJneg":{"level":1},"LnWvfaMhrddDB0cF8hEcYjdhnwc":{"level":1},"FCdofZi1qd4DsqcVLdNcsxrvnfc":{"level":1},"JlaufAfwYdBw50cSO7Jccia7nTg":{"level":1},"PodjfIbK8ddcHLc8holcywFqnvc":{"level":1},"Mlgrfsjzpd8oS3cr8qncjXyznIh":{"level":1},"VHaRfiWoNdfTgtcmNP2cxEwbnUh":{"level":1},"CXtWf83RhdDkSHcJzmEcMtvpngd":{"level":1},"GAJxfVtmSds2EtcBItFcxaqTnJh":{"level":1},"RiPRfcPOOdQ9QVc2QVGcQ4Udnlh":{"level":1},"V0qbfZCNgdMifScE5OycvnHPnAF":{"level":1},"A0QLf5slddRO08cQwA8cbVh8nCb":{"level":1},"VvM0fWVH3dhHSZcUfDdczEeXn7o":{"level":1},"SWNvfBg2kdYZjFcNe6Vc7mK1nLe":{"level":1},"NYkGfaKYCdERATcTEnNc2NjEnkc":{"level":1},"PJY7fRLtWdQhTOcuLbUc6YUwnZg":{"level":1},"VdQRfrGYrdgkPxcGtdwc7AKKngI":{"level":1},"NcvYfsNxVdo1FlcttBLcUwJsn8g":{"level":1},"FuNifSdrMdHrQBc91jKcDdO4nZd":{"level":1},"VIr9fJ3MDda5HTcXt7Zc4sUrnXf":{"level":1},"NXbrfDv1gdz9dBcCRWZc80mvnBe":{"level":1},"RFFXfcq90dT2HLceVT2cPl18n0d":{"level":1},"QoWHfKNzXdfWmlcxdJTcXgIun1e":{"level":1},"R6Befpldld954hcYRr4czZpmntb":{"level":1},"MdGafWK23duQlLcFrQQc53MTnxB":{"level":1},"OZ4yfshZadgEEIct1uEcLg4hndO":{"level":1},"UAurftPnidrefAcGN2ocCEqpnme":{"level":1},"AVumfIUCgdk97rc3QNsc76M5nNe":{"level":1},"L3tFfA80odPGe2c4fVBcZKsMnwf":{"level":1},"OfH4fiYDqdAyGucVhJmceHGNnQc":{"level":1},"CXyEfql6SdvwxzcUhjIcslHXnVd":{"level":1},"Rdfxf8suAdQqq0cSebCczUZVnEh":{"level":1},"ZvjcfsWvzdRz9BcmgxJclFLxnJc":{"level":1},"SBdyfMrtydKSxOcJEKkcvIdqnbe":{"level":1},"L81Zf7xEadU90tc8N7PcYyBFnYc":{"level":1},"Q2J2fAydvdJaeNcPdvQcX5H3nzc":{"level":1},"FUhtfHPRbdDtXDcdf5ZcRJH9nFf":{"level":1},"IPozfT2wYdF4Plc1vjBcoYqWnCc":{"level":1},"XBwtfNyzsdZlYdcITWNcCpdWn0g":{"level":1}},"extra":{"channel":"saas","pasteRandomId":"00ade8bd-20b3-485d-8875-95ea45662487","mention_page_title":{},"external_mention_url":{},"isEqualBlockSelection":true},"isKeepQuoteContainer":false,"selection":[{"id":2,"type":"text","selection":{"start":0,"end":144},"recordId":"E8IIf7LHZdYG6Ucqwyxcg3EknGd"},{"id":3,"type":"text","selection":{"start":0,"end":24},"recordId":"Ozc6f4KuMdyS52csBrRcFsGRnUe"},{"id":4,"type":"text","selection":{"start":0,"end":79},"recordId":"RRNSf2xV9dMz5xcrAjocFtX9nWe"},{"id":5,"type":"text","selection":{"start":0,"end":86},"recordId":"KmOLfhZcwdApc6cJKdEcMWjJneg"},{"id":6,"type":"text","selection":{"start":0,"end":6},"recordId":"LnWvfaMhrddDB0cF8hEcYjdhnwc"},{"id":7,"type":"block","recordId":"JJV7f4tImd6z3BchVjDco8BAnLg"},{"id":8,"type":"text","selection":{"start":0,"end":15},"recordId":"FCdofZi1qd4DsqcVLdNcsxrvnfc"},{"id":9,"type":"block","recordId":"Fyndfcw3xdVeduciyH8cZBFsnRb"},{"id":10,"type":"text","selection":{"start":0,"end":45},"recordId":"JlaufAfwYdBw50cSO7Jccia7nTg"},{"id":11,"type":"text","selection":{"start":0,"end":25},"recordId":"MYcufnAdQd0yMycysRhclpOcnXh"},{"id":12,"type":"text","selection":{"start":0,"end":61},"recordId":"PodjfIbK8ddcHLc8holcywFqnvc"},{"id":13,"type":"text","selection":{"start":0,"end":17},"recordId":"Mlgrfsjzpd8oS3cr8qncjXyznIh"},{"id":14,"type":"text","selection":{"start":0,"end":46},"recordId":"VHaRfiWoNdfTgtcmNP2cxEwbnUh"},{"id":15,"type":"block","recordId":"OVkFfFCT9d73xDcBSTjcKPQUnVc"},{"id":16,"type":"text","selection":{"start":0,"end":14},"recordId":"CXtWf83RhdDkSHcJzmEcMtvpngd"},{"id":17,"type":"text","selection":{"start":0,"end":49},"recordId":"GAJxfVtmSds2EtcBItFcxaqTnJh"},{"id":18,"type":"text","selection":{"start":0,"end":64},"recordId":"RiPRfcPOOdQ9QVc2QVGcQ4Udnlh"},{"id":19,"type":"text","selection":{"start":0,"end":21},"recordId":"H8fifeVpAdRGFycQJ65cF7crnkg"},{"id":20,"type":"text","selection":{"start":0,"end":62},"recordId":"V0qbfZCNgdMifScE5OycvnHPnAF"},{"id":21,"type":"text","selection":{"start":0,"end":6},"recordId":"A0QLf5slddRO08cQwA8cbVh8nCb"},{"id":22,"type":"text","selection":{"start":0,"end":23},"recordId":"VvM0fWVH3dhHSZcUfDdczEeXn7o"},{"id":23,"type":"text","selection":{"start":0,"end":42},"recordId":"SWNvfBg2kdYZjFcNe6Vc7mK1nLe"},{"id":24,"type":"text","selection":{"start":0,"end":29},"recordId":"NYkGfaKYCdERATcTEnNc2NjEnkc"},{"id":25,"type":"text","selection":{"start":0,"end":4},"recordId":"PJY7fRLtWdQhTOcuLbUc6YUwnZg"},{"id":26,"type":"block","recordId":"YrCEfXvghdQwGYc5UOxcvRBpnhd"},{"id":27,"type":"text","selection":{"start":0,"end":20},"recordId":"KmRTfn45wdQXs0c96mnc0U1unHh"},{"id":28,"type":"text","selection":{"start":0,"end":42},"recordId":"VdQRfrGYrdgkPxcGtdwc7AKKngI"},{"id":29,"type":"text","selection":{"start":0,"end":69},"recordId":"NcvYfsNxVdo1FlcttBLcUwJsn8g"},{"id":30,"type":"text","selection":{"start":0,"end":9},"recordId":"FuNifSdrMdHrQBc91jKcDdO4nZd"},{"id":31,"type":"text","selection":{"start":0,"end":74},"recordId":"VIr9fJ3MDda5HTcXt7Zc4sUrnXf"},{"id":32,"type":"text","selection":{"start":0,"end":9},"recordId":"NXbrfDv1gdz9dBcCRWZc80mvnBe"},{"id":33,"type":"block","recordId":"Hs5OfmKEld2NxXcMfy4cCLmVnch"},{"id":34,"type":"text","selection":{"start":0,"end":19},"recordId":"Z5zofPFiSdidjacyPjRcHB5vnEb"},{"id":35,"type":"text","selection":{"start":0,"end":37},"recordId":"RFFXfcq90dT2HLceVT2cPl18n0d"},{"id":36,"type":"text","selection":{"start":0,"end":14},"recordId":"QoWHfKNzXdfWmlcxdJTcXgIun1e"},{"id":37,"type":"block","recordId":"SL37fQHZ4d4xbKccOLUco2f3nzc"},{"id":38,"type":"text","selection":{"start":0,"end":12},"recordId":"R6Befpldld954hcYRr4czZpmntb"},{"id":39,"type":"text","selection":{"start":0,"end":48},"recordId":"MdGafWK23duQlLcFrQQc53MTnxB"},{"id":40,"type":"block","recordId":"XYTefmmRAdZmZAc0ZkCcF5x6nGf"},{"id":41,"type":"text","selection":{"start":0,"end":19},"recordId":"DTmsfXCNmdSFMzcmg59cSYvPnod"},{"id":42,"type":"text","selection":{"start":0,"end":45},"recordId":"OZ4yfshZadgEEIct1uEcLg4hndO"},{"id":43,"type":"text","selection":{"start":0,"end":13},"recordId":"UAurftPnidrefAcGN2ocCEqpnme"},{"id":44,"type":"text","selection":{"start":0,"end":29},"recordId":"AVumfIUCgdk97rc3QNsc76M5nNe"},{"id":45,"type":"block","recordId":"PdOEfSKdEdfveycswTRc61m9nBg"},{"id":46,"type":"text","selection":{"start":0,"end":62},"recordId":"L3tFfA80odPGe2c4fVBcZKsMnwf"},{"id":47,"type":"text","selection":{"start":0,"end":14},"recordId":"Qayrfb0UqdqHIzcUWjKcAN4In5f"},{"id":48,"type":"text","selection":{"start":0,"end":36},"recordId":"OfH4fiYDqdAyGucVhJmceHGNnQc"},{"id":49,"type":"text","selection":{"start":0,"end":24},"recordId":"CXyEfql6SdvwxzcUhjIcslHXnVd"},{"id":50,"type":"text","selection":{"start":0,"end":52},"recordId":"Rdfxf8suAdQqq0cSebCczUZVnEh"},{"id":51,"type":"text","selection":{"start":0,"end":47},"recordId":"ZvjcfsWvzdRz9BcmgxJclFLxnJc"},{"id":52,"type":"text","selection":{"start":0,"end":17},"recordId":"HPwyf07LediXMqc5EZ5cFtpDnlc"},{"id":53,"type":"text","selection":{"start":0,"end":35},"recordId":"SBdyfMrtydKSxOcJEKkcvIdqnbe"},{"id":54,"type":"text","selection":{"start":0,"end":26},"recordId":"L81Zf7xEadU90tc8N7PcYyBFnYc"},{"id":55,"type":"text","selection":{"start":0,"end":30},"recordId":"Q2J2fAydvdJaeNcPdvQcX5H3nzc"},{"id":56,"type":"text","selection":{"start":0,"end":30},"recordId":"FUhtfHPRbdDtXDcdf5ZcRJH9nFf"},{"id":57,"type":"text","selection":{"start":0,"end":25},"recordId":"IPozfT2wYdF4Plc1vjBcoYqWnCc"},{"id":58,"type":"text","selection":{"start":0,"end":2},"recordId":"OLMrfqA2WdbDMucXcxEcDMFAn0b"},{"id":59,"type":"text","selection":{"start":0,"end":152},"recordId":"XBwtfNyzsdZlYdcITWNcCpdWn0g"}],"pasteFlag":"97d0da09-5601-4d19-acea-ecf458e6cb11"}" data-lark-record-format="docx/record" class="lark-record-clipboard">

<!-- 原生寬高賦值 + CSS自適應(yīng)，兼顧規(guī)范與適配 -->
<img src="pic.webp" width="800" height="450" alt="關(guān)鍵詞描述">

img {
  max-width: 100%;
  height: auto;
  display: block;
}

<!-- 非首屏圖片統(tǒng)一開啟懶加載 -->
<img src="list.webp" width="600" height="400" alt="列表圖片" loading="lazy">

<!-- 產(chǎn)品/內(nèi)容圖標(biāo)準(zhǔn)alt -->
<img src="product.webp" width="700" height="500" alt="網(wǎng)站SEO圖片優(yōu)化代碼規(guī)范教程">

<!-- 裝飾圖標(biāo)規(guī)范alt -->
<img src="icon.webp" width="24" height="24" alt="">

<img src="https://cdn.xxx.com/images/pic.webp" width="800" height="450" alt="圖片優(yōu)化規(guī)范">

img {
  /* 提升圖片渲染層級，優(yōu)化流暢度 */
  transform: translateZ(0);
  /* 禁止圖片重復(fù)渲染 */
  image-rendering: crisp-edges;
}

.bg-box {
  width: 100%;
  height: 400px;
  background: url(banner.webp) no-repeat center;
  background-size: cover;
}

<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="..." fill="#333"/></svg>