在小强的《前端性能分析精要》中涉及到图片的优化等,培训视频中给大家提到了图片的 优化,但没有给大家指出如何优化,其实这个并不难,只要你愿意动一点脑经,但很多学员比较懒惰,我表示非常的无奈,故这里给大家列出来几个在线的图片、js、css优化网站,很实用。

=======================================================================

1. Smush.it图片优化

Smush.it被称之为图像“压榨机”,是雅虎的Yahoo Exceptional Performance Team开发出的一个网络应用,旨在帮助网站优化图片,提高站点速度。是非常流行的无损压缩工具。

官方网站:http://www.smushit.com/

2. PunyPNG图片优化

punypng是一个免费的图片压缩工具,更适合设计师和前端开发人员,它可以大大的减小图像文件的大小( 支持JPG, GIF ,8/24 bit PNGs),将其转换成高压缩的图像。如果你的网站有大量的图片,使用它可以大大减少网页加载的时间。

官方网站:http://gracepointafterfive.com/punypng

3. SiteReportCard图片优化

同样是一款优秀的图片在线压缩工具,支持URL网络图片和本地上传图片。支持文件格式有GIF、JPG、PNG。

官方网站:http://sitereportcard.com/p_w_picpathreducer.php

4、js优化

http://js.clicki.cn/

5、css优化

http://tool.lanrentuku.com/csszip/

转载于:https://blog.51cto.com/xqtesting/1144255

在线的图片、js、css压缩优化工具介绍(配合小强视频 前端性能分析精要)相关推荐

  1. Android Q app内存压缩优化方案介绍

    Android Q app内存压缩优化方案介绍 原创文章,谢绝转载! Android Q新增了部分系统性能优化方案,这里简单学习下,本篇文章先分析app compaction. 一.愿景: 在保证后台 ...

  2. PS图片基础知识及常用工具介绍

    一.PS图片基础知识及常用工具介绍 PS基础教程 http://zx.kaitao.cn/tupianchuli/20120919170827.htm 选框.套索.裁剪.画笔工具:http://zx. ...

  3. 前端性能分析工具利器

    作者:basinwang,腾讯 PCG 前端开发工程师 大型项目容易遇到性能问题,一般来说,当我们遇到性能瓶颈的时候,才会开始去进行相应的分析.分析的方向除了业务本身的特点相关之外,常见的还可以借助一 ...

  4. C++应用程序性能优化(三)——C++语言特性性能分析

    C++应用程序性能优化(三)--C++语言特性性能分析 一.C++语言特性性能分析简介 通常大多数开发人员认为,汇编语言和C语言比较适合编写对性能要求非常高的程序,C++语言主要适用于编写复杂度非常高 ...

  5. 《C++应用程序性能优化::第二章C++语言特性的性能分析》学习和理解

    <C++应用程序性能优化::第二章C++语言特性的性能分析>学习和理解 说明:<C++应用程序性能优化> 作者:冯宏华等 2007年版.最近出了新版,看了目录,在前面增加了一章 ...

  6. arm linux下交叉编译valgrind工具进行内存泄露检测和性能分析

    C/C++等底层语言在提供强大功能及性能的同时,其灵活的内存访问也带来了各种纠结的问题.如果crash的地方正是内存使用错误的地方,说明你人品好.如果crash的地方内存明显不是consistent的 ...

  7. 前端性能分析工具Dyna Trace使用心得(转)

    什么是dynatrace ajax "dynatrace ajax 是一个详细的底层追踪工具,它不仅可以显示所有请求和文件在网络中传输的时间,还会记录浏览器render,CPU消耗.JS解析 ...

  8. 前端性能分析工具-Lighthouse

    1.前言 对于前端开发人员来说,除了实现页面功能外,那就是页面的性能响应问题也要关注.同样对于测试人员在进行性能测试时,也要关注前端页面的性能指标.测试前端性能市面上可以用到的工具也比较多,比如可以用 ...

  9. 前端性能分析工具:dynaTrace Ajax Edition

    从John Resig的Deep Tracing of Internet Explorer了解到了这款刚发布的免费的前端性能分析工具,John Resig对其评价甚高:"I typicall ...

  10. 网站优化JS css压缩

    在nginx 中开启gzip压缩后,可以大大减少资js css 体积,原来200KB,压缩后只有66KB server{gzip on;gzip_types text/plain applicatio ...

最新文章

  1. linux中的一些命令的想法
  2. 分部类--重温篇[好处,示例]
  3. Calibre 3.38.1 下载 Runoob 网站中的《Python 2 教程》的 Recipe
  4. Qt中的QLineEdit、QTextEdit、QPlainTextEdit
  5. 手机控件查看工具uiautomatorviewer
  6. 产品经理整理PRD时,需要注意哪些点
  7. cwinthread*线程指针怎么销毁结束_C++知识点:智能指针
  8. C# 异步调用控件 跨线程调用控件 跨线程赋值
  9. 通过 HttpClient 下载 文件
  10. matlab三维极坐标天线方向图,天线方向图(Antenna Pattern)
  11. Spring Cloud H (五)服务网关 GateWay
  12. 反算坐标方位角小程序(c#)
  13. gridsome(三)——plugins
  14. 云游玩家福利 — 腾讯、罗技G“强强联手”,今年推出云游掌上电脑
  15. 几张图片生成3D模型?距离真正的AI建模还有多远?
  16. SpringBoot程序排除@Configuration配置类
  17. 眼球追踪如何预测头部追踪
  18. Windows 7常用48款软件兼容性测试
  19. 【Uinty3d】常用API
  20. 更好哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈

热门文章

  1. mysql 浮点类型有宽度指示器吗_mysql中的浮点类型
  2. java前端 js弹出框_前端js弹出框组件使用方法
  3. centos7.x-firewalld防火墙常用命令收集
  4. python怎么看待_如何看待将Python作为少儿编程的基础语言?
  5. 强制关机对电脑的影响_强制关机损害电脑?看完秒懂
  6. IntelliJ Idea14 创建Maven多模块项目,多继承,热部署配置总结(一)
  7. jQuery.ajax 调用 服务(.aspx,.asmx)
  8. Git Extensions 2.33出现unhandled exception has ……解决方法
  9. 一个非常好用的文字滚动的案例,鼠标悬浮可暂停
  10. Pytorch模型参数的访问、初始化和共享