美文网首页饥人谷技术博客
减少页面加载时间的方法之-压缩图片

减少页面加载时间的方法之-压缩图片

作者: lixiaochi | 来源:发表于2017-09-25 21:41 被阅读0次

1.在线压缩

优化图片有很多种方法,最近使用了一款压缩图片的神器推荐给大家:tinypng.com


操作十分简单,只要把图片拖进虚线框中,网站自动给你压缩



用几张图片测试下,结果发下压缩比挺高的,总计压缩了75%的存储空间。

2.导出为web格式

在PS中选择文件 -> 导出 -> 存储为Web所用格式
(Mac快捷键:Option ⌥ + Shift ⇧ + Command ⌘ + S)
(Win快捷键:Ctrl + Alt + Shift + S)


按需配置完属性后,存储即可,可节约大量空间。

3.网页测速

最后可以使用谷歌的PageSpeed Insights来测试下图片是否还有优化空间。填入网站即可测试。
PageSpeed Insights

相关文章

  • 减少页面加载时间的方法之-压缩图片

    1.在线压缩 优化图片有很多种方法,最近使用了一款压缩图片的神器推荐给大家:tinypng.com 操作十分简单,...

  • 提升页面性能

    提升页面性能的方法有哪些? 资源压缩合并,减少HTTP请求 非核心代码异步加载——异步加载的方式——异步加载的区别...

  • 优化

    提升页面性能的方法有哪些? 资源压缩合并,减少http请求 非核心代码异步加载异步加载的方式动态脚本加载defer...

  • WEB性能优化的常用方法

    1、压缩JS可以减少加载时间。 2、模块打包可以减少文件加载次数。 3、按需加载图片、视频等。 4、缓存。 5、C...

  • 项目优化

    资源压缩 代码合并压缩 图片压缩 加载优化 ssr 首屏渲染,减少屏幕因为数据加载而闪动 懒加载loading占位...

  • 问题

    请说出三种减少页面加载时间的方法。(加载时间指感知的时间或者实际加载时间) 1.优化图片 2.图像格式的选择(GI...

  • 4-3 页面性能

    提升页面性能的方法有哪些?资源压缩合并,减少 HTTP 请求非核心代码异步加载异步加载的方式动态脚本的加载(通过d...

  • HTTP/2的理解

    HTTP/2主要通过以下方法减少延迟,改进页面的加载速度: HTTP Header的压缩,采用HPack算法。 H...

  • 前端性能优化

    使用路由按需加载,只有打开对应路由的页面才去加载资源 页面图片采用 png 格式的图片,可将图片进行压缩 图片比较...

  • 2017-12-26

    请说出三种减少页面加载时间的方法。(加载时间指感知的时间或者实际加载时间) 1、减少http请求(合并文件、合并图...

网友评论

    本文标题:减少页面加载时间的方法之-压缩图片

    本文链接:https://www.haomeiwen.com/subject/iqtjextx.html