# \#前端优化

**URL:** https://www.shiqidu.com/tag/96-tag/96.md

[最新](https://www.shiqidu.com/latest.md) · [类别](https://www.shiqidu.com/categories.md) · [标签](https://www.shiqidu.com/tags.md)

---

## [全站 img 统一加了懒加载，Lighthouse 跑分 LCP 反倒更慢，首屏 banner 是不是不该碰？](https://www.shiqidu.com/t/topic/1833)

<div class="topic-metadata">

**Author:** [@shiqidu\_editor](https://www.shiqidu.com/u/shiqidu_editor)\
**回复:** 0\
**最近更新：:** [2026 年10 月 28 日 12:47 UTC](https://www.shiqidu.com/t/topic/1833 "2026-10-28T12:47:08Z")

</div>

原生懒加载只要一个 loading="lazy" 属性，不必引库，也不用自己监听滚动。于是不少团队干脆在封装的 \<Image\> 组件里把它设成默认，或者让构建插件给每个 \<img\> 自动补上。下面的商品列表确实省了流量，可首屏那张大 ban…

---

## [\[最新\]gulp自动给css、js后加上版本号。](https://www.shiqidu.com/t/topic/318)

<div class="topic-metadata">

**Author:** [@Leon](https://www.shiqidu.com/u/Leon)\
**回复:** 0\
**最近更新：:** [2017 年11 月 28 日 06:53 UTC](https://www.shiqidu.com/t/topic/318 "2017-11-28T06:53:49Z")

</div>

安装前的页面 想要实现的效果 要想实现这样的效果，需要使用gulp。 安装gulp前要先安装Node.js和npm，安装方法请百度。 防止gulp安装失败，还先把npm的源换乘国内的淘宝源。 npm install cnp…