前端的性能优化
性能优化总结
Cool_so_cool
这个作者很懒,什么都没留下…
展开
-
移动端的性能优化
在这里插入移动端的优化,尤其是对于图片的优化,至关重要 能不用图片的就不用图片 1、我们静态资源图片 1)所有的小图我们用css sprite技术(雪碧图),把所有的小图合并到一张大图上,然后样式中通过图片background-position来实现定位展示(减少服务器的资源请求次数) 2)对于大一点的图片(banner、背景图),我们采取图片延迟加载,默认给一张较小的默认图,让默认图平铺整个背景,当页面加载完成后(一般我们控制100或者500ms后,在开始加载我们的真实图片) --保证刚转载 2020-05-24 21:47:51 · 389 阅读 · 0 评论 -
前端性能优化
前端性能优化一、减少 HTTP的请求次数和报文的大小css sprite (雪碧图、图片精灵)技术使用字体图标或者 svg 等矢量图• 减少HTTP请求次数或者减少请求内容的大小• 渲染更快:因为他们是基于代码渲染的,而对于位图(png / jpg / gif)是需要把图片编码再渲染• 不容易失真变形• 也可以使用 webp 格式图片,这种格式要小一些,但是需要服务器端支持这种格式...原创 2020-03-11 20:23:05 · 312 阅读 · 0 评论