前端网页基本性能优化

php中世界最好的语言
Lepaskan: 2018-06-13 14:17:18
asal
1825 orang telah melayarinya

这次给大家带来前端网页基本性能优化,的注意事项有哪些,下面就是实战案例,一起来看一下。

页面优化

静态资源压缩

借助构建工具(webpack、gulp)适当压缩图片、脚本及样式等网页静态资源。

CSS雪碧图、base64内联图片

将站内小图标合并成一张图,使用css定位截取对应图标;适当使用内联图片。

样式置顶、脚本置底

页面是一个逐步呈现的过程,样式置顶能更快呈现页面给用户;

Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan