Web性能优化:前端工程师
Web性能优化:前端工程师
为毛我名叫酱油 发表于1年前
Web性能优化:前端工程师
  • 发表于 1年前
  • 阅读 8
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 十分钟定制你的第一个小程序>>>   

摘要: 关于Web性能优化的一些点

压缩源码和图片

JavaScript文件源代码可以采用混淆压缩的方式,CSS文件源代码进行普通压缩,JPG图片可以根据具体质量来压缩为50%到70%,PNG可以使用一些开源软件来压缩,比如24色变8色、去掉一些PNG格式信息等。


选择合适的图片格式

如果图片颜色较多就使用JPG格式,如果图片颜色较少就使用PNG格式,如果能够通过服务器端判断浏览器支持WebP,那么就使用WebP格式和SVG格式。


合并静态资源

包括CSS、JavaScript和小图片,减少HTTP请求。


开启服务器端的Dzip压缩

这对文本资源非常有效,对图片资源则没有那么大的压缩比率。


使用CDN

或者使用第三方提供的静态资源地址(比如JQuery、normalize.css)。一方面增加并发下载量,另一方面能够和其他网站共享缓存。


延长资源缓存的时间

频繁访问网站的用户就能够更快的访问。不过,这里要通过修改文件名的方式,确保在资源更新的时候,用户会拉取到最新的内容。


把CSS放在页面头部,把JavaScript放在页面底部

这样不会阻塞页面渲染,让页面出现长时间的空白。


-----摘自《Web全栈工程师的自我修养》

共有 人打赏支持
粉丝 2
博文 2
码字总数 545
×
为毛我名叫酱油
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: